个人博客系统功能介绍
先上博客地址：https://www.marigold.website
源碼待隱藏敏感信息后連同部署方法一同開源，敬請期待！
如有需要請持續關注！如果緊急，可直接與我交流。
目錄
- 引言
- 總覽
- 博客界面
- 后臺管理系統
- 以下內容不分權限，適用于所有用戶
- 以下內容具有高級權限的用戶才可使用
- 詳細介紹
- 技術棧
- 博客界面
- 歡迎界面
- 首頁界面
- 閱讀文章界面
- 評論界面
- 生活界面
- 服務界面
- 友鏈界面
- 后臺管理系統界面
- 登錄界面
- 首頁界面
- 待辦事項
- 文章管理界面
- 文章編輯界面
- 發布文章界面
- 草稿管理界面
- 個人信息界面
- 消息中心界面
- 回收站界面
- 內容審核界面
- 評論審核界面
- 彈幕管理界面
- 服務管理界面
- 用戶管理界面
- 404
- 403
- 首次登錄完善信息界面
- 總結
引言
本人是某211大學計算機💻專業的大四學生，都到大四了，還沒有做過幾個相對完整的軟件開發項目😅。本來是打算找工作，奈何自己專業技術不夠硬，只能夠選擇保研再混三年😔。在保研之后，才過上了高中老師所說的輕松的大學生活😀。在此給學弟學妹兩點建議(如果不是可以跳過)：首先，最好在大二，最晚大三前要明確自己未來的目標，是讀研還是就業，又或者是其他的。我自己到了大三還不知道自己要干嘛，覺得三年過去什么也沒學到，我還挺感謝帶我大創的老師，為了讓我能多打幾天工，慫恿我保本校，可以跟他接著讀（后來我保上了，但是被他g了）。也是聽了他的話，大三開始卷起來了，認認真真上好每一門課，最終也是如愿以償，沒有成為457萬大軍之一。其次，學點技術總是好的。我是因為大二轉專業，需要補很多計算機的基礎課，幾乎大二一整學年都是滿課，上下學期幾乎每學期都修了十七八門課程，那段時間真的是噩夢，正因為這樣，大二的加權并不高。整天上課，也沒機會學點技術，導致想找工作都不知道自己會什么。所以說，學弟學妹們要合理規劃自己的時間，該玩的時候玩，該學的時候一定要認真學。
要想人生不那么坎坷，就要學會把路走寬，選項多了，才能成為自己人生的主導者。
總覽
扯了這么多，咱們言歸正傳。搭建博客的目的無非有兩個：一是記錄自己的學習過程；二是提升自己的開發水平。你要非說還有其他的，那就是裝13😎，做了個炫酷的網站，別人看了都夸是不是倍兒有面子！哈哈哈哈！
博客界面
既然是博客，就要有博客界面和后臺管理系統，我們先來看看博客前臺的功能：
- 歡迎界面
- 首頁
- 博文列表
- 最新文章
- 熱門文章
- 平臺數據展示
- 分類匯總
- 站內搜索
- 標簽云圖
- 滾動公告欄
- 文章閱讀界面
- 文章及其相關信息的展示
- 作者其他熱門文章
- 作者數據
- 評論
- 評論展示
- 評論回復
- 評論舉報（現在想想這個有點多余，因為我把評論設計成了需要審核才能展示的模式）
- 刪除自己的評論
- 目錄（目前正在開發中）
- 資源（這部分暫時還未開發，最初的目的是為了上傳一些資源文檔）
- 模板（這部分暫時還未開發，最初的目的是為了放一些代碼模板，方便根據需求復制代碼）
- 生活（其實就是一個留言板，做成了彈幕形式，目前正在重新設計）
- 服務（為大家提供一些好用的網站，包括自己開發的一些小工具，目前界面也在考慮重新設計）
- 關于
- 博客簡介及相關信息
- 網站版本及歷史版本更新信息
- 技術棧列表
-
友鏈
- 展示優質鄰居
- 展示所有鄰居
- 成為鄰居申請
- 申請修改鏈接信息（開發中）
- 友鏈站長信息維護（開發中）
- 展示優質鄰居
后臺管理系統
以上便是我的博客前臺功能，再來看一下后臺管理系統：
以下內容不分權限，適用于所有用戶
- 登錄界面
- 用戶名密碼登錄
- 手機登錄（由于是自己開發的網站，沒有任何收入來源，花的都是生活費，至今還未狠下心買短信包😭)
- 微信掃碼登錄(需要域名審核通過才能接入)
- QQ登錄(需要域名審核通過才能接入)
- 郵箱登錄（暫未實現，還在想通過什么方式獲得用戶的郵箱）
- 找回密碼（暫未實現，目前可以通過管理員重置密碼，不過已經收集到了用戶的密保信息，后面用戶可以自行找回）
- 自動登錄（使用Redis存儲用戶登錄狀態，一小時內可以自動登錄，但同一賬號不能在多個設備登錄）
- 首次登錄完善信息
- 強制更改默認的密碼以提高安全性
- 完善密保信息
（原本想在該界面收集用戶信息，包括：昵稱、聯系方式、生日、郵箱等，但是覺得這樣用戶體驗不是很好，就放棄了）
- 頂部導航欄
- 根據當前時間動態展示鼓勵或者問候的話
- 頭像、展示
- 頭像菜單
- 更改密碼
- 退出登錄
- 生日祝福（這個目前還是有點問題的，用戶未完善生日信息的話，默認生日是2000-01-01）
- 首頁
- 個人博客數據展示
- 文章數、資源數、代碼數
- 評論數、點贊數、下載數
- 訪問數、貢獻值
- 待辦事項（用戶可以記錄一些事情，防止忘記，后面計劃通過郵件通知）
- 添加待辦事項
- 完成事項和取消完成
- 刪除事項
- 分類展示（全部、未完成、已完成）
（原本想要實現截止日期之前提醒，但是給忘了，就是說還是要按照軟件開發規范來搞😅）
- 快捷入口（將一些常用的功能，以圖標的形式展示，方便用戶記憶，現在計劃搞成用戶自定義功能）
（之前還想展示一些文章信息，比如自己的熱門文章，平臺內的熱門文章，訪問數據等）
- 個人博客數據展示
- 文章管理
-
博文管理
- 文章列表
- 標題、點擊量、點贊、評論、審核狀態等
- 設為私密或設為公開
- 編輯、瀏覽、刪除
- 分頁
- 篩選
- 搜索標題關鍵字
- 文章列表
-
文章編輯
- 標題
- 內容（Markdown語法）
- 保存草稿
- 發布
- 類型選擇（博文、代碼模板）
- 是否上傳封面（是的話可以上傳單張圖片）
- 內容類別選擇
- 添加自定義文章標簽（最多3個）
- 發布形式（公開或私密）
- 文章摘要
- 保存草稿、立即發布
-
草稿管理
- 草稿列表分頁展示
- 篩選
- 標題關鍵字搜索
- 編輯
- 刪除
-
- 資源管理（暫未開發，沒有好的想法，主要是開源一些文檔）
- 代碼管理（暫未開發，沒有好的想法）
- 個人信息
- 展示
- 修改
- 綁定手機（起初是為了實現手機登錄，暫未開發）
- 綁定微信（起初是為了實現微信掃碼登錄，暫未申請微信開放平臺應用）
- 綁定郵箱（綁定郵箱后，大部分的通知都會通過郵箱提醒，向內容審核結果、賬號權限變更等）
-
消息中心（點贊、評論、內容審核、重置密碼、賬號拉黑等的通知）
- 消息列表分頁展示
- 消息內容展示
- 標為已讀
- 刪除
- 一鍵全部已讀
- 回收站（系統采用軟刪除，用戶可以恢復文章）
- 已刪除文章分頁展示
- 篩選
- 標題關鍵字搜索
- 單個恢復
- 單個徹底刪除
- 批量恢復
- 批量徹底刪除
以下內容具有高級權限的用戶才可使用
- 內容審核（審核用戶發布的內容，防止有違法內容）
- 待審核文章列表分頁展示
- 篩選
- 標題關鍵字搜索
- 審核
- 是否通過
- 具體意見
- 評論審核（審核用戶（包括游客）的評論）
- 未審核評論列表分頁展示
- 通過、不通過
- 彈幕管理（管理留言板中的彈幕）
- 彈幕列表分頁展示
- 彈幕內容關鍵字搜索
- 刪除彈幕
- 服務管理
- 服務列表分頁展示
- 直接點擊訪問服務網站
- 修改服務信息
- 刪除服務
- 添加服務
- 友鏈管理
- 友鏈列表分頁展示
- 直接點擊訪問友鏈
- 友鏈審核
- 設為優質、普通
- 修改友鏈信息
- 舉報管理
- 未審核舉報列表分頁展示
- 實錘后加入黑名單
- 黑名單管理
- 黑名單列表分頁展示
- 取消拉黑
- 昵稱關鍵字搜索
- 用戶管理
- 用戶列表分頁展示
- 重置密碼
- 提升權限、降低權限
- 刪除用戶
- 添加用戶
- 用戶名關鍵字搜索
也是沒想到就一個博客系統，我搞了這么多功能。說了這么多，下面來直觀感受一下博客界面，并且再詳細介紹一下，當然也可以直接來我的博客。
詳細介紹
技術棧
前端： Vue.js、HTML、CSS、JavaScript、ElementUI
后端： Java、Springboot、mybatis、Redis
數據庫： MySQL、使用了Navicat數據庫管理和設計工具
服務器： 騰訊云輕量應用服務器、2核4G，CentOS 7.8 64bit
大部分的動畫來自于：Animate.css
博客界面
歡迎界面
該界面使用了打字機動態效果，圖中的(Hey,guys!)是動態效果，可以進主頁感受。
首頁界面
該界面中書架是純CSS寫的，標簽云圖是vue-wordcloud
閱讀文章界面
該界面主要用到mavon-editor組件，用來展示文章內容，右側還有很大空白，待以后完善。
評論界面
點贊評論均在瀏覽文章最后
生活界面
該界面主要用到vue-baberrage組件，實現彈幕的功能。
服務界面
該界面的卡片有點太單調了，后面需要美化一下。
友鏈界面
暫時還沒有鄰居，展示的話類似于服務界面，但是這個是有網站圖標的。
后臺管理系統界面
登錄界面
首頁界面
該界面用到了vue-animate-number數字滾動效果
待辦事項
文章管理界面
文章編輯界面
發布文章界面
該界面u1s1借鑒了CSDN.
草稿管理界面
個人信息界面
消息中心界面
回收站界面
內容審核界面
評論審核界面
彈幕管理界面
服務管理界面
用戶管理界面
404
403
首次登錄完善信息界面
總結
好了，以上就是博客的全部內容了，可能會有一些功能忽略了，但是我現在實在不想寫了。如果想體驗的話，可以私信我分配一個賬號，另外歡迎成為鄰居。最后歡迎訂閱我的公眾號。
總結
以上是生活随笔為你收集整理的个人博客系统功能介绍的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 工作43：设计思路
- 下一篇： 按照计算机系统结构分类存储器可分为,存储