mall

说明

基于SpringBoot+MyBatis的电商系统，包括前台商城系统及后台管理系统。

如果该项目对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！

或者您可以 "follow" 一下，该项目将持续更新，不断完善功能。

项目交流人QQ：[951449465]

如有问题或者好的建议可以在 Issues 中提。

前言

mall项目致力于打造一个完整的电商系统，采用现阶段流行技术实现。

项目介绍

mall项目是一套电商系统，包括前台商城系统及后台管理系统，小程序，h5，基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、代码生成设置等模块。

项目演示

后台管理系统

小程序下载 地址 https://gitee.com/catshen/mall-applet 后台管理下载地址 https://gitee.com/zscat-platform/mall 项目演示地址： http://39.98.190.128/index.html

组织结构

mall
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码
├── 前端项目`mall-admin-web`  地址 请加群下载  
├── h5前端项目`vue-js-master`地址 请加群下载  
├── pc前端项目`Mall-Vue-master`地址 请加群下载  
├── 小前端项目`wechatapp`地址 请加群下载

目前h5项目已实现功能

1. 首页数据的展示
2. 分类页数据的展示
3. 购物车
4. 我的
5. 注册
6. 登录
7. 商品详情页
8. 商品搜索 ##h5项目效果图

目前小程序项目已实现功能

1. 首页数据的展示
2. 分类页数据的展示
3. 购物车
4. 我的
5. 注册
6. 登录
7. 商品详情页
8. 商品搜索 9.下单 10.用户详情

目前pc项目已实现功能

1. 首页数据的展示
2. 分类页数据的展示
3. 购物车
4. 我的
5. 注册
6. 登录
7. 商品详情页
8. 商品搜索 9.下单 10.用户详情

技术选型

后端技术

技术	说明	官网
Spring Boot	容器+MVC框架	https://spring.io/projects/spring-boot
Spring Security	认证和授权框架	https://spring.io/projects/spring-security
MyBatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator	数据层代码生成	http://www.mybatis.org/generator/index.html
PageHelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper
Swagger-UI	文档生产工具	https://github.com/swagger-api/swagger-ui
Hibernator-Validator	验证框架	http://hibernate.org/validator/
Elasticsearch	搜索引擎	https://github.com/elastic/elasticsearch
RabbitMq	消息队列	https://www.rabbitmq.com/
Redis	分布式缓存	https://redis.io/
MongoDb	NoSql数据库	https://www.mongodb.com/
Docker	应用容器引擎	https://www.docker.com/
Druid	数据库连接池	https://github.com/alibaba/druid
OSS	对象存储	https://github.com/aliyun/aliyun-oss-java-sdk
JWT	JWT登录支持	https://github.com/jwtk/jjwt
LogStash	日志收集	https://github.com/logstash/logstash-logback-encoder
Lombok	简化对象封装工具	https://github.com/rzwitserloot/lombok

前端技术

技术	说明	官网
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

架构图

系统架构图

业务架构图

模块介绍

后台管理系统 mall-admin

• 商品管理：功能结构图-商品.jpg
• 订单管理：功能结构图-订单.jpg
• 促销管理：功能结构图-促销.jpg
• 内容管理：功能结构图-内容.jpg
• 用户管理：功能结构图-用户.jpg

前台商城系统 mall-portal

功能结构图-前台.jpg

开发进度

环境搭建

开发工具

工具	说明	官网
IDEA	开发IDE	https://www.jetbrains.com/idea/download
RedisDesktop	redis客户端连接工具	https://redisdesktop.com/download
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/

开发环境

工具	版本号	下载
JDK	1.8	https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Mysql	5.7	https://www.mysql.com/
Redis	3.2	https://redis.io/download
Elasticsearch	2.4.6	https://www.elastic.co/downloads
MongoDb	3.2	https://www.mongodb.com/download-center
RabbitMq	5.25	http://www.rabbitmq.com/download.html
nginx	1.10	http://nginx.org/en/download.html

搭建步骤

本地环境搭建

• 本地安装开发环境中的所有工具并启动，具体参考
• 克隆源代码到本地，使用IDEA或Eclipse打开，并完成编译;
• 在mysql中新建mall数据库，导入document/sql下的mall.sql文件；
• 启动mall-admin项目：直接运行com.zscat.mallplus.MallAdminApplication的main方法即可， 接口文档地址：http://localhost:8080/swagger-ui.html;
• 启动mall-search项目：直接运行com.zscat.mallplus.search.MallSearchApplication的main方法即可， 接口文档地址：http://localhost:8081/swagger-ui.html;
• 启动mall-portal项目：直接运行com.zscat.mallplus.portal.MallPortalApplication的main方法即可， 接口文档地址：http://localhost:8085/swagger-ui.html;

项目相关文档

参考资料

• Spring实战（第4版）
• Spring Boot实战
• Spring Cloud微服务实战
• Spring Cloud与Docker微服务架构实战
• Spring Data实战
• MyBatis从入门到精通
• 深入浅出MySQL
• 循序渐进Linux（第2版）
• Elasticsearch 技术解析与实战
• MongoDB实战(第二版)
• Kubernetes权威指南

许可证

MIT

Copyright (c) 2018-2019 macrozheng