微信小程序出來有一段時(shí)間了硫豆，目前正處于公測(cè)階段龙巨，官方還不給個(gè)人注冊(cè)。熊响。好在我發(fā)現(xiàn)開發(fā)工具可以下載旨别，也能夠開發(fā)模擬器程序，雖然很無奈不能上傳應(yīng)用和限制了部分API汗茄，但就個(gè)人學(xué)習(xí)而言也夠了秸弛。所以跨過注冊(cè)啊、工具啊洪碳、創(chuàng)建項(xiàng)目什么的递览，咱們直接入坑啃代碼。
1.項(xiàng)目結(jié)構(gòu)
1.1 ?小程序的核心
就和我們以往的開發(fā)項(xiàng)目一樣瞳腌，你的項(xiàng)目工程一定會(huì)有一些核心文件組成的主體部分绞铃，而小程序的核心文件如下：
這三個(gè)文件必須放在根目錄下，微信小程序會(huì)讀取這些文件嫂侍，并生成小程序?qū)嵗?/p>
1.2 小程序的用戶界面
既然小程序是用來和用戶直接打交道的儿捧，那必然少不了用戶界面的。小程序的用戶界面集中放在pages目錄下挑宠，pages內(nèi)包含1～N個(gè)獨(dú)立頁(yè)面菲盾，每個(gè)獨(dú)立頁(yè)面最多由四個(gè)文件組成：
為了方便開發(fā)者少配置項(xiàng)，規(guī)定描述頁(yè)面的四個(gè)文件必須具有相同的路徑與文件名各淀，如圖：
2.全局配置
2.1 app.json的說明
app.json文件負(fù)責(zé)對(duì)微信小程序進(jìn)行全局配置懒鉴，決定頁(yè)面文件的路徑，窗口表現(xiàn)碎浇，設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間临谱，設(shè)置多個(gè)tab等咆畏。
2.2 app.json配置項(xiàng)掃盲
2.3 pages
接受一個(gè)數(shù)組，每一項(xiàng)都是字符串吴裤，來指定小程序由哪些頁(yè)面組成旧找。每一項(xiàng)代表對(duì)應(yīng)頁(yè)面的信息，數(shù)組的第一項(xiàng)代表小程序的初始頁(yè)面麦牺。小程序中新增/減少頁(yè)面钮蛛，都需要對(duì) pages 數(shù)組進(jìn)行修改。
2.4 TabBar
如果我們的小程序是一個(gè)多tab應(yīng)用剖膳，那么我們可以通過tabBar配置指定的tab欄的樣式魏颓，以及tab切換時(shí)的對(duì)應(yīng)頁(yè)面。tabBar是一個(gè)數(shù)組吱晒，只能配置最少2個(gè)甸饱，最多5個(gè)tab，tab安數(shù)組的數(shù)序排序仑濒。
其中的list屬性叹话，必須接受一個(gè)數(shù)組，數(shù)組中的每一項(xiàng)都是一個(gè)對(duì)象墩瞳，屬性如下：
2.5 networkTimeout
networkTimeout負(fù)責(zé)設(shè)置各種網(wǎng)絡(luò)請(qǐng)求時(shí)間
2.6 debug
可以在開發(fā)者工具中開啟debug模式驼壶，在開發(fā)者工具的控制臺(tái)面板，調(diào)試信息以info的形式給出喉酌，其信息有Page的注冊(cè)热凹，頁(yè)面路由，數(shù)據(jù)更新泪电，事件觸發(fā)般妙。
最后貼個(gè)簡(jiǎn)陋的效果吧，千里之行相速，始于足下碟渺。
