543. 【博客開(kāi)發(fā)】開(kāi)發(fā)進(jìn)度:基本界面已實(shí)現(xiàn)

一、首頁(yè)

首頁(yè)
  • 閱讀摘要:好記性不如爛筆頭,在互聯(lián)網(wǎng)時(shí)代,擁抱個(gè)人的互聯(lián)網(wǎng)記事本。未來(lái)將支持云端速遞摘要到手機(jī)的功能
  • 文章錦集:我們的創(chuàng)作都在這兒,精彩的創(chuàng)作不僅是才華的橫溢,更是不朽的人生。未來(lái)將支持更多社交特性
  • 圖片足跡:旅行過(guò)程中的絕美風(fēng)景將永遠(yuǎn)定格在記憶深處。未來(lái)將支持更多社交特性
  • 成長(zhǎng)規(guī)劃:定下我們的目標(biāo),每天更新我們的進(jìn)度,讓成長(zhǎng)有跡可循。未來(lái)將支持更多社交特性
  • 關(guān)注我:與你共同見(jiàn)證一個(gè)快樂(lè)的 IT 從業(yè)者在帝都的逆襲之旅。
  1. 左上角logo:在任意界面回到首頁(yè)
  2. 右上角個(gè)人中心:創(chuàng)作入口
  3. 中間圖片,博客內(nèi)容的分類(lèi)入口
  4. 右邊:個(gè)人簡(jiǎn)介

二、登錄界面

登錄
  1. 點(diǎn)擊首頁(yè)的【個(gè)人中心】或者其他需要登錄權(quán)限的界面,就會(huì)彈出登錄界面
  2. 點(diǎn)擊右上角關(guān)閉,可關(guān)閉登錄界面
  3. 正確輸入完用戶名密碼,點(diǎn)擊登錄,校驗(yàn)成功會(huì)關(guān)閉登錄界面,校驗(yàn)失敗會(huì)提示登錄失敗

三、閱讀摘要

閱讀摘要
  1. 列表展示從書(shū)籍里摘錄的句子
  2. 滾動(dòng)到底部,自動(dòng)加載數(shù)據(jù)
  3. 支持搜索

四、文章錦集

文章錦集
  1. 展示創(chuàng)作的文章
  2. 滾動(dòng)到底部,自動(dòng)加載數(shù)據(jù)
  3. 支持搜索

五、個(gè)人中心

個(gè)人中心
  1. 整體布局參考簡(jiǎn)書(shū),左側(cè)是各項(xiàng)博客內(nèi)容(后面皆稱作:維度)分類(lèi)入口
  2. 中間是維度列表,支持添加維度(對(duì)于【文章錦集】來(lái)說(shuō),就是寫(xiě)新的文章)
  3. 最右邊是文章編輯器,本質(zhì)上就是個(gè) <textarea/>
  4. 【發(fā)布】功能,支持將寫(xiě)的文章公開(kāi)給其他人閱讀
  5. 【預(yù)覽】功能,支持左側(cè)編輯維度,右側(cè)預(yù)覽展示效果


    預(yù)覽功能

六、代碼統(tǒng)計(jì)

服務(wù)端代碼行數(shù)統(tǒng)計(jì)1
服務(wù)端代碼行數(shù)統(tǒng)計(jì)2
服務(wù)端代碼行數(shù)統(tǒng)計(jì)3
  • 服務(wù)端代碼只有 1900 行,代碼重復(fù)率11.6%主要集中在 Graphql 的服務(wù)端解析函數(shù)未能抽出公用代碼(是對(duì)GraphQL和go語(yǔ)言本身的不熟練造成),整體來(lái)說(shuō),自我感覺(jué)還是挺干練的,畢竟是需要什么才加什么,并沒(méi)有使用其他人現(xiàn)成的代碼,代碼編譯出可執(zhí)行程序是20M 大小。
客戶端代碼統(tǒng)計(jì)1

客戶端代碼統(tǒng)計(jì)2

客戶端代碼統(tǒng)計(jì)3
  • 客戶端代碼 4300 行,代碼重復(fù)率 6%,看起來(lái)實(shí)現(xiàn)的界面并不多,但代碼量比起服務(wù)端可多多了,這也驗(yàn)證了一個(gè)事實(shí):服務(wù)端比客戶端更接近底層,越底層的代碼抽象度越高,代碼量越少。

七、總結(jié)

本次博客開(kāi)發(fā)基本告一段落,個(gè)人博客的文章展示、編輯、發(fā)布等基礎(chǔ)功能已經(jīng)完成,以后每次簡(jiǎn)書(shū)寫(xiě)完文章,都可以同步到自己的個(gè)人博客。
博客開(kāi)發(fā)項(xiàng)目啟動(dòng)時(shí)間從 2022 年 12 月 21 日開(kāi)始算,到今天 2023 年 1 月 7 日,可以算是博客開(kāi)發(fā)項(xiàng)目一期已完結(jié)。當(dāng)然了,各項(xiàng)功能并不是很完善,但半個(gè)月時(shí)間勉強(qiáng)算是實(shí)現(xiàn)了個(gè)小需求,將應(yīng)用開(kāi)發(fā)的前前后后涉及到的各個(gè)技術(shù)點(diǎn),再次鞏固了一遍。

下一步

實(shí)現(xiàn)手機(jī)端,計(jì)劃使用前端技術(shù):Taro,實(shí)現(xiàn)手機(jī)瀏覽器訪問(wèn),和小程序訪問(wèn);

實(shí)現(xiàn)評(píng)論功能;

實(shí)現(xiàn)閱讀量、評(píng)論數(shù)、點(diǎn)贊量等社交數(shù)據(jù)統(tǒng)計(jì);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容