1、項目介紹
項目是一套電商系統,包括前台商城系統及后台管理系統,基於SpringBoot+MyBatis實現,采用Docker容器化部署。
前台商城系統包含首頁門戶、商品推薦、商品搜索、商品展示、購物車、訂單流程、會員中心、客戶服務、幫助中心等模塊。后台管理系統包含商品管理、訂單管理、會員管理、促銷管理、運營管理、內容管理、統計報表、財務管理、權限管理、設置等模塊。
2、項目演示
后台管理系統

前台商城系統

3、組織結構
mall
├── mall-common -- 工具類及通用代碼
├── mall-mbg -- MyBatisGenerator生成的數據庫操作代碼
├── mall-security -- SpringSecurity封裝公用模塊
├── mall-admin -- 后台商城管理系統接口
├── mall-search -- 基於Elasticsearch的商品搜索系統
├── mall-portal -- 前台商城系統接口
└── mall-demo -- 框架搭建時的測試代碼
4、技術選型
后端技術
| 技術 | 說明 |
|---|---|
| SpringBoot | 容器+MVC框架 |
| SpringSecurity | 認證和授權框架 |
| MyBatis | ORM框架 |
| MyBatisGenerator | 數據層代碼生成 |
| PageHelper | MyBatis物理分頁插件 |
| Swagger-UI | 文檔生產工具 |
| Hibernator-Validator | 驗證框架 |
| Elasticsearch | 搜索引擎 |
| RabbitMQ | 消息隊列 |
| Redis | 分布式緩存 |
| MongoDB | NoSql數據庫 |
| Docker | 應用容器引擎 |
| Druid | 數據庫連接池 |
| OSS | 對象存儲 |
| MinIO | 對象存儲 |
| JWT | JWT登錄支持 |
| LogStash | 日志收集工具 |
| Lombok | 簡化對象封裝工具 |
| Jenkins | 自動化部署工具 |
前端技術
| 技術 | 說明 |
|---|---|
| Vue | 前端框架 |
| Vue-router | 路由框架 |
| Vuex | 全局狀態管理框架 |
| Element | 前端UI框架 |
| Axios | 前端HTTP框架 |
| v-charts | 基於Echarts的圖表框架 |
| Js-cookie | cookie管理工具 |
| nprogress | 進度條控件 |
5、架構圖
系統架構圖

軟件老王和他的IT朋友們,分享他們的技術見解和生活故事,關注不迷路!
業務架構圖

6、模塊介紹
后台管理系統 mall-admin
- 商品管理
- 訂單管理
- 促銷管理:
- 內容管理
- 用戶管理
前台商城系統 mall-portal
7、環境搭建
開發工具
| 工具 | 說明 |
|---|---|
| IDEA | 開發IDE |
| RedisDesktop | redis客戶端連接工具 |
| Robomongo | mongo客戶端連接工具 |
| SwitchHosts | 本地host管理 |
| X-shell | Linux遠程連接工具 |
| Navicat | 數據庫連接工具 |
| PowerDesigner | 數據庫設計工具 |
| Axure | 原型設計工具 |
| MindMaster | 思維導圖設計工具 |
| ScreenToGif | gif錄制工具 |
| ProcessOn | 流程圖繪制工具 |
| PicPick | 圖片處理工具 |
| Snipaste | 屏幕截圖工具 |
| Postman | API接口調試工具 |
| Typora | Markdown編輯器 |
開發環境
| 工具 | 版本號 | 下載 |
|---|---|---|
| JDK | 1.8 | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
| Mysql | 5.7 | https://www.mysql.com/ |
| Redis | 5.0 | https://redis.io/download |
| MongoDB | 4.2.5 | https://www.mongodb.com/download-center |
| RabbitMQ | 3.7.14 | http://www.rabbitmq.com/download.html |
| Nginx | 1.10 | http://nginx.org/en/download.html |
| Elasticsearch | 7.6.2 | https://www.elastic.co/downloads/elasticsearch |
| Logstash | 7.6.2 | https://www.elastic.co/cn/downloads/logstash |
| Kibana | 7.6.2 | https://www.elastic.co/cn/downloads/kibana |
「軟件老王」公號內回復關鍵字“101”,自動獲取源碼及文檔下載地址。
更多信息請關注公眾號:「軟件老王」,關注不迷路,軟件老王和他的IT朋友們,分享一些他們的技術見解和生活故事。
