項目介紹
mall
項目是一套電商系統,包括前台商城系統及背景管理系統,基于SpringBoot+MyBatis實作,采用Docker容器化部署。前台商城系統包含首頁門戶、商品推薦、商品搜尋、商品展示、購物車、訂單流程、會員中心、客戶服務、幫助中心等子產品。背景管理系統包含商品管理、訂單管理、會員管理、促銷管理、營運管理、内容管理、統計報表、财務管理、權限管理、設定等子產品。
項目示範
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SM3EzM2MWZxcTZ0MWOwYjNzYzX2ETO1QTM1AzLcFTMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)
背景管理系統
前端項目
mall-admin-web
位址:https://github.com/macrozheng/mall-admin-web
項目示範位址: https://www.macrozheng.com/admin/index.html
前台商城系統
前端項目
mall-app-web
位址:敬請期待......
項目示範位址:https://www.macrozheng.com/app/mainpage.html
組織結構
mall
├── mall-common -- 工具類及通用代碼
├── mall-mbg -- MyBatisGenerator生成的資料庫操作代碼
├── mall-security -- SpringSecurity封裝公用子產品
├── mall-admin -- 背景商城管理系統接口
├── mall-search -- 基于Elasticsearch的商品搜尋系統
├── mall-portal -- 前台商城系統接口
└── mall-demo -- 架構搭建時的測試代碼
技術選型
後端技術
技術 | 說明 | 官網 |
---|---|---|
SpringBoot | 容器+MVC架構 | https://spring.io/projects/spring-boot |
SpringSecurity | 認證和授權架構 | 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 |
Elasticsearch | 搜尋引擎 | https://github.com/elastic/elasticsearch |
RabbitMQ | 消息隊列 | https://www.rabbitmq.com/ |
Redis | 分布式緩存 | https://redis.io/ |
MongoDB | NoSql資料庫 | https://www.mongodb.com |
LogStash | 日志收集工具 | https://github.com/elastic/logstash |
Kibana | 日志可視化檢視工具 | https://github.com/elastic/kibana |
Nginx | 靜态資源伺服器 | https://www.nginx.com/ |
Docker | 應用容器引擎 | https://www.docker.com |
Jenkins | 自動化部署工具 | https://github.com/jenkinsci/jenkins |
Druid | 資料庫連接配接池 | https://github.com/alibaba/druid |
OSS | 對象存儲 | https://github.com/aliyun/aliyun-oss-java-sdk |
MinIO | 對象存儲 | https://github.com/minio/minio |
JWT | JWT登入支援 | https://github.com/jwtk/jjwt |
Lombok | 簡化對象封裝工具 | https://github.com/rzwitserloot/lombok |
Hutool | Java工具類庫 | https://github.com/looly/hutool |
PageHelper | MyBatis實體分頁插件 | http://git.oschina.net/free/Mybatis_PageHelper |
Swagger-UI | 文檔生成工具 | https://github.com/swagger-api/swagger-ui |
Hibernator-Validator | 驗證架構 | http://hibernate.org/validator |
前端技術
技術 | 說明 | 官網 |
---|---|---|
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-admin
- 商品管理:功能結構圖-商品.jpg
- 訂單管理:功能結構圖-訂單.jpg
- 促銷管理:功能結構圖-促銷.jpg
- 内容管理:功能結構圖-内容.jpg
- 使用者管理:功能結構圖-使用者.jpg
前台商城系統 mall-portal
mall-portal
功能結構圖-前台.jpg
開發進度
環境搭建
開發工具
工具 | 說明 | 官網 |
---|---|---|
IDEA | 開發IDE | https://www.jetbrains.com/idea/download |
RedisDesktop | redis用戶端連接配接工具 | https://github.com/qishibo/AnotherRedisDesktopManager |
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/ |
Snipaste | 螢幕截圖工具 | https://www.snipaste.com/ |
Postman | API接口調試工具 | https://www.postman.com/ |
Typora | Markdown編輯器 | https://typora.io/ |
開發環境
工具 | 版本号 | 下載下傳 |
---|---|---|
JDK | 1.8 | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
Mysql | 5.7 | https://www.mysql.com/ |
Redis | 7.0 | https://redis.io/download |
MongoDB | 5.0 | https://www.mongodb.com/download-center |
RabbitMQ | 3.10.5 | http://www.rabbitmq.com/download.html |
Nginx | 1.22 | http://nginx.org/en/download.html |
Elasticsearch | 7.17.3 | https://www.elastic.co/downloads/elasticsearch |
Logstash | 7.17.3 | https://www.elastic.co/cn/downloads/logstash |
Kibana | 7.17.3 | https://www.elastic.co/cn/downloads/kibana |
搭建步驟
Windows環境部署
- Windows環境搭建請參考:mall在Windows環境下的部署;
- 注意:隻啟動mall-admin,僅需安裝Mysql、Redis即可;
- 克隆
項目,并導入到IDEA中完成編譯:前端項目位址;mall-admin-web
-
項目的安裝及部署請參考:mall前端項目的安裝與部署 。mall-admin-web
- 使用虛拟機安裝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叢集 。
項目位址:
項目文檔
- 文檔位址:https://www.macrozheng.com
- 備用位址:https://macrozheng.github.io/mall-learning
- 管理背景: www.macrozheng.com/admin/