項目描述
本系統包含管理員和用戶兩個角色。
管理員角色:
用戶管理:管理系統中所有用戶的信息,包括添加、刪除和修改用戶。
稿件分類管理:管理稿件分類信息,包括新增、查看、修改和刪除稿件分類。
新聞資訊管理:管理新聞資訊信息,包括新增、查看、修改和刪除新聞資訊。
投稿管理:管理投稿信息,包括新增、查看、修改、刪除、審核、查看評論、首頁總數和首頁統計。
輪播圖管理:管理輪播圖信息,包括新增、查看、修改和刪除輪播圖。
出版計劃管理:管理出版計劃信息,包括新增、查看、修改和刪除出版計劃。
用戶角色:
投稿管理:用戶可以新增、查看、修改和刪除自己的投稿信息。
出版計劃管理:用戶可以查看出版計劃信息。
個人信息管理:用戶可以管理自己的個人信息,包括用戶賬號、用戶密碼、用戶姓名、頭像、性別、手機號碼和興趣研究。
技術選型
開發工具: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.出版計劃管理
運行步驟
準備環境
安裝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