好像快半個月沒有寫文章了,因為這半個月一直在開發部落格小程式。到今天初級版差不多可以問世了,目前已上線功能:部落格系統,好友系統和會話系統。接下來談談這三個系統的基本使用吧。
部落格系統
可以在頂部的搜尋框進行關鍵字搜尋,找對應關鍵字的文章資料。不過這裡有乙個小缺點,由於我忙著先將基本構架做出來所以我對搜尋結果還未來得及做分頁,所以比較熱門的關鍵字去搜尋可以響應時間會比較慢。
在文章詳情介面點選使用者頭像可以進入作者主頁,如果非好友關係可以新增作者為好友。作者主頁可以按分類檢視作者的全部原創文章。 實際上我也是寫這篇文章的時候才發現主圖為長圖布局會出現拉伸,這個小問題預計下個版本修復。
在寫作介面可以進行文章的寫作,文章寫作介面採用一段文字一張配圖的方式,文字輸入域不允許為空,第一張必須上傳作為文章主圖,第二段文字開始可以不上傳。 這裡講講為什麼採用這種多段文字的方式呢?其實我們都知道pc端我們文章寫作一般都是markdown方式,雙屏寫作,可以邊寫作邊預覽,但是移動端很明顯沒法做到,因為手機螢幕太小了不可能再分成雙屏寫作,那我們需要實現**格式要怎麼辦呢?所以我想到了乙個折中的方法,我將寫作介面設計為多段**輸入,剛進入預設只有乙個**,第一段**必須上傳,會作為文章主圖,當我們第一段**寫作完成,可以選擇右下角的+,新增下一段**,不過從第二段開始,可以不上傳只輸入純文字。效果其實就如同下圖一樣的效果,然後點選發表的時候就會通過特定的演算法去手動將文字和轉化成markdown格式的html文字去儲存,也是為了能夠使用towxml外掛程式去載入文章內容,使介面更為美觀。
文章寫作完成可以點選右上角預覽按鈕進行文章效果預覽,預覽效果和發布後完全一致。 實際上在預覽的時候就是將文章內容通過同乙個演算法轉化成markdown格式的html文字,然後使用towxml去載入html文字渲染出頁面效果。
在這裡遇到了乙個小難題,就是文章修改的時候,由於我們將使用者輸入的文字和上傳的手動去封裝成html文字,所以修改文章時需要將文章內容去反向進行解析,分別解析出每一段文字和每一張,然後分別放入陣列和文字陣列中,這個反向解析一共40行**,但是花費了一早上時間才成功反向解析,可以給你們看看**:
好友系統 && 會話系統
使用者新增好友主要有兩個途徑:第乙個途徑就是剛才說過的在文章詳情介面點選作者頭像進入作者主頁新增作者好友,或者在好友介面頂部搜尋域輸入使用者手機號搜尋好友並傳送好友申請,好友申請可以在導航欄我的介面中的訊息介面中檢視並同意好友申請。
已成功新增好友會在好友列表中顯示。當好友有新資訊會在列表中顯示未讀資訊條數。
點選好友可以進入實時會話,會話是實時會話,有新訊息送達會自動渲染。
點選使用者傳送的可以檢視大圖。
在好友列表長按某個好友可以設定備註,設定特別關心,刪除好友等操作。
開源的成語答題小程式
成語答題小程式一直被很多人休閒娛樂,成語小秀才更是佔據整個小程式榜單首位,成語答題小程式簡單又可以學習,讓很多人都鍾情於它。本 有幾大特點 成語答題小程式原始碼開發過程中考慮到雲開發的免費額度,所以開發成語答題小程式設計中以減少資料請求次數,減少雲函式呼叫為特點,用更少的呼叫次數服務更多的使用者。讓...
決定將部落格園的程式開源
首先感謝大家一直以來對的支援。自從今年1月份建立以來,根據大家在使用過程中發現的問題以及很多好的建議,我一直在改進的程式,現在的程式已經在.text 0.96的基礎上作了很多改進。的程式是來自大家的智慧型,我有責任將的程式與大家分享。而且的程式是來自於.text開源軟體,源自開源,回歸開源,這也是情...
決定將部落格園的程式開源
首先感謝大家一直以來對的支援。自從今年1月份建立以來,根據大家在使用過程中發現的問題以及很多好的建議,我一直在改進的程式,現在的程式已經在.text 0.96的基礎上作了很多改進。的程式是來自大家的智慧型,我有責任將的程式與大家分享。而且的程式是來自於.text開源軟體,源自開源,回歸開源,這也是情...