mall
Introduction: mall 项目是一套电商系统,包括前台商城系统及后台管理系统,基于 SpringBoot+MyBatis 实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
Tags:
友情提示
- 快速体验项目:在线访问地址 。
- 全套学习教程:《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 |
架构图
系统架构图
业务架构图
模块介绍
后台管理系统 mall-admin
- 商品管理:功能结构图-商品.jpg
- 订单管理:功能结构图-订单.jpg
- 促销管理:功能结构图-促销.jpg
- 内容管理:功能结构图-内容.jpg
- 用户管理:功能结构图-用户.jpg
前台商城系统 mall-portal
开发进度
环境搭建
开发工具
工具 | 说明 | 官网 |
---|---|---|
IDEA | 开发 IDE | https://www.jetbrains.com/idea/download |
RedisDesktop | redis 客户端连接工具 | https://github.com/qishibo/AnotherRedisDesktopManager |
Robomongo | mongo 客户端连接工具 | https://robomongo.org/download |
SwitchHosts | 本地 host 管理 | https://oldj.github.io/SwitchHosts/ |
X-shell | Linux 远程连接工具 | http://www.netsarang.com/download/software.html |
Navicat | 数据库连接工具 | http://www.formysql.com/xiazai.html |
PowerDesigner | 数据库设计工具 | http://powerdesigner.de/ |
Axure | 原型设计工具 | https://www.axure.com/ |
MindMaster | 思维导图设计工具 | http://www.edrawsoft.cn/mindmaster |
ScreenToGif | gif 录制工具 | https://www.screentogif.com/ |
ProcessOn | 流程图绘制工具 | https://www.processon.com/ |
PicPick | 图片处理工具 | https://picpick.app/zh/ |
Snipaste | 屏幕截图工具 | https://www.snipaste.com/ |
Postman | API 接口调试工具 | https://www.postman.com/ |
Typora | Markdown 编辑器 | https://typora.io/ |
开发环境
工具 | 版本号 | 下载 |
---|---|---|
JDK | 1.8 | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
MySQL | 5.7 | https://www.mysql.com/ |
Redis | 7.0 | https://redis.io/download |
MongoDB | 5.0 | https://www.mongodb.com/download-center |
RabbitMQ | 3.10.5 | http://www.rabbitmq.com/download.html |
Nginx | 1.22 | http://nginx.org/en/download.html |
Elasticsearch | 7.17.3 | https://www.elastic.co/downloads/elasticsearch |
Logstash | 7.17.3 | https://www.elastic.co/cn/downloads/logstash |
Kibana | 7.17.3 | https://www.elastic.co/cn/downloads/kibana |
搭建步骤
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