上節(jié)中開發(fā)環(huán)境幫助自動生成很多文件，也嘗試的修改了一些并完成了顯示
小程序一個頁面有四個文件組成：
（1）js 表示頁面邏輯
（2）wxml 表示頁面結構
（3）wxss 表示頁面樣式（負責頁面外觀）
（4）json 表示頁配置（存放頁面基礎數(shù)據(jù)）
為了減少頁面配置，小程序約定這四個文件要有相同的文件名和路徑
其中 wxss 和 json 不是必須項。
js文件表示頁面的邏輯，一個小程序頁面有一個生命周期，從開始到結束需要處理的內(nèi)容都可以在這個文件中完成
Page({data:{},onLoad:function(options){// 頁面初始化 options為頁面跳轉所帶來的參數(shù)},onReady:function(){// 頁面渲染完成},onShow:function(){// 頁面顯示},onHide:function(){// 頁面隱藏},onUnload:function(){// 頁面關閉}})
Page()函數(shù)定義小程序頁面生命周期中的函數(shù)
在新項目中創(chuàng)建一個demo頁面，我們希望看到頁面加載的時候，從后臺看到一句話“歡迎來到小程序全棧工程師”
點擊編譯，就可以看到頁面顯示出來了。后臺看到了代碼，這個時候切換到調(diào)試模式，就能在看到后臺輸出的代碼了，由于我們寫的是log的方式輸出，那么要切換到Logs模式，console.log("小程序全棧工程師,頁面加載完成"); 這句代碼就是用來做控制臺輸出。
好了，如果你按上頁的步驟創(chuàng)建頁面，是看不到運行效果了。創(chuàng)建的頁面必須注冊報到，這樣就才能加載完成。
在小程序中所有的頁面都必須先注冊聲明才能使用，在app.json中需要注冊一下，寫到pages數(shù)組中，根據(jù)數(shù)組順序加載，現(xiàn)在示例代碼中就是首先加載本次項目中創(chuàng)建的小程序頁面 demo
上面講的小程序的頁面構成。一個小程序主體部分由三個文件組成，必須放在項目的根目錄
app.js
app.json
app.wxss
后面隨著項目的展開再一一說明這三個文件的使用，只需要記著這三個文件負責小程序整體的業(yè)務邏輯、外觀呈現(xiàn)、公共數(shù)據(jù)
小作業(yè)
1、小程序頁面的名字能不能和文件夾的名字不一致？
2、Page()函數(shù) 與App()函數(shù)都是寫在哪里呢？
閱讀原文進入“直播間”進行交流
文章首發(fā)微信公眾號：全棧工程師 ? ?（微信號:fullstackeer）?????
