wangyuan389 / mall-cook

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

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

我前端基建梦想的一小步

介绍

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

体验

平台地址：传送门

文档

文档地址：传送门

平台速览

项目可视化搭建

页面使用魔方物料

页面使用商品物料

模板商城使用模板

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

可视化搭建教程

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

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

低代码开发系列教程

开始

1、安装依赖

yarn bootstrap

如果失败，建议单独进入子目录执行yarn安装。

2、运行项目

yarn dev

服务端本地启动方案

传送门

版本更新

1.1 uni-app 版本上线

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

1.2 增加 service 子项目

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

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

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

1.3.1 新增文档

• 新增文档项目

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

技术反馈与低代码交流群

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

mall-cook's Issues

安装好依赖之后本地跑不起来

如题，报错：
Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined

@ ./h5/main.js 14:0-28 46:13-16

体验地址的账号和密码是多少啊？

体验地址的账号和密码是多少啊？

还有微信群吗？目前的二维码过期了

如题

Can't import the named export 'watch' from non EcmaScript module (only default export is available)

当我使用 npm run dev 启动 mall-cook-platform, 我这里报了很多关于 'h', 'ref', 'watch' 之类的类似于标题的错误, 这些都是关于Vue3的东西, 但是我看大佬用的是 Vue2, 是不是这块的某个导入错误的原因, 但是我看大佬的项目里面也没有使用 'ref' 或者 ‘reactive' 这些 Vue3 的东西, 为啥还会报这个错呢? 请问大佬有遇到过吗?

想利用这个平台做数据可视化，请问可以支持一下 echarts 组建吗

非常棒的项目，想利用这个平台做数据可视化，请问可以支持一下 echarts 组建吗

独立配置数据源

对于这种低代码平台，是否具有或者可以增加对于数据源的配置（接口标准，mysql数据库等），类似于datav，毕竟在运行一套项目的时候，都应该有自身对应的业务逻辑

底部进群二维码过期了，麻烦更新下 谢谢了

minimce组件加载不出来

你好，麻烦问一下，minimce组件加载不出来，报如下错误，我应该怎么做，谢谢了

请问各子项目用途

作者大大你好，请问这两个子项目，哪个是用于后台编辑页面，哪个是用于移动端的

总是报跟@dcloudio库相关的错误

Error: Cannot find module '@dcloudio/uni-cli-shared/lib/util'

$ cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch
node:internal/modules/cjs/loader:936
throw err;
^

Error: Cannot find module '@dcloudio/uni-cli-shared/lib/util'
Require stack:

• E:\nvm\v16.14.0\node_modules@dcloudio\vue-cli-plugin-hbuilderx\index.js
• E:\nvm\v16.14.0\node_modules@vue\cli-service\lib\Service.js
• E:\nvm\v16.14.0\node_modules@vue\cli-service\bin\vue-cli-service.js

schema生成的新物料还是报height错误

拖拽组件，释放后的视觉优化

提一个小小的优化项，拖拽组件、释放后的回弹可以优化一下不？看着有点怪。

页面设计和功能层面感觉都挺棒的，作者加油！

有没计划出vue3版本？

魔方跳转链接

魔方 方便在每一个图片的下面 增加一个跳转链接吗，我们在添加跳转链接的时候，设置一个发现会将魔方里面的都设置为相同的，不知道是什么原因

个人对项目升级的一点新想法

作者你好：

最近在学习低代码平台知识，看了你的作品让我深受启发。mall-cook 是个非常棒的项目，由衷希望它能越来越好！

下面是我个人在看了代码后，产生的一些新想法（注意这不是建议，因为我并没有深入研究代码，对项目也不够了解，是否采纳需要作者你自己判断）：

1. 使用 v-bind : is 代替 v-if 实现动态组件，使代码更简洁，Vue文档：https://v2.cn.vuejs.org/v2/api/#is

2. 使用 h 函数渲染代替常规组件，个人感觉使用 createElement 创建 DOM 更有利于数据传递，Vue文档：https://v2.cn.vuejs.org/v2/guide/render-function.html#JSX

3. 使用 grid 布局实现魔方组件，这里需要注意兼容性问题，但随着低版本浏览器淘汰，个人觉得 grid 布局会越来越流行。文档： CSS Grid 网格布局教程 - 阮一峰的网络日志

4. 考虑使用 em、rem、vw、vh 代替部分 px ，这里我是想低代码平台对自适应要求比较高，如果组件布局实现了自适应，那么组件本身样式可能出现问题（比如字体大小）

希望我的想法能给你带来灵感！

需要付费吗主持商用吗

很好的项目

如何导出项目代码

创建并产生了一个项目，然后这个项目的代码怎么生成导出？

大佬，请问咱们项目的开源协议走的MIT还是？

大佬，请问咱们项目的开源协议走的MIT还是？

商城创建构建之后，如何发布部署

商城创建构建之后，如何发布部署，比如怎么上传小程序到官网？

后端可以公布出来吗？

mall-cook-service 我找不到啊

真的不错！！想请问下后端代码有开源吗？

你好，我想自己搭建一个，需要用到后端代码，请问有打算开源吗？谢谢。

倒计时使用了客户端时间，当用户修改本地时间以后，倒计时不准

个人建议

1. 能够实现动态接口配置就好了，目前只有静态数据

页面实时预览时，布局错乱

您好，在uniapp 上看到了您平台的介绍，请问这个平台是否可以商用，再有兼容性怎么样？

这个项目如果要引入uniui的话，改动起来大吗？

交流群一直没找到

微信群二维码过期

微信群二维码过期

添加新物料，会提示height错误

很好用........

........

多个图片模块时，数据冲突，链接跳转路径

请问生成后的代码怎么下载呢？

Mac mall-cook-platform 启动后 页面出不来

mall-cook-platform : npm run dev
App running at:

• Local: http://localhost:8080
• Network: http://192.168.106.39:8080

Note that the development build is not optimized.
To create a production build, run yarn build.

2. 配置了mall-cook-platform config/. default {
   baseApi: 'https://www.lanshan-h5.cn:1443/node/', // 后端接口地址
   viewUrl: 'http://localhost:8080' // iframe嵌套的H5地址,本地开发可改为本地启动的H5地址
   }

3. 浏览器打开后 一直处于加载状态

请问交流群是多少？之前的二维码都过期了

请问交流群是多少？之前的二维码都过期了？

关于微信二维码预览的疑问

我看二维码都是指向mall-cook小程序的，是保存了json数据，然后做了个渲染吗？

有做什么用户层面的数据保存吗？

如果我保存了一个，然后另一个也保存了。我会看到另一个做出保存，生成的小程序ui吗？

自动导出代码

老哥 你好，是否可以支持自动导出代码呀

体验环境无法登录

目前体验地址由于跨域问题无法登录或者注册，麻烦帮忙看看

底部进群二维码过期了，失联了，麻烦留个联系方式

魔方跳转链接

例如第一张图选择了一个跳转链接，后面的图在选择的时候，会出现把第一张图的跳转链接修改了，后面的图片没有加上跳转链接

注册成功后登录模块的输入框无法输入

注册成功后自动切换了登录模板，但是输入框无法输入

本地开发启动后mall-cook h5无法进入首页

按照官网文档配置数据库后, 设置本地开发环境，启动后选择mall-cook h5无法进入首页?

本地开发环境:

export default {
  baseApi: 'http://127.0.0.1:3000/', // 'https://www.lanshan-h5.cn:1443/node/',  // 后端接口地址
  viewUrl: 'http://192.168.0.123:8081/#/' // 'http://110.42.184.128:9000/#/'          // iframe嵌套的H5地址,本地开发可改为本地启动的H5地址
}

yarn run dev后是这样的:

是哪里没配置对吗？

赞！！！

Use of Hard-coded Cryptographic Key vulnerability.

Hi mall-cook/packages/mall-cook-service uses hardcoded jwt secret to sign and decode jwt tokens, which makes it vulnerable to forging token and impersonate as a valid user and it also uses jwt.decode() instead of jwt.verify() function to decode tokens, which does not validate token signature while decoding token, which also may result in token forging by attackers.

pull request with fix for above mentioned vulnerabilities #59

see https://r2c.dev/blog/2020/hardcoded-secrets-unverified-tokens-and-other-common-jwt-mistakes/ for more details

非常非常的棒!!!

请问这个如何配合后台的支付和运营统计呢?

支付配置\物流配置\运营统计;

订单的优惠改价\优惠券的使用规则等.这些有计划吗/

这是一个伟大的项目！

我有预感！
这是一个很有潜力的项目！
希望wangyuan389 能坚持做下去！
不要问我为啥有这种预感！因为这玩意能节约生产力！
坚持更新 迭代呀！

构建页面有问题，内嵌的iframe跳转到登录页

挺不错的，但商品里边还少些东西，比如快递费用，商品库存等待

挺不错的，，但商品里边还少些东西，比如快递费用，商品库存等待

zyIcon 请问是什么图标框架，为什么我拷贝到vue-element-admin不能用

ERROR Failed to compile with 1 error 09:32:34

This dependency was not found:

• -!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!./yzIcon/icon.css in ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/StoreBuild/components/Control/index.vue?vue&type=style&index=0&lang=scss&

To install it, you can run: npm install --save -!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!./yzIcon/icon.css

作者你好，可以申请加入吗？

最近也在研究低代码平台，非常感兴趣加入咱们这个大家庭

pc不支持嘛？

我想拖拽生成pc，好像不支持

admin和h5部署到nginx遇到问题

已启动service后
执行 yarn build ， 把生成的dist 丢到 nginx 后。直接访问admin和h5都出现报错。

h5报错

GET http://host/static/index.a5c69d49.css net::ERR_ABORTED 404 (Not Found)

因为放到二级目录，正确路径应该为

http://host/h5/static/index.a5c69d49.css

admin 报错

Uncaught TypeError: Object(...) is not a function
    at Object.<anonymous> (minimce.es.js:1765:12)
    at 2acf (chunk-vendors.d0ceefab.js:15:973423)
    at c (bootstrap:89:22)
    at 56d7 (index.a9aec1e8.js:1:28804)
    at c (bootstrap:89:22)
    at 0 (index.a9aec1e8.js:1:4404)
    at c (bootstrap:89:22)
    at n (bootstrap:45:15)
    at bootstrap:267:10
    at index.a9aec1e8.js:1:4374