在电商行业快速迭代的今天，传统开发模式已难以满足高频的页面调整需求。Mall-Cook 作为一款基于 Vue 低代码平台，通过可视化拖拽与标准化组件管理，让非技术人员也能快速搭建多端适配的商城系统。

简介

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

核心亮点

1. 零代码可视化搭建

通过拖拽式画布设计，用户无需编码即可完成商城页面布局。支持流式布局与自由布局切换，内置商品列表、轮播图、导航菜单等20+电商组件，实时预览功能让修改效果立即可见。例如：

  • 首页搭建： 拖拽组合Banner、商品分类、推荐模块

  • 活动页配置： 快速创建秒杀专区或节日专题页面

  • 多端适配： 一键生成H5与微信小程序页面

2. JSON Schema标准化生态

独创的 Schema生成器 实现组件接入工业化：

// 组件接入示例
{
  "label": "商品卡片",
  "icon": "icon-product",
  "fields": {
    "title": {"type": "string", "label": "商品名称"},
    "price": {"type": "number", "label": "销售价格"}
  }
}

通过标准化协议定义组件属性，开发者可快速扩展新组件并自动生成配置面板，实现组件流水线式接入。

3. 企业级功能矩阵

功能模块
技术实现
应用价值
多页面管理
Vue Router动态路由
构建复杂导航体系
模板商城
预置10+行业模板
项目启动时间缩短80%
商品数据对接
RESTful API接口标准化
无缝对接ERP/CRM系统
多端发布
uni-app跨端编译
节省多平台适配成本

极速部署

1. 环境准备

# 安装Node.js与Yarn
nvm install 16
npm install -g yarn

2. 项目启动

git clone https://github.com/wangyuan389/mall-cook
cd mall-cook
yarn bootstrap  # 安装依赖
yarn dev        # 启动开发服务器

访问 http://localhost:3000 即可进入管理后台，支持实时热更新调试29。

3. 生产部署

yarn build:dev  # 同时构建H5与管理端
yarn deploy     # FTP自动部署（需配置服务器信息）

使用示例

  • 项目可视化搭建
  • 页面使用魔方物料
  • 页面使用商品物料
  • 模板商城使用模板
版权声明：
1、本网站名称：帝企吧
2、本站永久网址：https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网，仅用于学习及参考使用，切勿用于商业用途，如产生法律纠纷本站概不负责！ 8、资源除标明原创外均来自网络转载，版权归原作者所有，若侵犯到您权益请联系我们删除，我们将及时处理！ 9、若您需使用非免费的软件或服务，请购买正版授权并合法使用！