前言
人生在世,應無所住; 如果年輕,追着風走;如果相信,跟着愛走; 如果可以,隨着心走;如果留戀,帶着夢走;如果沒有如果,也不該停留
爲什麼寫博客?
其實畢業到現在也有大半年的時間,很早就想搭建一個屬於自己的博客網站,奈何性子總愛拖拖拉拉,剛好趕上春節的這段疫情才下定決心來完成,順便自檢一下自己半年來能力的提升,能力水平有限網站沒有做得很好,還希望大家見諒!
故事的開始總是充滿着激情和期待,然而故事的發展總不會那麼順利,在頁面的設計和搭建上實在是太難頂了,配色以及排版還有無數數不清的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