小程式開發學習記錄(二)

2022-07-28 01:03:08 字數 1253 閱讀 9114

上一節,我已經給大家介紹了小程式的概念以及安裝小程式編譯器。這節,我們就來講講小程式的基本結構(主要是從官方文件總結下來):

,

"tabbar": ,]},

"networktimeout": ,

"debug": true

,}

更多的具體配置項可以到官方文件去了解:全域性配置

2.pages:用於指定小程式由哪些頁面組成,每一項都對應乙個頁面的 路徑+檔名 資訊。檔名不需要寫檔案字尾,框架會自動去尋找對於位置的.json,.js,.wxml,.wxss四個檔案進行處理。

例如如下的開發目錄:

3.window:用於設定小程式的狀態列、導航條、標題、視窗背景色。

配置window如下:

}

4.tabbar:如果小程式是乙個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabbar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。

其中 list 接受乙個陣列,只能配置最少 2 個、最多 5 個 tab。tab 按陣列的順序排序,每個項都是乙個物件,其屬性值如下:

5.networktimeout:各類網路請求的超時時間,單位均為毫秒。

6.debug:可以在開發者工具中開啟debug模式,在開發者工具的控制台面板,除錯資訊以info的形式給出,其資訊有page的註冊,頁面路由,資料更新,事件觸發等。可以幫助開發者快速定位一些常見的問題。

7.頁面配置:

每乙個小程式頁面也可以使用.json檔案來對本頁面的視窗表現進行配置。

小程式開發學習記錄(四)

這節,我們來講一下小程式的開發語言 wxml。用過vue等開發框架或者使用過雙花括號的同學對於本節的內容應該會比較熟悉。wxml跟vue語法十分的相似,有類似於vue的資料繫結,v for v if 模板 template 的結構。1.資料繫結 wxml view view page.js page...

小程式開發記錄 02

1.使用者輸入內容 插入資料庫 再通過記錄id 查詢資料顯示給使用者 2.新建main 資料夾 在根目錄json 配置為首頁 4.呼叫雲函式login 獲取openid的 存在模板中 index.js ongetopenid 5.傳送資料 先從data中獲取對應資料值 頁面和data一一對應 在元素...

小程式使用echarts記錄 二

乙個頁面需要展示2個圖表,圖表資料是請求後台得到的 如下,新增了tudata和titledata兩個屬性 for chart view mychart dom bar class mychart canvas id mychart bar tudata titledata ec ec canvas ...