- 快速体验项目：在线访问地址 。
- 全套学习教程：《mall学习教程》 。
- 视频教程（最新版）：《mall视频教程》 。
- 微服务版本：基于Spring Cloud Alibaba的项目：mall-swarm 。
- 分支说明：
master分支基于Spring Boot 2.7+JDK 8，dev-v3分支基于Spring Boot 3.2+JDK 17。
mall项目致力于打造一个完整的电商系统，采用现阶段主流技术实现。
文档地址：https://www.macrozheng.com
mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现，采用Docker容器化部署。前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
前端项目mall-admin-web地址：https://github.com/macrozheng/mall-admin-web
项目演示地址： https://www.macrozheng.com/admin/index.html
前端项目mall-app-web地址：https://github.com/macrozheng/mall-app-web
项目演示地址（将浏览器切换为手机模式效果更佳）：https://www.macrozheng.com/app/
mall
├── mall-common -- 工具类及通用代码
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-security -- SpringSecurity封装公用模块
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码| 技术 | 说明 | 官网 |
|---|---|---|
| Vue | 前端框架 | https://vuejs.org/ |
| Vue-router | 路由框架 | https://router.vuejs.org/ |
| Vuex | 全局状态管理框架 | https://vuex.vuejs.org/ |
| Element | 前端UI框架 | https://element.eleme.io |
| Axios | 前端HTTP框架 | https://github.com/axios/axios |
| v-charts | 基于Echarts的图表框架 | https://v-charts.js.org/ |
| Js-cookie | cookie管理工具 | https://github.com/js-cookie/js-cookie |
| nprogress | 进度条控件 | https://github.com/rstacruz/nprogress |
| 技术 | 说明 | 官网 |
|---|---|---|
| Vue | 核心前端框架 | https://vuejs.org |
| Vuex | 全局状态管理框架 | https://vuex.vuejs.org |
| uni-app | 移动端前端框架 | https://uniapp.dcloud.io |
| mix-mall | 电商项目模板 | https://ext.dcloud.net.cn/plugin?id=200 |
| luch-request | HTTP请求框架 | https://github.com/lei-mu/luch-request |
- 商品管理：功能结构图-商品.jpg
- 订单管理：功能结构图-订单.jpg
- 促销管理：功能结构图-促销.jpg
- 内容管理：功能结构图-内容.jpg
- 用户管理：功能结构图-用户.jpg
Windows环境部署
- Windows环境搭建请参考：mall项目后端开发环境搭建;
- 注意：如果只启动
mall-admin模块，仅需安装MySQL、Redis即可; - 克隆
mall-admin-web项目，并导入到IDEA中完成编译：前端项目地址; mall-admin-web项目的安装及部署请参考：mall项目前端发环境搭建 。
Docker环境部署
- 使用虚拟机安装CentOS7.6请参考：虚拟机安装及使用Linux，看这一篇就够了;
- 本项目Docker镜像构建请参考：使用Maven插件为SpringBoot应用构建Docker镜像;
- 本项目在Docker容器下的部署请参考：mall在Linux环境下的部署（基于Docker容器）;
- 本项目使用Docker Compose请参考： mall在Linux环境下的部署（基于Docker Compose）;
- 本项目在Linux下的自动化部署请参考：mall在Linux环境下的自动化部署（基于Jenkins）;
加微信群交流，关注公众号「macrozheng」，回复「加群」即可。
Copyright (c) 2018-2025 macrozheng