微信小程序开发博客项目-篇幅《一》
原先博客寫了微信小程序的開發(fā)資料:《打開微信小程序資料匯總》
微信最近更新了開發(fā)者工具,即不用破解也能使用了,下載地址:《小程序開發(fā)工具免破解下載》
相關(guān)開發(fā)文檔:《官方開發(fā)文檔》
剛好這幾天空閑時間比較多,就來記錄下開發(fā)一個小程序,粗略版博客(這個是零基礎(chǔ)入門篇幅,比較繁瑣,若已經(jīng)入門,請忽略)
1、新建項目
選擇無AppID模式
進入項目初始化
2、文件講解
小程序里面一個文件夾就是一個頁面,包含四個文件。
.js結(jié)尾的是腳本文件。
.wxml是頁面標(biāo)簽文件,即類似我們原先使用的html標(biāo)簽一樣。
.wxss是樣式文件,即是我們原先使用的css3.
3、開始開發(fā)
打開文件app.json,page對象表示每添加一個頁面,就需要往里面加一條路由,名稱必須和文件夾和文件一致。
4、路由導(dǎo)航
由于小程序默認首頁是index,在首頁觸發(fā)事件后我們需要進行處理
編輯blog文件夾下面blog.wxml,里面添加“<view>這個是我個人博客</view>”,編輯index文件里面的index.js文件,添加路由,完成后保存文件(一定要保存),點擊開發(fā)工具左側(cè)菜單欄“編譯”,然后就進入頁面
進入主頁后,點擊下,觸發(fā)我們剛剛綁定的函數(shù),跳轉(zhuǎn)到我們的頁面
進入主頁后,點擊下,觸發(fā)我們剛剛綁定的函數(shù),跳轉(zhuǎn)到我們的頁面
由于篇幅過長,所以分為兩篇,敬請期待。
微信小程序開發(fā)者群人數(shù)超過100,需要的可以加我微信 jack794666918,拉你進群
項目主體完成了,代碼上傳到Git了,獲取小程序最新開發(fā)資料,關(guān)注公眾號
總結(jié)
以上是生活随笔為你收集整理的微信小程序开发博客项目-篇幅《一》的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 量化交易入门(精华必读版)
- 下一篇: 例题:索洛模型——弹性与收敛速度