注冊

微信小程序頁面怎么寫,小程序 Page 構(gòu)造器

2020-09-27
導讀:你可以觀察到 pages/logs/logs 下其實是包括了4種文件的,微信客戶端會先根據(jù) logs.json 配置生成一個界面,頂部的顏色和文字你都可以在這個 json 文件里邊定義好。緊接著客戶端就會裝載這...

  程序與頁面

  你可以觀察到 pages/logs/logs 下其實是包括了4種文件的,微信客戶端會先根據(jù) logs.json 配置生成一個界面,頂部的顏色和文字你都可以在這個 json 文件里邊定義好。緊接著客戶端就會裝載這個頁面的 WXML 結(jié)構(gòu)和 WXSS 樣式。最后客戶端會裝載 logs.js,你可以看到 logs.js 的大體內(nèi)容就是:

微信小程序頁面怎么寫,小程序 Page 構(gòu)造器

  Page({

  data: { // 參與頁面渲染的數(shù)據(jù)

  logs: []

  },

  onLoad: function () {

  // 頁面渲染后 執(zhí)行

  }

  })

  Page 是一個頁面構(gòu)造器,這個構(gòu)造器就生成了一個頁面。在生成頁面的時候,小程序框架會把 data 數(shù)據(jù)和 index.wxml 一起渲染出最終的結(jié)構(gòu),于是就得到了你看到的小程序的樣子。

  在渲染完界面之后,頁面實例就會收到一個 onLoad 的回調(diào),你可以在這個回調(diào)處理你的邏輯。

  有關(guān)于 Page 構(gòu)造器更多詳細的文檔參考 注冊頁面 Page 。

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)