mall

说明

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

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

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

技术交流群 [ qq群 895616401 178381694 171826977 176736891]

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

前言

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

项目介绍

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

项目演示

后台管理系统

小程序下载地址 https://gitee.com/catshen/mall-applet 后台管理下载地址 https://gitee.com/zscat/mall

- 多租户版本 多租户版本 !

后台管理系统功能演示.gif

发布页面 http://m3w.cn/mallcloud
h5地址 http://www.yjlive.cn:8082/#/ 后台管理地址 http://www.yjlive.cn:8090 小程序体验码 app体验加群下载 apk下载链接: https://share.weiyun.com/k69aGFKX

组织结构

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

uniapp

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

关注公众号

目前h5项目已实现功能

首页数据的展示
分类页数据的展示
购物车
我的
注册
登录
商品详情页
商品搜索 ##h5项目效果图

后台功能列表

输入图片说明小程序功能列表

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

首页数据的展示
分类页数据的展示
购物车
我的
注册
登录
商品详情页
商品搜索 9.下单 10.用户详情

目前pc项目已实现功能

首页数据的展示
分类页数据的展示
购物车
我的
注册
登录
商品详情页
商品搜索 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`

前台商城系统 `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.macro.mall.MallAdminApplication的main方法即可，接口文档地址：http://localhost:8080/swagger-ui.html;
启动mall-search项目：直接运行com.macro.mall.search.MallSearchApplication的main方法即可，接口文档地址：http://localhost:8081/swagger-ui.html;
启动mall-portal项目：直接运行com.macro.mall.portal.MallPortalApplication的main方法即可，接口文档地址：http://localhost:8085/swagger-ui.html;

项目相关文档

参考资料

许可证

MIT

北京zscat科技有限公司 / mall