這篇文章給大家分享的是有關微信小程序開發(fā)之小程序架構(gòu)的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

公司主營業(yè)務：成都網(wǎng)站設計、做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出和碩免費做網(wǎng)站回饋大家。

一、小程序架構(gòu)

每個小程序的結(jié)構(gòu)都是由兩個主要部分構(gòu)成：主體部分 + 各個頁面。

類似于許多框架，主體部分主要用于核心的配置，各個頁面主要用于不同業(yè)務場景。

1.1，主體部分主要由3個文件構(gòu)成

1）app.js：小程序邏輯，初始化APP

2）app.json ：小程序配置，比如導航、窗口、頁面http請求跳轉(zhuǎn)等

3）app.wxss：公共樣式配置

主體配置完成之后，就是對應的業(yè)務開發(fā)了，也就是開發(fā)者最常操作的頁面。小程序頁面設計基本上也是遵循 MVC 結(jié)構(gòu)進行構(gòu)建。

MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件設計典范，
用一種業(yè)務邏輯、數(shù)據(jù)、界面顯示分離的方法組織代碼，將業(yè)務邏輯聚集到一個部件里面，
在改進和個性化定制界面及用戶交互的同時，不需要重新編寫業(yè)務邏輯。MVC被獨特的發(fā)展起來用于映射傳統(tǒng)的輸入、
處理和輸出功能在一個邏輯的圖形化用戶界面的結(jié)構(gòu)中。

1.2，頁面由4個文件構(gòu)成

1）js：頁面邏輯，相當于控制層（C）；也包括部分的數(shù)據(jù)（M）

2）wxml：頁面結(jié)構(gòu)展示，相當于視圖層（V）

3）wxss：頁面樣式表，純前端，用于輔助wxml展示

4）json：頁面配置，配置一些頁面展示的數(shù)據(jù)，充當部分的模型（M）

如圖

代碼結(jié)構(gòu)參考

二、配置 app.json

簡單介紹核心架構(gòu)配置，詳細內(nèi)容請參考小程序開發(fā)文檔。

app.json

全局配置頁面文件的路徑、窗口表現(xiàn)、設置網(wǎng)絡超時時間、設置多 tab 等。

pages
接受一個數(shù)組，每一項都是字符串，來指定小程序由哪些頁面組成

window
用于設置小程序的狀態(tài)欄、導航條、標題、窗口背景色。

tabBar

通過 tabBar 配置項指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應頁面。

tabBar 配置數(shù)組，只能配置最少2個、最多5個 tab，tab 按數(shù)組的順序排序。

networkTimeout
可以設置各種網(wǎng)絡請求的超時時間。

debug

true/false

可以在開發(fā)者工具中開啟 debug 模式，在開發(fā)者工具的控制臺面板，調(diào)試信息以 info 的形式給出，其信息有Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā) 。 可以幫助開發(fā)者快速定位一些常見的問題。

page.json
每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置。 頁面的配置比app.json全局配置簡單得多，只是設置 app.json 中的 window 配置項的內(nèi)容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

感謝各位的閱讀！關于“微信小程序開發(fā)之小程序架構(gòu)的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：微信小程序開發(fā)之小程序架構(gòu)的示例分析
文章路徑：http://m.newbst.com/article4/jhedie.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、面包屑導航、靜態(tài)網(wǎng)站、服務器托管、網(wǎng)站設計公司、網(wǎng)頁設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)