項目描述
本系統包含管理員、用戶兩個角色。
管理員角色:
用戶管理:管理系統中所有用戶的信息,包括添加、刪除和修改用戶。
配置管理:管理系統配置參數,如上傳圖片的路徑等。
權限管理:分配和管理不同角色的權限。
訂單管理:查看和管理所有訂單,包括未支付、已支付、已完成、已取消、已退款和已發貨訂單。
商品信息管理:查看、刪除、修改商品信息,并查看商品評論。
商品類型管理:新增、查看、修改、刪除商品類型。
輪播圖管理:新增、查看、修改、刪除輪播圖。
用戶角色:
訂單管理:查看和管理自己的訂單,包括未支付、已支付、已完成、已取消、已退款和已發貨訂單。
地址管理:新增、查看、修改、刪除收貨地址。
購物車管理:新增、查看、修改、刪除購物車中的商品。
我的收藏管理:新增、查看、修改、刪除收藏的商品。
商品信息管理:查看商品信息,并查看商品評論。
商品類型管理:查看商品類型。
技術選型
開發工具: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
) 執行安裝命令:
npm install
啟動小程序端
使用微信開發者工具打開目錄(/wechat_code
)運行即可
啟動前端服務
執行啟動命令:
npm run serve?
訪問系統
后端接口系統訪問地址: http://localhost:8080
后臺系統前端訪問地址: http://localhost:8081
常見問題
端口沖突
修改后端配置文件
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