項目描述
本系統包含管理員和用戶兩個角色。
管理員角色:
商品分類管理:新增、查看、修改、刪除商品分類。
商品信息管理:新增、查看、修改、刪除、查看評論商品信息。
用戶管理:新增、查看、修改、刪除用戶。
管理員管理:查看、修改管理員信息。
輪播圖管理:新增、查看、修改、刪除輪播圖。
訂單管理:查看全部訂單、未支付訂單、已支付訂單、已完成訂單、已取消訂單、已退款訂單、已發貨訂單,并進行物流、發貨、確認收貨等操作。
用戶角色:
地址管理:新增、查看、修改、刪除地址。
購物車管理:新增、查看、修改、刪除購物車。
我的收藏管理:新增、查看、修改、刪除我的收藏。
訂單管理:查看全部訂單、未支付訂單、已支付訂單、已完成訂單、已取消訂單、已退款訂單、已發貨訂單,并進行物流、確認收貨等操作。
商品信息管理:查看、查看評論商品信息。
技術選型
開發工具:Idea + Vscode 運行環境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服務端技術:SpringBoot + Mybatis-Plus + Maven 前端技術:Vue3 + Axios + Element-UI
系統截圖
1.首頁
2.商品信息
3.商品詳情
4.購物車
5.提交訂單
6.個人中心
7.后臺登錄
8.商品信息管理
9.用戶管理
10.管理員管理
11.輪播圖管理
12.商品訂單管理
運行步驟
準備環境
安裝JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上
創建數據庫
使用Navicat工具創建數據庫并導入SQL腳本
配置后端
修改application.yml
中的數據庫連接信息(用戶名/密碼/庫名)
啟動后端服務
進入后端項目(/server_code
) 執行:
mvn clean install
mvn spring-boot:run
前端依賴安裝
進入前端目錄(/manage_code
或者/client_code
) 執行安裝命令:
npm install
啟動前端服務
執行啟動命令:
npm run serve?
訪問系統
后端接口系統訪問地址: http://localhost:8080
后臺系統前端訪問地址: http://localhost:8081
前臺系統前端訪問地址: http://localhost:8082
常見問題
端口沖突
修改后端配置文件
application.yml
修改前端配置文件
vue.config.js
前端安裝依賴失敗
- 刪除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
- 清除緩存
npm cache clean --force
- 切換npm鏡像源
npm config set registry https://registry.npmmirror.com