SpringBoot+shiro+vue搭建博客完整版(可供源碼、數據庫)

前言
人生在世,應無所住; 如果年輕,追着風走;如果相信,跟着愛走; 如果可以,隨着心走;如果留戀,帶着夢走;如果沒有如果,也不該停留

爲什麼寫博客?

其實畢業到現在也有大半年的時間,很早就想搭建一個屬於自己的博客網站,奈何性子總愛拖拖拉拉,剛好趕上春節的這段疫情才下定決心來完成,順便自檢一下自己半年來能力的提升,能力水平有限網站沒有做得很好,還希望大家見諒!

故事的開始總是充滿着激情和期待,然而故事的發展總不會那麼順利,在頁面的設計和搭建上實在是太難頂了,配色以及排版還有無數數不清的bug對於我這種前端小白來說實在是太痛苦了。UI設計本想着找人來排一版,奈何微薄的工資讓我實在是不忍,那就算了吧,將就着看吧,後續在慢慢優化UI。
在此,感謝公司的友愛、熱心的同事幫忙解決bug和在前端上一些設計的思路。不然我尋思着還得往後稍一稍才能完成。

部分頁面展示

在這裏插入圖片描述

大佬友鏈

在這裏插入圖片描述

文章歸類

在這裏插入圖片描述

後臺展示

在這裏插入圖片描述

文章錄入

在這裏插入圖片描述

項目結構

前端:
1.基於webpack4.x搭建的vue
2.使用了AmazeUI和ElementUI(摻雜了一塊 – !)
3.後臺管理這塊使用了markdown插件加單實現文章的錄入和修改。
後端
1.Springboot
2.Shiro
3.Redis
4.項目構建:Maven
5.數據庫ORM:Mybatis
6.數據庫:MySql
7.使用Swagger2生成了API了文檔,便於測試與查找。
基於idea、jdk1.8開發,服務器使用的騰訊雲centos7

主要實現功能

主頁模塊:

博客彙總,展示最近發佈的文章,對文章進行分類可以通過專欄找到相關文章,個人介紹、聯繫方式、友鏈鏈接、留言、程序人生主要展示一些無關技術的文章,記錄生活和吐槽。
後臺管理
目前支持文章錄入和修改。功能較少,此處暫不對外提供。
主要實現是用shiro進行了權限控制
(初次登錄->賦予用戶角色權限->存儲到redis->返回token->進行文章管理->判斷是否有登錄->如果登錄判斷是否有權限,如果沒有登錄跳轉登錄頁面)。

數據表

用戶表
在這裏插入圖片描述
文章表
在這裏插入圖片描述
分類表
在這裏插入圖片描述
文章分類表
在這裏插入圖片描述
標籤表
在這裏插入圖片描述
文章標籤表
在這裏插入圖片描述
留言表
在這裏插入圖片描述
留言關聯表
在這裏插入圖片描述
表建的可能不是很規範,暫且湊合着用吧。

網站缺點:
1.目前無法修改個人信息(個人中心還在開發中)
2.對於篇幅較長的文章響應時間稍微有點久。
3.沒有流量統計。
4.混雜了兩種UI不利於後期維護。
正在修改目標
1.開發個人中心模塊
2.開通文章評論,及登錄用戶可收藏文章。
3.流量統計。

另外,主要針對PC端訪問,不過對手機端也做了一些適當的優化,在這還希望用手機瀏覽的朋友們發現bug及時提醒一下,在此感謝。

以上就是我在博客網站搭建過程後的所有總結記錄,可能比較簡陋,會及時補充,還請見諒!

博客首頁:http://www.cxhorange.com
數據結構:百度網盤 密碼:4o3c
後端代碼:github
前端代碼:github

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章