計算機畢業設計 397多用戶個人博客網站 畢設46

第5章系統詳細設計

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV16N41177PC/

三、運行截圖：

3.1管理員功能模塊

管理員登錄，管理員通過輸入用戶名、密碼等信息進行系統登錄，如圖3-1所示。

圖3-1管理員登錄界面圖

管理員登錄進入個人網站可以查看；個人中心、博文類型管理、學生博客管理、學生管理、論壇信息、管理員管理、我的收藏管理、留言板管理、系統管理等內容，如圖3-2所示。

圖3-2管理員功能界面圖

博文類型管理，在博文類型管理頁面可以填寫博文類型、標題、內容、發布時間、圖片等內容，并可根據需要對博文類型管理進行修改或刪除等操作，如圖3-3所示。

圖3-3博文類型管理界面圖

管理員管理，在管理員管理頁面可以填寫用戶名、密碼、角色等內容，并可根據需要對管理員管理進行，修改或刪除等操作，如圖3-4所示。

圖3-4管理員管理界面圖

我的收藏管理，在我的收藏管理頁面可以填寫用戶id、收藏id、表名、收藏名稱、收藏圖片等進行修改，刪除或查看詳細內容等操作，如圖3-5所示。

圖3-5我的收藏管理界面圖

留言板管理，在留言板管理頁面可以查看留言人id、用戶名、留言內容、回復內容等內容，并可根據需要對留言板管理進行查看，修改，刪除或詳細內容等操作，如圖3-6所示。

圖3-6留言板管理界面圖

客服聊天表管理 ，在客服聊天表管理頁面可以查看新消息、狀態等內容，并可根據需要對客服聊天表管理進行回復等操作，如圖3-7所示。

圖3-7客服聊天表管理界面圖

3.2學生功能模塊

學生登錄進入個人網站可以查看個人中心、學生博客管理、留言板管理、論壇信息、我的收藏管理、系統管理等內容，如圖3-8所示。

圖3-8學生功能界面圖

學生博客管理，在學生博客管理頁面通過填寫文章標題、分類、封面圖片、簡述、文章內容、發布時間、學號、姓名、文件、用戶id等內容并可根據需要對學生博客管理進行查看，如圖3-9所示。

圖3-9學生博客管理界面圖

留言板管理，在留言板管理頁面可以填寫留言人id、用戶名、留言內容、回復內容等內容，并可根據需要進行查看操作，如圖3-10所示。

圖3-10留言板管理界面圖

論壇信息，在論壇信息頁面可以查看帖子標題、帖子內容、父節點id、用戶id、用戶名、狀態等內容，并可根據需要對論壇信息查看詳細內容等操作，如圖3-11所示。

圖3-11論壇信息界面圖

我的收藏管理，在我的收藏管理頁面可以查看用戶id、收藏id、表名、收藏名稱、收藏圖片等內容，并可根據需要對我的收藏管理查看、修改等操作，如圖3-12所示。

圖3-12我的收藏管理界面圖

新聞資訊管理，在新聞資訊管理頁面可以查看標題、簡介、圖片、內容等內容，并可根據需要對新聞資訊管理查看等操作，如圖3-13所示。

圖3-13新聞資訊管理界面圖

3.3前臺首頁功能模塊

學生登錄進入個人網站可以首頁、博文類型、學生博客、論壇信息、新聞資訊、留言反饋、我的、跳轉到后臺、客服等內容，如圖3-14所示。

圖3-14前臺首頁功能界面圖

博文類型，在博文類型頁面通過填寫博文類型、標題、內容、發布時間、圖片等信息進行點我收藏，如圖3-15所示。

圖3-15博文類型界面圖

學生博客，在學生博客頁面可以填寫文章標題、分類、封面圖片、簡述、文章內容、發布時間、學號、姓名、文件等內容，進行點我收藏，如圖3-16所示。

圖3-16學生博客界面圖

論壇信息，在論壇信息頁面可以填寫標題、類型、內容等信息，并可根據需要對論壇信息進行發布帖子操作，如圖3-17所示。

圖3-17論壇信息界面圖

留言反饋，在留言反饋頁面可以填寫留言內容等信息，并可根據需要對留言反饋進行提交等操作，如圖3-18所示。

圖3-18留言反饋界面圖

個人中心，在個人中心頁面可以填寫學號、密碼、姓名、性別、年齡、學院、專業、電話、郵箱、身份證等信息，并可根據需要對個人中心進行更新信息、退出登錄等操作，如圖3-19所示。

圖3-19個人中心界面圖