地址
github.com/macrozheng/…
说明
mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现,采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。 www.macrozheng.com/admin/
前言
mall
项目致力于打造一个完整的电商系统,采用现阶段流行技术实现。
项目文档
- 文档地址:www.macrozheng.com
- 备用地址:macrozheng.github.io/mall-learni…
项目介绍
mall
项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现,采用Docker容器化部署。前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
项目演示
后台管理系统
前端项目mall-admin-web
地址:github.com/macrozheng/…
项目演示地址: www.macrozheng.com/admin/index…
转存失败重新上传取消
前台商城系统
前端项目mall-app-web
地址:敬请期待......
项目演示地址:www.macrozheng.com/app/index.h…
组织结构
mall
├── mall-common -- 工具类及通用代码
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-security -- SpringSecurity封装公用模块
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码
技术选型
后端技术
技术 | 说明 | 官网 |
---|---|---|
SpringBoot | 容器+MVC框架 | spring.io/projects/sp… |
SpringSecurity | 认证和授权框架 | spring.io/projects/sp… |
MyBatis | ORM框架 | www.mybatis.org/mybatis-3/z… |
MyBatisGenerator | 数据层代码生成 | www.mybatis.org/generator/i… |
PageHelper | MyBatis物理分页插件 | git.oschina.net/free/Mybati… |
Swagger-UI | 文档生产工具 | github.com/swagger-api… |
Hibernator-Validator | 验证框架 | hibernate.org/validator |
Elasticsearch | 搜索引擎 | github.com/elastic/ela… |
RabbitMq | 消息队列 | www.rabbitmq.com/ |
Redis | 分布式缓存 | redis.io/ |
MongoDb | NoSql数据库 | www.mongodb.com |
Docker | 应用容器引擎 | www.docker.com |
Druid | 数据库连接池 | github.com/alibaba/dru… |
OSS | 对象存储 | github.com/aliyun/aliy… |
MinIO | 对象存储 | github.com/minio/minio |
JWT | JWT登录支持 | github.com/jwtk/jjwt |
LogStash | 日志收集工具 | github.com/logstash/lo… |
Lombok | 简化对象封装工具 | github.com/rzwitserloo… |
Jenkins | 自动化部署工具 | github.com/jenkinsci/j… |
前端技术
技术 | 说明 | 官网 |
---|---|---|
Vue | 前端框架 | vuejs.org/ |
Vue-router | 路由框架 | router.vuejs.org/ |
Vuex | 全局状态管理框架 | vuex.vuejs.org/ |
Element | 前端UI框架 | element.eleme.io |
Axios | 前端HTTP框架 | github.com/axios/axios |
v-charts | 基于Echarts的图表框架 | v-charts.js.org/ |
Js-cookie | cookie管理工具 | github.com/js-cookie/j… |
nprogress | 进度条控件 | github.com/rstacruz/np… |
模块介绍
后台管理系统 mall-admin
- 商品管理:功能结构图-商品.jpg
- 订单管理:功能结构图-订单.jpg
- 促销管理:功能结构图-促销.jpg
- 内容管理:功能结构图-内容.jpg
- 用户管理:功能结构图-用户.jpg
前台商城系统 mall-portal
开发进度环境搭建
开发工具
工具 | 说明 | 官网 |
---|---|---|
IDEA | 开发IDE | www.jetbrains.com/idea/downlo… |
RedisDesktop | redis客户端连接工具 | redisdesktop.com/download |
Robomongo | mongo客户端连接工具 | robomongo.org/download |
SwitchHosts | 本地host管理 | oldj.github.io/SwitchHosts… |
X-shell | Linux远程连接工具 | www.netsarang.com/download/so… |
Navicat | 数据库连接工具 | www.formysql.com/xiazai.html |
PowerDesigner | 数据库设计工具 | powerdesigner.de/ |
Axure | 原型设计工具 | www.axure.com/ |
MindMaster | 思维导图设计工具 | www.edrawsoft.cn/mindmaster |
ScreenToGif | gif录制工具 | www.screentogif.com/ |
ProcessOn | 流程图绘制工具 | www.processon.com/ |
PicPick | 图片处理工具 | picpick.app/zh/ |
Snipaste | 屏幕截图工具 | www.snipaste.com/ |
Postman | API接口调试工具 | www.postman.com/ |
Typora | Markdown编辑器 | typora.io/ |
开发环境
工具 | 版本号 | 下载 |
---|---|---|
JDK | 1.8 | www.oracle.com/technetwork… |
Mysql | 5.7 | www.mysql.com/ |
Redis | 3.2 | redis.io/download |
Elasticsearch | 6.2.2 | www.elastic.co/downloads |
MongoDb | 3.2 | www.mongodb.com/download-ce… |
RabbitMq | 3.7.14 | www.rabbitmq.com/download.ht… |
Nginx | 1.10 | nginx.org/en/download… |
搭建步骤
Windows环境部署
- Windows环境搭建请参考:mall在Windows环境下的部署;
- 注意:只启动mall-admin,仅需安装mysql即可;
- 克隆
mall-admin-web
项目,并导入到IDEA中完成编译:前端项目地址; mall-admin-web
项目的安装及部署请参考:mall前端项目的安装与部署;- ELK日志收集系统的搭建请参考:SpringBoot应用整合ELK实现日志收集;
- 使用MinIO存储文件请参考:前后端分离项目,如何优雅实现文件存储;
- 读写分离解决方案请参考:你还在代码里做读写分离么,试试这个中间件吧。
Docker环境部署
- 使用虚拟机安装CentOS7.6请参考:虚拟机安装及使用Linux,看这一篇就够了;
- Docker环境的安装请参考:开发者必备Docker命令;
- 本项目Docker镜像构建请参考:使用Maven插件为SpringBoot应用构建Docker镜像;
- 本项目在Docker容器下的部署请参考:mall在Linux环境下的部署(基于Docker容器);
- 本项目使用Docker Compose请参考: mall在Linux环境下的部署(基于Docker Compose);
- 本项目在Linux下的自动化部署请参考:mall在Linux环境下的自动化部署(基于Jenkins)。