接著上一篇微信應用號,小程序開發(上)
這里是一篇實例
- 新建一個項目,打開一個
HelloWorld
Paste_Image.png
- 看一下項目目錄的文件。
Paste_Image.png
-
這個項目目錄中,
app.js
是小應用的基本入口,包含了對于登錄接口的調用,獲得用戶數據
Paste_Image.png -
app.json
這個文件是對于這個應用外觀的一些配置項,包括字體和導航菜單等樣式的配置以及對于路由頁面的配置
Paste_Image.png -
在說一下對于一個完整的頁面而言,其實小程序就是對于node和react的打包實現所以基本的一個頁面也是采用HTML+CSS得實現方式,那么對于一個頁面而言,比如說
index
頁面部分,.wxml
,.xss
就是包裝版的HTML(XML)或是CSS。
Paste_Image.png
Paste_Image.png 那么嘗試些一個小的應用
- 先在
app.json
中進行配置,新增一個新的頁面,就直接丟到index下
Paste_Image.png - 新建一個
hello.wxml
和一個hello.js
,因為不做特別的用處,所以直接將index.js
的代碼copy過來就好了
Paste_Image.png - 同樣操作
hello.wxml
為了區別它和index的不同,給它加上一個<image>標簽,隨便丟張圖片
Paste_Image.png - 再在配置文件
app.json
中加上一個list作為一個導航鏈接
Paste_Image.png - 切換到調試界面點擊重啟,觀看效果
Paste_Image.png
Paste_Image.png
暫時就到這里吧,可以還不能在真機上進行測試~唉
參考文檔