本文介绍的项目是基于SpringCloud为服务化的系统架构实现。从微服务网关，微服务注册与发现，配置、熔断限流、监控、以及服务调用链路追踪等，以及容器化部署持续集成等一系列方案。
mall
前言
mall项目致力于打造一个完整的电商系统，采用现阶段流行技术实现。
项目文档
- 文档地址：项目主页 | mall学习教程
- 备用地址：Document
项目介绍
mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现，采用Docker容器化部署。前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。
项目演示
后台管理系统
前端项目mall-admin-web地址：GitHub - macrozheng/mall-admin-web: mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。
项目演示地址： mall-admin-web
前台商城系统
前端项目mall-app-web地址：敬请期待......
项目演示地址：mall-app-web
组织结构
mall
├── mall-common -- 工具类及通用代码
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-security -- SpringSecurity封装公用模块
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码技术选型
后端技术
前端技术
| 技术 | 说明 | 官网 |
|---|---|---|
| Vue | 前端框架 | Vue.js - The Progressive JavaScript Framework | Vue.js |
| Vue-router | 路由框架 | Vue Router | The official Router for Vue.js |
| Vuex | 全局状态管理框架 | What is Vuex? | Vuex |
| Element | 前端UI框架 | Element - The world's most popular Vue UI framework |
| Axios | 前端HTTP框架 | GitHub - axios/axios: Promise based HTTP client for the browser and node.js |
| v-charts | 基于Echarts的图表框架 | v-charts |
| Js-cookie | cookie管理工具 | GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies |
| nprogress | 进度条控件 | GitHub - rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc |
架构图
系统架构图
业务架构图
模块介绍
后台管理系统 mall-admin
- 商品管理：功能结构图-商品.jpg
- 订单管理：功能结构图-订单.jpg
- 促销管理：功能结构图-促销.jpg
- 内容管理：功能结构图-内容.jpg
- 用户管理：功能结构图-用户.jpg
前台商城系统 mall-portal
开发进度
环境搭建
开发工具
| 工具 | 说明 | 官网 |
|---|---|---|
| IDEA | 开发IDE | Download IntelliJ IDEA – The Leading Java and Kotlin IDE |
| RedisDesktop | redis客户端连接工具 | GitHub - qishibo/AnotherRedisDesktopManager: 🚀🚀🚀A faster, better and more stable Redis desktop manager [GUI client], compatible with Linux, Windows, Mac. |
| Robomongo | mongo客户端连接工具 | https://robomongo.org/download |
| SwitchHosts | 本地host管理 | SwitchHosts! |
| X-shell | Linux远程连接工具 | http://www.netsarang.com/download/software.html |
| Navicat | 数据库连接工具 | Navicat Premium中文版官方下载_Navicat官方授权经销商-Navicat中文网站 |
| PowerDesigner | 数据库设计工具 | http://powerdesigner.de/ |
| Axure | 原型设计工具 | Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool |
| MindMaster | 思维导图设计工具 | 亿图脑图MindMaster 多平台思维导图软件，让您的创意破茧而出 |
| ScreenToGif | gif录制工具 | ScreenToGif |
| ProcessOn | 流程图绘制工具 | ProcessOn思维导图流程图-在线画思维导图流程图_在线作图实时协作 |
| PicPick | 图片处理工具 | PicPick—NGWIN，一款全功能的设计工具，包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能 |
| Snipaste | 屏幕截图工具 | Snipaste |
| Postman | API接口调试工具 | Postman API Platform |
| Typora | Markdown编辑器 | https://typora.io/ |
开发环境
| 工具 | 版本号 | 下载 |
|---|---|---|
| JDK | 1.8 | Java Downloads | Oracle |
| Mysql | 5.7 | MySQL |
| Redis | 5.0 | Downloads - Redis |
| MongoDB | 4.2.5 | Try MongoDB Atlas Products | MongoDB |
| RabbitMQ | 3.7.14 | Installing RabbitMQ | RabbitMQ |
| Nginx | 1.10 | nginx: download |
| Elasticsearch | 7.6.2 | Download Elasticsearch | Elastic |
| Logstash | 7.6.2 | Download Logstash Free | Get Started Now | Elastic |
| Kibana | 7.6.2 | Download Kibana Free | Get Started Now | Elastic |
搭建步骤
Windows环境部署
- Windows环境搭建请参考：mall在Windows环境下的部署;
- 注意：只启动mall-admin,仅需安装Mysql、Redis即可;
- 克隆
mall-admin-web项目，并导入到IDEA中完成编译：前端项目地址; mall-admin-web项目的安装及部署请参考：mall前端项目的安装与部署。
Docker环境部署
- 使用虚拟机安装CentOS7.6请参考：虚拟机安装及使用Linux，看这一篇就够了;
- Docker环境的安装请参考：开发者必备Docker命令;
- 本项目Docker镜像构建请参考：使用Maven插件为SpringBoot应用构建Docker镜像;
- 本项目在Docker容器下的部署请参考：mall在Linux环境下的部署（基于Docker容器）;
- 本项目使用Docker Compose请参考： mall在Linux环境下的部署（基于Docker Compose）;
- 本项目在Linux下的自动化部署请参考：mall在Linux环境下的自动化部署（基于Jenkins）;
相关环境部署
- ELK日志收集系统的搭建请参考：SpringBoot应用整合ELK实现日志收集;
- 使用MinIO存储文件请参考：前后端分离项目，如何优雅实现文件存储;
- 读写分离解决方案请参考：你还在代码里做读写分离么，试试这个中间件吧;
- Redis集群解决方案请参考：Docker环境下秒建Redis集群，连SpringBoot也整上了！。
扫一扫
558
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
