微信小程序頁(yè)面怎么寫,小程序 Page 構(gòu)造器
2020-09-27
導(dǎo)讀：你可以觀察到 pages/logs/logs 下其實(shí)是包括了4種文件的，微信客戶端會(huì)先根據(jù) logs.json 配置生成一個(gè)界面，頂部的顏色和文字你都可以在這個(gè) json 文件里邊定義好。緊接著客戶端就會(huì)裝載這...
程序與頁(yè)面
你可以觀察到 pages/logs/logs 下其實(shí)是包括了4種文件的，微信客戶端會(huì)先根據(jù) logs.json 配置生成一個(gè)界面，頂部的顏色和文字你都可以在這個(gè) json 文件里邊定義好。緊接著客戶端就會(huì)裝載這個(gè)頁(yè)面的 WXML 結(jié)構(gòu)和 WXSS 樣式。最后客戶端會(huì)裝載 logs.js，你可以看到 logs.js 的大體內(nèi)容就是:
Page({
data: { // 參與頁(yè)面渲染的數(shù)據(jù)
logs: []
},
onLoad: function () {
// 頁(yè)面渲染后 執(zhí)行
}
})
Page 是一個(gè)頁(yè)面構(gòu)造器，這個(gè)構(gòu)造器就生成了一個(gè)頁(yè)面。在生成頁(yè)面的時(shí)候，小程序框架會(huì)把 data 數(shù)據(jù)和 index.wxml 一起渲染出最終的結(jié)構(gòu)，于是就得到了你看到的小程序的樣子。
在渲染完界面之后，頁(yè)面實(shí)例就會(huì)收到一個(gè) onLoad 的回調(diào)，你可以在這個(gè)回調(diào)處理你的邏輯。
有關(guān)于 Page 構(gòu)造器更多詳細(xì)的文檔參考 注冊(cè)頁(yè)面 Page 。
第二部分：如何開通一個(gè)小商店
掃碼免費(fèi)領(lǐng)取運(yùn)營(yíng)資料包
