SaaS商城平台，通过可视化搭建商城，支持生成H5、小程序多端商城项目
我前端基建梦想的一小步
## 介绍 Mall-Cook 是一个基于 vue 开发的可视化商城搭建平台，包括多页面可视化构建、Json Schema 生成器（可视化搭建物料控制面板），实现组件流水线式标准接入平台。最新版本使用 uni-app 重构物料、模板项目，支持生成 H5、小程序多端商城。 ## 体验平台地址：传送门
## 文档文档地址：传送门
## 平台速览
## 可视化搭建教程
项目从被阮一峰老师推荐到技术周刊，到一天得到 200 个 star 深深的激励了我，感谢大佬们的抬爱。
本着授人以鱼不如授人以渔思想，我决定在项目新建 shelf 分支，正常迭代 Mall-Cook 情况下，从零重构一套"干净"的可视化架构，同时会在掘金同步出教程文章详细讲述关键功能点，带大家一览此类平台从零到架构搭建的整个过程，谢谢大家的支持
低代码开发系列教程
## 服务端本地启动方案
[传送门](./packages/mall-cook-service/README.md)
## 版本更新
### 1.1 uni-app 版本上线
- 支持构建 H5、微信小程序多端商城
- 利用 uni-app 重构物料库与模板项目
- 修改为 Monorepo 风格项目结构，支持多个子项目独立存在
### 1.2 增加 service 子项目
- 后端使用 node 开发，mall-cook-service 项目已公布
### 1.3 支持自定义页面 tab 页面设置与跳转
- 构建自定义页面可在 tabbar 设置为 tab 页
- 支持物料固定页、自定义页面、tab 自定义页面，全类型页面跳转
### 1.3.1 新增文档
- 新增文档项目
# 常见问题汇总
## Node 版本问题:
可以默认使用 node: v17.0.0
## 1.初始化使用
- 使用初始化的时候,这里不需要 npm run bootstrap 也可以,
- 单独在每一个 package 仓库里面,安装依赖
```ts
mall-cook-document 仓库文档中心
mall-cook-service 服务端仓库:mongo使用,这里本地启动mongo后,直接使用
然后navicat后,这里配置登陆一下,查看后链接 27017 端口
地址位置:packages/mall-cook-platform/src/config/global.js位置修改
修改里面:baseApi: 'http://127.0.0.1:3000/'
mall-cook-platform 平台仓库:用于在浏览器端查看低代码
mall-cook-template 商城预览仓库内容:配置修改:mall-cook-platform中的地址:
```
## 2.数据库使用问题
- 数据库使用的是 mongodb, 请自行安装, 这里使用的是本地启动
- 启动后,这里的链接 api 的地址:baseApi: 'http://127.0.0.1:3000/' 这里是默认项目:mall-cook-platform
## 3.登陆和注册这里测试一下,如果成功可以停止.
## 4.项目出错了 error:0308010C:digital
Error:error:0308010C:digital envelope routines::unsupported
```ts
export NODE_OPTIONS=--openssl-legacy-provider
```
也可以将上面那行放在 script 中:
```ts
"scripts": {
"serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
},
```
## 5.配置启动修改 mall-cook-platform 仓库中的 iframe 地址
```ts
- 首先启动:mall-cook-template仓库
- 接着将mall-cook-platform仓库配置进行修改
mall-cook-platform地址内容:
mall-cook-platformiframeSrc() {
return `${global.viewUrl}pages/index/tabbar/home?operate=realTime`;
},
```