【低代码平台】可视化构建H5、小程序多端商城,Mall-Cook新版上线

3,448 阅读2分钟

背景

Mall-Cook 是一个基于 vue 开发的SASS商城可视化搭建平台,旨在高效、低成本的搭建与维护商城

项目从12月开源上线以来,感谢无数大佬们的支持与帮助下不断的成熟与完善。但1.0版本只能构建H5商城却逐渐不能满足实际使用,在权衡之下决定进行大改版,重构uniapp版本实现多端商城构建的计划。

在历时近2月的开发,Mall-Cook 1.1 版本闪亮登场。新版改动如下:

  • 使用uni-app重构物料库与模板项目,从而可构建H5、小程序等多端应用
  • 修改Monorepo风格项目结构,独立每个子项目,方便后期扩展
  • 使用iframe嵌入H5画布,让搭建平台与构建项目分离

image.png

新版介绍

一次搭建生成多端生成

在可视化搭建完商城保存后,点击预览会弹出H5与小程序二维码。扫码会进入对应端的商城项目

Monorepo风格项目结构

├─ packages                 //项目分包
│  ├─ mall-cook-platform        // 可视化搭建平台
│  └─ mall-cook-template        // uni-app商城渲染模板  
├─ scripts                 // 构建脚本目录  
│  ├─ build.js            
│  └─ dev.js             
└─ package.json   

root项目可选择启动子项目

npm run dev 

iframe 嵌入H5画布

新版摒弃了直接在平台项目开发画布的方式,因为这样物料库必须兼容平台项目,才能在平台画布组件上渲染物料。可uni-app物料库要在vue项目上需要大量的兼容,比如后面我们又更新为taro物料库,那又需兼容一遍,这样明显不对。

所以新版我们使用iframe直接嵌入渲染项目H5页面,使用类似插槽的方式控制画布完成构建,同时方便后期扩展。

image.png

寻求社区有兴趣的小伙伴加入

如果小伙伴对这个项目感兴趣想加入维护,可以通过github的issue给我留言,我会主动与你联系。同时这也是我基建计划的第一步,等项目成熟稳定后,会继续开发不限于可视化大屏搭建平台、中后台可视化代码生成器等基建项目。

如果觉得这个仓库还不错,可以给我们一个star或是告诉自己的朋友,我们需要它让更多人看见。我们好好把它维护下去的,谢谢各位。

链接

体验地址:传送门

github:传送门

交流群:交流群二维码可在项目github首页查看