小程序開發(fā)中基本模塊及目錄說明

開發(fā)一款小程序在如今移動互聯(lián)網(wǎng)時代非常普遍，那么對于開發(fā)一個基本的小程序項目其基本的模塊以及文件目錄怎樣。

下面為大家介紹：

一個最基本的小程序項目需具備：app.js(入口文件)、app.json(全局配置)、app.wxss(通用樣式)、pages/(頁面)。pages/ 下的每一頁面擁有獨自的 .js、.json、.wxss。

對于中大型項目需明確劃分功能模塊，小程序文件目錄如下：

assets：靜態(tài)資源

及 tabBar 支持引用本地靜態(tài)資源，而 wxss 中background-image不支持，但支持引用 base64 及網(wǎng)絡資源。

components：公用組件

templates：公用模板

組件與模板的應用場景易混淆。父節(jié)點可向組件也可向模板傳入 data 控制其視圖。然組件的優(yōu)勢在于其數(shù)據(jù)監(jiān)聽、事件監(jiān)聽、生命周期等機制，自行科普component 構造器你便明了。

但構造組件成本較高，json、wxml、wxss、js 需齊備：

反之模板較輕便，構造 wxml 接收 page data 即可：

 

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

更多小程序資訊，盡在：descansotropical.com/xiaocx/