|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。 一、小程序架構每個小程序的結構都是由兩個主要部分構成:主體部分 + 各個頁面。 類似于許多框架,主體部分主要用于核心的配置,各個頁面主要用于不同業務場景。 1.1,主體部分主要由3個文件構成 1)app.js:小程序邏輯,初始化APP 2)app.json :小程序配置,比如導航、窗口、頁面http請求跳轉等 3)app.wxss:公共樣式配置 主體配置完成之后,就是對應的業務開發了,也就是開發者最常操作的頁面。小程序頁面設計基本上也是遵循 MVC 結構進行構建。 MVC全名是Model View Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,一種軟件設計典范, 用一種業務邏輯、數據、界面顯示分離的方法組織代碼,將業務邏輯聚集到一個部件里面, 在改進和個性化定制界面及用戶交互的同時,不需要重新編寫業務邏輯。MVC被獨特的發展起來用于映射傳統的輸入、 處理和輸出功能在一個邏輯的圖形化用戶界面的結構中。 1.2,頁面由4個文件構成 1)js:頁面邏輯,相當于控制層(C);也包括部分的數據(M) 2)wxml:頁面結構展示,相當于視圖層(V) 3)wxss:頁面樣式表,純前端,用于輔助wxml展示 4)json:頁面配置,配置一些頁面展示的數據,充當部分的模型(M) 如圖
代碼結構參考
二、配置 app.json 簡單介紹核心架構配置,詳細內容請參考小程序開發文檔。 app.json 全局配置頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。 pages
window
tabBar 通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。 tabBar 配置數組,只能配置最少2個、最多5個 tab,tab 按數組的順序排序。
networkTimeout
debug true/false 可以在開發者工具中開啟 debug 模式,在開發者工具的控制臺面板,調試信息以 info 的形式給出,其信息有Page的注冊,頁面路由,數據更新,事件觸發 。 可以幫助開發者快速定位一些常見的問題。 page.json
相關文章: 以上就是微信小程序開發小程序架構篇圖解的詳細內容,更多請關注php中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!