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朋友們,分享一些他們的技術見解和生活故事。