個人部落格半成品展示,還有一些閒言碎語,歡迎大家一起來討論

gztrljh發表於2021-01-21

新手,自己做了一個個人部落格系統,分享一波,順便讓各位高手看看這樣是否合理

先展示幾個頁面吧,然後再分析一些邏輯(我覺得我這種小白有點駕馭不住了)
雖然前端框架不熟悉,但是自認為html,css,js基礎還算是比較好一點的,再加上bootstrap樣式本身還行,直接覆蓋幾個自己的樣式,很容易就可以搞出大氣上檔次的響應式頁面,bootstrap5是沒有jquery的,所以我也不想用,然後發現,原生js操作dom我表示難受,所以還是在專案中使用了,jquery,個人感覺jquery慢慢的優勢已經不在,原因是因為ie被拋棄,就是有些技術已經被更好的替代了,或者說不順應時代發展,或者說沒有必要再用它,比如flash,當時大學課程還有這門課,那個老師吹flash多牛多牛,那個時候我信了,發誓要好好學習flash,因為當時老師演示的動畫就是那個閃客快打那個火柴人,覺得好酷,現在想想也就那麼回事,flash都被拋棄了,不知道現在那個老師是否還在教那個課程,難受,因為ie被拋棄,所以各種標準api都一樣了,微軟的edge使用者體驗就很好,jquery強大的選擇器以前一直覺得挺好用的,document.querySelector這個完全可以取代它的選擇器了,對於ie那種上古瀏覽器早就該被放棄了。

雖然mvvm使用者體驗更好,這一點毋庸置疑的。但是隻會點vue且vue也不是特別熟悉,所以還是採用的mvc

laravel7.x
bootstrap5.x
elasticsearch7.x

其中的搜尋用的是es搜尋引擎,本來是要用sphinx的,因為sphinx配置簡單,然後覺得sphinx官網都沒了,我還是換es吧

首頁
個人部落格半成品展示,還有一些疑問

寫作頁面
可以說markdown寫作真的優秀啊

個人部落格半成品展示,還有一些疑問

系統通知
這個時間軸我還蠻驕傲的,在bootstrap5的基礎上就一行css程式碼就搞定了

個人部落格半成品展示,還有一些疑問

這是手機端的時間軸展示
個人部落格半成品展示,還有一些疑問

文章詳情
這些資料都是模擬資料,用的是faker填充的。

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

評論實現了樓中樓

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

個人中心

個人部落格半成品展示,還有一些疑問

登入註冊
個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

個人部落格半成品展示,還有一些疑問

這裡是通過傳送郵件到郵箱點選連結進行啟用,沒有采用傳送郵箱驗證碼進行啟用,然後點選郵箱接收到的連結直接登入,這裡我考慮到這個使用者體驗了。

在這裡基本上最基本的個人部落格需求基本就完成了,本來是想著只簡單搞一個個人部落格記錄文章就行,但是覺得沒人互動就很單調,弄著弄著就高了一個多使用者的。

這裡的評論部分,我是參考了 百度貼吧和B站的方式,前幾天,還問了大家如何實現評論舉報,舉報選項要不要寫死的問題,我還是弄成動態的了。也是參考的B站

個人部落格半成品展示,還有一些疑問

這裡的邏輯是舉報成功後無法再次舉報
自己在開發的時候,還一邊在想這樣是否更好,是否更合理,我這個最求完美主義,有時候,就反覆在一個小細節搞好久。

個人部落格半成品展示,還有一些疑問

開發過程,自己畫圖設計資料庫,搞清楚他們的關係,然後建立各種關聯,
還有分表,哪些是冷資料,哪些是熱資料,所以有時候不得不違背資料庫的三正規化,比如文章的話,肯定是要有個基礎表,只記錄標題等一些簡單的欄位的,然後弄一個內容表,進行一對一關聯,這樣在首頁查詢展示資料的時候,速度就會快很多。
還有很多邏輯的判斷,比如,文章刪除,要順帶把文章下的評論都刪除,評論舉報加入黑名單和刪除按鈕要分別判斷,自己的評論顯示刪除,別人的評論顯示刪除和加入黑名單,如果是樓主,文章所屬者,可以對評論,樓中樓評論都有刪除許可權,還有如果該評論的使用者把你拉黑,將無法進行回覆,用到了很多laravel的policy,總之,對於我這個新手來說,我只能做到那麼多了,最讓我滿意的莫過於這個markdown寫作了。太舒服了,比csdn的那個markdown編輯器還舒服。

本來只想開發一個簡單的部落格,越搞想法越多。。我暫時鴿一段時間,去學習一些別的新知識和技術點。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章