龚哥哥 爱生活、做自己!
商城系统中商品规格使用笛卡尔积运算
发表于 2019-9-22 | 浏览(977) | 前端
/**
 * 笛卡尔积生成规格
 * @author   Devil
 * @blog     http://gong.gg/
 * @version  1.0.0
 * @datetime 2019-09-22T00:33:48+0800
 * @desc     description
 * @param    {[array]}                 arr1 [要进行笛卡尔积的二维数组]
 * @param    {[array]}                 arr2 [最终实现的笛卡尔积组合,可不写]
 */
function SpecCartesian(arr1, arr2)
{
    // 去除第一个元素
    var result = [];
    var temp_arr = arr1;
    var first = temp_arr.splice(0, 1);

    if((arr2 || null) == null)
    {
        arr2 = [];
    }

    // 判断是否是第一次进行拼接
    if(arr2.length > 0)
    {
        for(var i in arr2)
        {
            for(var k in first[0].value)
            {
                result.push(arr2[i]+','+first[0].value[k]);
            }
        }
    } else {
        for(var i in first[0].value)
        {
            result.push(first[0].value[i]);
        }
    }

    // 递归进行拼接
    if(arr1.length > 0)
    {
        result = SpecCartesian(arr1, result);
    }

    // 返回最终笛卡尔积
    return result;
}


// 自动生成规格
var spec = [
    {
        "title": "颜色",
        "value": ["黑色", "白色", "蓝色"]
    },
    {
        "title": "尺码",
        "value": ["S", "M", "L", "XL", "XXL"]
    },
    {
        "title": "长度",
        "value": ["5分裤", "7分裤", "9分裤", "长裤"]
    }
];
var data = SpecCartesian(spec);
console.log(data);

效果图

Image

阅读全文

ShopXO国内领先企业级B2C免费开源电商系统
发表于 2019-3-29 | 浏览(7853) | 开源项目

ShopXO 国内领先企业级B2C免费开源电商系统!

  • 求实进取、创新专注、自主研发、国内领先企业级B2C电商系统解决方案。
  • 遵循Apache2开源协议发布,并提供免费使用。
  • PC+WAP、支付宝小程序、微信小程序、百度小程序。

传送门

小程序体验码

微信小程序

安装教程

官方QQ群

  • 群号:833531593
  • 答案:shopxo.net

源代码平台

扩展性

  • 独立模块式开发,完善的注释,易扩展,应用管理。

安全性

  • 防止sql注入,代码高安全性。

轻量级,高性能

  • 支持多数据库,读写分离,高并发,内置缓存机制。

后端基于ThinkPHP v5.1

ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架,遵循Apache2开源协议发布,从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,尤其注重开发体验和易用性,并且拥有众多的原创功能和特性,为WEB应用开发提供了强有力的支持。

前端基于AmazeUI v2.7.2

组件丰富,模块化

      以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

本地化支持

      相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

轻量级,高性能

      Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

小程序图片展示(微信、支付宝)

小程序

PC端图片展示

电脑端

后台管理图片展示

后台管理

如何贡献

非常欢迎您对ShopXO的开发作出贡献! 你可以选择以下方式向ShopXO贡献:

开源协议

Apache License Version 2.0 see http://www.apache.org/licenses/LICENSE-2.0.html

阅读全文

TOP