SaaS商城平台，通过可视化搭建商城，支持生成H5、小程序多端商城项目

我前端基建梦想的一小步

介绍

Mall-Cook 是一个基于 vue 开发的可视化商城搭建平台，包括多页面可视化构建、Json Schema 生成器（可视化搭建物料控制面板），实现组件流水线式标准接入平台。最新版本使用 uni-app 重构物料、模板项目，支持生成 H5、小程序多端商城。

1.1 uni-app 版本上线

• 支持构建 H5、微信小程序多端商城
• 利用 uni-app 重构物料库与模板项目
• 修改为 Monorepo 风格项目结构，支持多个子项目独立存在

1.1.1 增加 service 子项目

• 后端使用 node 开发，mall-cook-service 项目已公布

体验

预览地址：传送门

项目可视化搭建

页面使用魔方物料

页面使用商品物料

模板商城使用模板

JsonSchema生成器可视化构建属性面板

可视化搭建教程

项目从被阮一峰老师推荐到技术周刊，到一天得到 200 个 star 深深的激励了我，感谢大佬们的抬爱。

本着授人以鱼不如授人以渔思想，我决定在项目新建 shelf 分支，正常迭代 Mall-Cook 情况下，从零重构一套"干净"的可视化架构，同时会在掘金同步出教程文章详细讲述关键功能点，带大家一览此类平台从零到架构搭建的整个过程，谢谢大家的支持

Mall-Cook平台架构

可视化搭建教程体验项目：传送门

商城可视化搭建平台 Mall-Cook详细介绍

手把手带你开发一个低代码可视化平台（一） 实现拖拽搭建面板

手把手带你开发一个低代码可视化平台（二） 物料JSON构建属性面板流水线

手把手带你开发一个低代码可视化平台（三） 组件物料复合类型属性

特性

• 项目基于 VUE 语言开发
• 支持生成H5、小程序多端商城
• 生成商城支持屏幕适配
• 提供物料 Json Schema 生成器，根据 Json 自动生成配置栏
• 提供多页面搭建
• 提供模板商城，可直接套用模板构建商城
• 自定义底部 tab 菜单
• 支持生成 H5、小程序多端商城

启动

root 项目选择需运行的子项目

$ npm run dev         # 开发

结构

├─ packages                             // 子项目包
│  ├─ mall-cook-platform                    // 可视化搭建平台项目
│  └─ mall-cook-template                    // unn-app模板项目
├─ scripts                              // root脚本
└─ package.json

to do list

• 持续业务组件开发
• 探索平台接入 NPM 组件

Mall-Cook 交流群

大家可以加群交流低代码/零代码可视化搭建(如果交流群过期，可加作者微信邀请加群)