我們需要做的是一個掃碼點餐系統,從便捷性上看,基於微信小程序的前端是一個非常不錯的選擇。微信小程序開發的官方IDE提供了一個框架,框架和vue開發類似,方便學習。
申請賬號以及下載IDE
要開發微信小程序,首先就是要申請賬號以及下載IDE,具體步驟如下:
1.官網註冊https://mp.weixin.qq.com/,並下載IDE。
2.查看官方文檔並學習。
注意事項
(1)註冊賬號之後會有一個appid,新建項目的時候需要填上,不然很多功能是用不了的,比如不能預覽,不能上傳代碼等等。
(2)如果你註冊過微信公衆號的話,一定要注意,微信公衆號和小程序是兩個賬號,二者的appid也是不同,小程序開發必須使用小程序的appid哦。
app.js
app.js是整個項目的啓動文件,可以通過js的腳本實現瀏覽器緩存進行存和取數據;登陸成功的回調;獲取用戶信息等等。
globalData是定義整個項目的全局變量或者常量。
app.json
app.json是整個項目的配置文件,它指定了項目的啓動頁面以及樣式表,也可以自己設定樣式。
pages文件夾
裏面存放着小程序的頁面,有幾個頁面就有幾個文件夾。
index文件夾
與普通的web開發類似:
1.index.wxml對應index.html。
2index.wxss對應index.css。
3.index.js就是js文件哦。
一般我們還會給每個頁面組件添加一個.json文件,作爲該頁面組件的配置文件,設置頁面標題等功能。
這就是首次技術學習報告的內容,學習理解了小程序官方框架的構成和用途,具體實現會在後面進行學習。