mall商城 -小程序，h5和pc vue前后端分离

# mall

下载地址

https://gitee.com/zscat-platform/mall

qq 951449465

## 说明

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

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

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

> 项目交流QQ群：117187576 (已满 ) 168918237

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

## 前言

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

## 项目介绍

`mall`项目是一套电商系统，包括前台商城系统及后台管理系统,h5,小程序，基于SpringBoot+MyBatis实现。

前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。

后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。

### 项目演示

> 后台管理系统

前端项目`mall-admin-web`地址：https://github.com/macrozheng/mall-admin-web 

后台演示

后台管理演示

​小程序演示

​

> 前台商城系统

h5前端项目`vue-js-master`地址 请加群下载  117187576

pc前端项目`Mall-Vue-master`地址 请加群下载  https://powerdos.github.io/Mall-Vue/#/

小前端项目`wechatapp`地址 请加群下载

##h5项目效果图

​

​

![](https://images.gitee.com/uploads/images/2019/0217/112713_f4cb24ab_134431.png)

![](https://images.gitee.com/uploads/images/2019/0217/112713_a17c828d_134431.png)

![](https://images.gitee.com/uploads/images/2019/0217/112713_a7afcc52_134431.png)

![](https://images.gitee.com/uploads/images/2019/0217/112713_2d82d3c8_134431.png)

![](https://images.gitee.com/uploads/images/2019/0217/112714_62baf63a_134431.png)

![](https://images.gitee.com/uploads/images/2019/0217/112715_c571472d_134431.png)

### 组织结构

``` lua

mall

├── mall-mbg -- MyBatisGenerator生成的数据库操作代码

├── mall-admin -- 后台商城管理系统接口

├── mall-search -- 基于Elasticsearch的商品搜索系统

├── mall-portal -- 前台商城系统接口

```

### 技术选型

#### 后端技术

技术 | 说明 | 官网

----|----|----

Spring Boot | 容器+MVC框架 | [https://spring.io/projects/spring-boot](https://spring.io/projects/spring-boot)

Spring Security | 认证和授权框架 | [https://spring.io/projects/spring-security](https://spring.io/projects/spring-security)

MyBatis | ORM框架  | [http://www.mybatis.org/mybatis-3/zh/index.html](http://www.mybatis.org/mybatis-3/zh/index.html)

MyBatisGenerator | 数据层代码生成 | [http://www.mybatis.org/generator/index.html](http://www.mybatis.org/generator/index.html)

PageHelper | MyBatis物理分页插件 | [http://git.oschina.net/free/Mybatis_PageHelper](http://git.oschina.net/free/Mybatis_PageHelper)

Swagger-UI | 文档生产工具 | [https://github.com/swagger-api/swagger-ui](https://github.com/swagger-api/swagger-ui)

Hibernator-Validator | 验证框架 | [http://hibernate.org/validator/](http://hibernate.org/validator/)

Elasticsearch | 搜索引擎 | [https://github.com/elastic/elasticsearch](https://github.com/elastic/elasticsearch)

RabbitMq | 消息队列 | [https://www.rabbitmq.com/](https://www.rabbitmq.com/)

Redis | 分布式缓存 | [https://redis.io/](https://redis.io/)

MongoDb | NoSql数据库 | [https://www.mongodb.com/](https://www.mongodb.com/)

Docker | 应用容器引擎 | [https://www.docker.com/](https://www.docker.com/)

Druid | 数据库连接池 | [https://github.com/alibaba/druid](https://github.com/alibaba/druid)

OSS | 对象存储 | [https://github.com/aliyun/aliyun-oss-java-sdk](https://github.com/aliyun/aliyun-oss-java-sdk)

JWT | JWT登录支持 | [https://github.com/jwtk/jjwt](https://github.com/jwtk/jjwt)

LogStash | 日志收集 | [https://github.com/logstash/logstash-logback-encoder](https://github.com/logstash/logstash-logback-encoder)

Lombok | 简化对象封装工具 | [https://github.com/rzwitserloot/lombok](https://github.com/rzwitserloot/lombok)

#### 前端技术

技术 | 说明 | 官网

----|----|----

Vue | 前端框架 | [https://vuejs.org/](https://vuejs.org/)

Vue-router | 路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/)

Vuex | 全局状态管理框架 | [https://vuex.vuejs.org/](https://vuex.vuejs.org/)

Element | 前端UI框架 | [https://element.eleme.io/](https://element.eleme.io/)

Axios | 前端HTTP框架 | [https://github.com/axios/axios](https://github.com/axios/axios)

v-charts | 基于Echarts的图表框架 | [https://v-charts.js.org/](https://v-charts.js.org/)

Js-cookie | cookie管理工具 | [https://github.com/js-cookie/js-cookie](https://github.com/js-cookie/js-cookie)

nprogress | 进度条控件 | [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress)

#### 架构图

##### 系统架构图

![系统架构图](document/resource/mall_system_arch.png)

##### 业务架构图

![系统架构图](document/resource/mall_business_arch.png)

#### 模块介绍

##### 后台管理系统 `mall-admin`

- 商品管理：[功能结构图-商品.jpg](document/resource/mind_product.jpg)

- 订单管理：[功能结构图-订单.jpg](document/resource/mind_order.jpg)

- 促销管理：[功能结构图-促销.jpg](document/resource/mind_sale.jpg)

- 内容管理：[功能结构图-内容.jpg](document/resource/mind_content.jpg)

- 用户管理：[功能结构图-用户.jpg](document/resource/mind_member.jpg)

##### 前台商城系统 `mall-portal`

[功能结构图-前台.jpg](document/resource/mind_portal.jpg)

#### 开发进度

![项目开发进度图](document/resource/mall_dev_flow.png)

## 环境搭建

### 开发工具

工具 | 说明 | 官网

----|----|----

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

### 搭建步骤

> 本地环境搭建

- 本地安装开发环境中的所有工具并启动，具体参考[deploy-windows.md](document/reference/deploy-windows.md);

- 克隆源代码到本地，使用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;

- 克隆`mall-admin-web`项目，并导入到IDEA中并完成编译[传送门](https://github.com/macrozheng/mall-admin-web);

- 运行命令：npm run dev,访问地址：[http://localhost:8090](http://localhost:8090) 即可打开后台管理系统页面;

- 克隆`Mall-Vue-master`项目，并导入到IDEA中并完成编译[传送门]();

- 运行命令：npm run dev,访问地址： 即可打开pc商城页面;

- 克隆`vue-jd-master`项目，并导入到IDEA中并完成编译[传送门]();

- 运行命令：npm run dev,访问地址： 即可打开h5商城页面;

- ELK日志收集系统的搭建：参考[elk.md](document/elk/elk.md)。

> docker环境部署

- 在VirtualBox或其他环境中安装CenterOs7.2;

- 配置本地host:参考[host.txt](document/docker/host.txt),将ip地址改为虚拟机的ip地址;

- 使用maven构建`mall-admin`、`mall-search`、`mall-portal`的docker镜像，参考[docker.md](document/reference/docker.md)中的使用maven构建Docker镜像;

- 部署步骤参考[docker-deploy.md](document/docker/docker-deploy.md)进行部署。

## 参考资料

- [Spring实战（第4版）](https://book.douban.com/subject/26767354/)

- [Spring Boot实战](https://book.douban.com/subject/26857423/)

- [Spring Cloud微服务实战](https://book.douban.com/subject/27025912/)

- [Spring Cloud与Docker微服务架构实战](https://book.douban.com/subject/27028228/)

- [Spring Data实战](https://book.douban.com/subject/25975186/)

- [MyBatis从入门到精通](https://book.douban.com/subject/27074809/)

- [深入浅出MySQL](https://book.douban.com/subject/25817684/)

- [循序渐进Linux（第2版）](https://book.douban.com/subject/26758194/)

- [Elasticsearch 技术解析与实战](https://book.douban.com/subject/26967826/)

- [MongoDB实战(第二版)](https://book.douban.com/subject/27061123/)

- [Kubernetes权威指南](https://book.douban.com/subject/26902153/)

## 许可证

后台管理项目来自  https://github.com/macrozheng/mall

Copyright (c) 2018-2019 zscat

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 194,390评论 5赞 459
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 81,821评论 2赞 371
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 141,632评论 0赞 319
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 52,170评论 1赞 263
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 61,033评论 4赞 355
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 46,098评论 1赞 272
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 36,511评论 3赞 381
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 35,204评论 0赞 253
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 39,479评论 1赞 290
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2赞 309
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1赞 326
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 32,213评论 3赞 312
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 37,576评论 3赞 298
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0赞 17
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1赞 250
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2赞 341
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2赞 335

推荐阅读更多精彩内容

  • awesome-android
    afinalAfinal是一个android的ioc，orm框架 https://github.com/yangf...
    passiontim阅读 15,360评论 2赞 44
  • 2018-06-01
    # Awesome Python [![Awesome](https://cdn.rawgit.com/sindr...
    emily_007阅读 2,165评论 0赞 3
  • 2017年12月，再访苏州南京
    美甲 前几天出去浪了，周四晚上到的上海，然后简单收拾了行李，然后清洗了蓬头垢面的虚弱的自己，小腿酸痛，嗓子难受，后...
    Alina空灵阅读 480评论 0赞 2
  • 江南无用斋（35）踏月而行
    “陆姐姐！”东方雨一个雀跃，欢喜的扑了过去。 来人竟是个女子。 天空，满头的黑云，消散于四方，如同那些幽灵一样。 ...
    塔卡溪崖阅读 455评论 9赞 7