最新的部落格開源啦～～～ 哈哈哈。利用空餘時間將以前的老部落格更新重寫了一下。模仿了兩個部落格的ui。基於 vue3+element-plus+laravel8.x前後端分離構建的一款部落格應用。
前端UI參考
實現了一些小功能
- 主題切換
- 前後端分離下第三方授權登入
- 響應式
- 模仿論壇樣式的二級評論(ps 模範不到位 。挺醜的感覺)
- 評論框監聽渲染(這個功能很簡單我就不上圖了。
前端使用到的一些元件和庫
element-plus處理封裝一些元件其他基本是使用了ui框架提供的vue-wechat-title頁面title渲染vue-router前端路由vuex狀態管理、cookie(儲存token使用者狀態)localStorage使用者資訊 資料快取axios封裝了請求和響應攔截器 處理api異常邏輯simplemde+highlightmaradown渲染以及程式碼高亮nprogress實現進度條
後端沒啥好說的curd
- jwt 前後端分離下身份驗證
- redis 快取熱點文章 非同步佇列處理提交評論解析ip使用者的地址資訊(守護程式消費)
- 使用了自己開發的包實現了第三方登入 thirdparty_oauth
- dcat-admin快速開發的管理後臺
- 評論curd
最後部落格功能搭建起來比較簡單 整個開發流程中百分之八十的時間都是在處理前端頁面以及樣式– ? ? ? 關於樣式–後續會慢慢優化
最後能揮揮小手給我點個star嗎 ❤️
本作品採用《CC 協議》，轉載必須註明作者和本文連結