剛好這幾天空閑時(shí)間比較多,就來(lái)記錄下開(kāi)發(fā)一個(gè)小程序,粗略版博客(這個(gè)是零基礎(chǔ)入門(mén)篇幅,比較繁瑣,若已經(jīng)入門(mén),請(qǐng)忽略)
1、新建項(xiàng)目
選擇無(wú)AppID模式
進(jìn)入項(xiàng)目初始化
2、文件講解
小程序里面一個(gè)文件夾就是一個(gè)頁(yè)面,包含四個(gè)文件。
.js結(jié)尾的是腳本文件。
.wxml是頁(yè)面標(biāo)簽文件,即類(lèi)似我們?cè)仁褂玫膆tml標(biāo)簽一樣。
.wxss是樣式文件,即是我們?cè)仁褂玫腸ss3.
3、開(kāi)始開(kāi)發(fā)
打開(kāi)文件app.json,page對(duì)象表示每添加一個(gè)頁(yè)面,就需要往里面加一條路由,名稱(chēng)必須和文件夾和文件一致。
4、路由導(dǎo)航
由于小程序默認(rèn)首頁(yè)是index,在首頁(yè)觸發(fā)事件后我們需要進(jìn)行處理
編輯blog文件夾下面blog.wxml,里面添加“<view>這個(gè)是我個(gè)人博客</view>”,編輯index文件里面的index.js文件,添加路由,完成后保存文件(一定要保存),點(diǎn)擊開(kāi)發(fā)工具左側(cè)菜單欄“編譯”,然后就進(jìn)入頁(yè)面
進(jìn)入主頁(yè)后,點(diǎn)擊下,觸發(fā)我們剛剛綁定的函數(shù),跳轉(zhuǎn)到我們的頁(yè)面