自从mall前台商城项目正式发布之后,mall项目终于是一套能支持完整流程的电商系统了!今天就来给大家介绍下这套电商系统,涵盖项目的架构、技术栈、功能等内容,希望对大家有所帮助!
mall项目是一套电商系统,基于SpringBoot + Vue + uni-app
实现,采用Docker
容器化部署,目前在Github上已有69K Star
!mall项目由后台管理系统和前台商城项目组成,后台管理系统包含商品管理、订单管理、会员管理、营销管理、权限管理等模块。前台商城项目包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心等模块。
后台管理系统能支持整个电商系统的管理功能,具体功能大家可以访问后台管理系统的演示地址体验下: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项目的后台管理系统,主要分为商品模块、订单模块、营销模块和权限模块,目前来说已经比较完善了,足以支撑一套完整的电商流程。
前台商城项目目前已经可以实现完整的电商流程,具体功能可参考下图。