mall商城 -小程序,h5和pc vue前后端分离
# mall
下载地址
https://gitee.com/JiaGou-XiaoGe/mall
qq 951449465
## 说明
> 后台管理项目fork自 https://github.com/macrozheng/mall
> 基于SpringBoot+MyBatis的电商系统,包括前台商城系统及后台管理系统。
> 如果该项目对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!
> 或者您可以 "follow" 一下,该项目将持续更新,不断完善功能。
> 项目交流QQ群:195405248
> 如有问题或者好的建议可以在 Issues 中提。
## 前言
`mall`项目致力于打造一个完整的电商系统,采用现阶段流行技术实现。
## 项目介绍
`mall`项目是一套电商系统,包括前台商城系统及后台管理系统,h5,小程序,基于SpringBoot+MyBatis实现。
前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。
后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
### 项目演示
> 后台管理系统
前端项目`mall-admin-web`地址:https://github.com/macrozheng/mall-admin-web
后台演示
后台管理演示
小程序演示
> 前台商城系统
h5前端项目`vue-js-master`地址 请加群下载 320860169
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
mall商城 -小程序,h5和pc vue前后端分离相关推荐
- java版微信小程序之多商家入驻前后端分离商城源码 Spring Cloud+Spring Boot+mybatis+security+uniapp+Redis+MQ+VR全景+b2b2c
@源码地址来源: https://minglisoft.cn/honghu2/business.html 微信小程序登录代码: /*** Copyright © 2012-2017 <a hre ...
- 运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团 前后端全套源码, 支持二次开发,代码无加密! 独立商家后台 用于店铺商品管理订单管理发货管理等 多类经营模式 多商 ...
- 适合新手拿来练习的springboot+vue前后端分离小Demo
前言: 作者:神的孩子在歌唱 大家好,我叫智 练习springboot+vue前后端分离的Demo 一. 设计数据库 二 . springboot项目创建 2.1 基本配置 2.2 创建dao层 三. ...
- 【微信小程序】狮子鱼社区团购小程序V9.9.0完整前后端安装包+小程序前端
介绍: 狮子鱼社区团购小程序V9.9.0完整前后端安装包+小程序前端[包更新],新增付费会员专享商品购买! 狮子鱼社区团购小程序 查看更多关于 社区团购小程序 的文章 ,社区团购,社区拼团,社区电商, ...
- React / Vue 前后端分离项目实现微信分享教程
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 网上非常多的微信分享例 ...
- SpringBoot+vue前后端分离博客项目
SpringBoot+vue前后端分离博客项目 Java后端接口开发 1.前言 2.新建Springboot项目 3.整合mybatis plus 第一步:导入jar包 第二步:然后去写配置文件: 第 ...
- 视频教程-SpringBoot+Security+Vue前后端分离开发权限管理系统-Java
SpringBoot+Security+Vue前后端分离开发权限管理系统 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独 ...
- 基于flask+vue前后端分离 一款简单的旅游网站源码,带admin管理系统
介绍 毕业设计-flask-vue前后端分离 一款简单的旅游网站,带admin管理系统 软件架构 软件架构说明 使用Python-flask 轻量级框架编写后端程序,前端采用Vue编写,后端接口都在蓝 ...
- 基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
本文目录 前言 做项目的三大好处 强强联手(天狗组合) 专栏作者简介 专栏的优势 后端规划 1. SpringBoot 和 SpringCloud 的选择 2. Mybatis 和 MybatisPl ...
- SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
前后端分离项目快速搭建[后端篇] 数据库准备 后端搭建 1.快速创建个SpringBoot项目 2.引入依赖 3.编写代码快速生成代码 4.运行代码生成器生成代码 5.编写application.pr ...
最新文章
- struts2中 ServletActionContext与ActionContext区别
- 力扣练习题(数组中数据反转)
- 调试Linux内核操作指南(withing kgdb)
- 东大20春计算机应用基础在线作业1答案,东大20春学期《计算机应用基础》在线平时作业1答案...
- [译]15个关于Chrome的开发必备小技巧
- 2021年,戴尔的显示器竟然出现了弹出式摄像头
- Spring AOP功能和目标
- rofl用什么播放_ROFL的完整形式是什么?
- 一图理解M0不同优先级中断及Pendsv切换
- 解决命令行的乱码以及编码的问题
- 结构体学习笔记6——结构体嵌套
- VB制作控件之图片命令按钮➀
- IDEA代码格式化快捷键
- 控制理论中的几种稳定性介绍
- Javascript模块化编程(转自阮一峰的网络日志)
- android SoundPool例子,Android SoundPool即时音效的使用Demo
- Python硬件编程实战------书评
- 超声波清洗机是什么?
- Neil·Zou 语录一
- 榆熙教育:电商运营必备关键指标公式
热门文章
- 杭州电子科技大学操作系统课程设计:简单文件系统的实现
- Unity3D脚本访问与参数传递
- 将PDG文件转化为PDF文件
- Oracle数据库中的索引
- mov和mp4格式哪个好_录音软件哪个好用?8款好用的录音软件
- 高德地图车机版缩放版_主图操作-开发指南-高德地图车机版 | 高德地图API
- 《史蒂夫·乔布斯传》PDF下载
- 外挂的艺术-单机游戏辅助工具-网络游戏外挂
- 如何快速运行一个php文件
- html黑底白字的代码,黑色背景代码-背景是黑色的,怎么样才能让字变成白色 爱问知识人...