十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要介紹了案例分享小程序開發(fā)實(shí)現(xiàn)|個人博客KAPO的架構(gòu),具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
陜西ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!KAPO是一個人博客,所以里面大部分的內(nèi)容也是展示的一些自己的信息和作品。初衷是想向大家介紹我自己。私心就是為了面試的時候能夠裝X.
KAPO的架構(gòu)圖
博客主要分為三大模塊: 文章、 項(xiàng)目,我
文章:包含精選文章和普通文章。精選文章是訪問量較高的文章
項(xiàng)目:介紹了一些我做的項(xiàng)目
我:包含打卡和文章類型(前端,運(yùn)維,生活),本打算直接跳向文章欄目,但是小程序的 switchTab不能帶參數(shù) 所以只能添加一個新組件lists。
KAPO的pages目錄KAPO源碼目錄
assets: 用于存放靜態(tài)資源
- icon KAPO使用了iconfont字體圖標(biāo)庫
- images 頁面中會用到的靜態(tài)資源
- nav 存放tabBar里面的icon圖
pages, KAPO博客的組件
index(文章類表:首頁,包含精選文章和文章列表。點(diǎn)擊內(nèi)容,跳轉(zhuǎn)到detail頁)
about(我:包含打卡,感謝和文章分類撒安達(dá)內(nèi)容, 打卡是本頁的重點(diǎn)內(nèi)容)
detail(文章詳情頁)
feedback(意見反饋:為了讓這個博客做得更好,希望得到大家的建議)
lists(文章分類頁:這一頁在原計劃中是沒有的,由于技術(shù)原因,不得不多了這一頁)
me(關(guān)于我:介紹了一些我的個人信息,本想用detail寫文章直接介紹,但是感覺逼格不夠高,而且轉(zhuǎn)碼后不是想要的格式,就多了這一頁,大家開發(fā)中可以考慮直接用detail從后臺讀取)
more(打卡:這一頁是這個小程序里最精華的地方,用于記錄我的四個目標(biāo): 每天一個俯臥撐、讀一百本書、學(xué)一門外語、彈吉他,以及記錄我每天的實(shí)現(xiàn)過程
project(項(xiàng)目: 記載了一些我做的項(xiàng)目,包含官網(wǎng), 后臺,微信公眾號,和小程序)
project_page(項(xiàng)目詳情頁:這一頁本也打算用detail頁,但是detail頁的設(shè)計不能完美呈現(xiàn)我想表現(xiàn)的內(nèi)容,故進(jìn)行了重新設(shè)計)
start:啟動頁: 還在思考用什么方式進(jìn)行展示,本有過幾個設(shè)計,但是都放棄了
utils 公共js庫
wxParse用于轉(zhuǎn)碼,把html代碼轉(zhuǎn)為小程序識別的語言
其中 pages、utils、images(轉(zhuǎn)移到assets中了)、app.json、app.js、app.wxss、project.config.json是新建小程序的時候自動生成的文件。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“案例分享小程序開發(fā)實(shí)現(xiàn)|個人博客KAPO的架構(gòu)”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!