xiongzhongkun / mall-cook

商城低代码平台，可视化搭建H5、小程序多端商城

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

我前端基建梦想的一小步

介绍

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

1.1 uni-app 版本上线

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

1.2 增加 service 子项目

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

1.3 支持自定义页面 tab 页面设置与跳转

• 构建自定义页面可在 tabbar 设置为 tab 页
• 支持物料固定页、自定义页面、tab 自定义页面，全类型页面跳转

体验

预览地址：传送门

项目可视化搭建

页面使用魔方物料

页面使用商品物料

模板商城使用模板

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

可视化搭建教程

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

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

Mall-Cook平台架构

低代码开发系列教程

特性

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

本地运行

安装依赖

项目采用Monorepo风格项目结构，子项目独立存在,所以主项目与子项目都需要安装依赖

$ npm install         # 下载依赖

运行

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

$ npm run dev         # 开发

服务端本地启动

传送门

结构

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

to do list

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

开源不易, 有了您的赞助, 我们会做的更好~

技术反馈与低代码交流群

• 加入低代码交流群交流
• 获取低代码开发教程文章
• 与作者进行相关交流