自从mall前台商城项目正式发布之后，mall项目终于是一套能支持完整流程的电商系统了！今天就来给大家介绍下这套电商系统，涵盖项目的架构、技术栈、功能等内容，希望对大家有所帮助！
mall项目简介
mall项目是一套电商系统，基于SpringBoot + Vue + uni-app实现，采用Docker容器化部署，目前在Github上已有69K Star！mall项目由后台管理系统和前台商城项目组成，后台管理系统包含商品管理、订单管理、会员管理、营销管理、权限管理等模块。前台商城项目包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心等模块。
相关地址
- 项目地址：https://github.com/macrozheng/mall
- 官方文档：https://www.macrozheng.com/
- 视频教程：https://www.macrozheng.com/video/
项目演示
后台管理系统
后台管理系统能支持整个电商系统的管理功能，具体功能大家可以访问后台管理系统的演示地址体验下：https://www.macrozheng.com/admin/index.html
后台管理系统演示
前台商城项目
前台商城项目已支持完整的电商流程，具体功能大家可以访问前台商城项目的演示地址体验下：https://www.macrozheng.com/app/index.html
前台商城项目演示
项目架构
系统架构
系统架构图
业务架构
业务架构图
项目技术栈
后端技术
mall项目后端采用现阶主流Java技术实现，涵盖了一般项目中几乎所有使用的技术。
|
SpringBoot |
2.7.5 |
容器+MVC框架 |
|
SpringSecurity |
5.7.4 |
认证和授权框架 |
|
MyBatis |
3.5.10 |
ORM框架 |
|
MyBatisGenerator |
1.4.1 |
数据层代码生成 |
|
RabbitMQ |
3.10.5 |
消息队列 |
|
Redis |
7.0 |
分布式缓存 |
|
MongoDB |
5.0 |
NoSql数据库 |
|
Elasticsearch |
7.17.3 |
搜索引擎 |
|
LogStash |
7.17.3 |
日志收集工具 |
|
Kibana |
7.17.3 |
日志可视化查看工具 |
|
Nginx |
1.22 |
静态资源服务器 |
|
Druid |
1.2.14 |
数据库连接池 |
|
MinIO |
8.4.5 |
对象存储 |
|
Hutool |
5.8.0 |
Java工具类库 |
|
PageHelper |
5.3.2 |
MyBatis物理分页插件 |
|
Swagger-UI |
3.0.0 |
文档生成工具 |
|
logstash-logback-encoder |
7.2 |
Logstash日志收集插件 |
|
docker-maven-plugin |
0.40.2 |
应用打包成Docker镜像的Maven插件 |
前端技术
mall项目采用现阶段流行的前后端分离开发模式，
mall-admin-web作为电商管理系统的前端项目，基于Vue+Element实现。
|
Vue |
前端框架 |
|
Vue-router |
路由框架 |
|
Vuex |
全局状态管理框架 |
|
Element |
前端UI框架 |
|
Axios |
前端HTTP框架 |
|
v-charts |
基于Echarts的图表框架 |
|
Js-cookie |
cookie管理工具 |
|
nprogress |
进度条控件 |
|
vue-element-admin |
项目脚手架参考 |
移动端技术
mall-app-web作为电商系统的前台商城项目，基于uni-app实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心等功能。
|
Vue |
核心前端框架 |
|
Vuex |
全局状态管理框架 |
|
uni-app |
移动端前端框架 |
|
mix-mall |
电商项目模板 |
|
luch-request |
HTTP请求框架 |
项目功能
后台管理系统
mall项目的后台管理系统，主要分为商品模块、订单模块、营销模块和权限模块，目前来说已经比较完善了，足以支撑一套完整的电商流程。
- 商品模块包括：商品管理、商品分类管理、商品类型管理、品牌管理；
- 订单模块包括：订单管理、订单设置、退货申请处理、退货原因设置；
- 营销模块包括：秒杀活动管理、优惠券管理、品牌推荐管理、新品推荐管理、人气推荐管理、专题推荐管理、首页广告管理；
- 权限模块包括：用户管理、菜单管理、角色管理、资源管理；
前台商城项目
前台商城项目目前已经可以实现完整的电商流程，具体功能可参考下图。
项目地址
- mall（后端项目）：https://github.com/macrozheng/mall
- mall-admin-web（后台管理系统）：https://github.com/macrozheng/mall-admin-web
- mall-app-web（前台商城项目）：https://github.com/macrozheng/mall-app-web