vue框架小程序開發技術學習報告

我們需要做的是一個掃碼點餐系統,從便捷性上看,基於微信小程序的前端是一個非常不錯的選擇。微信小程序開發的官方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文件,作爲該頁面組件的配置文件,設置頁面標題等功能。


這就是首次技術學習報告的內容,學習理解了小程序官方框架的構成和用途,具體實現會在後面進行學習。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章