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

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

下面為大家介紹：

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

對(duì)于中大型項(xiàng)目需明確劃分功能模塊，小程序文件目錄如下：

assets：靜態(tài)資源

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

components：公用組件

templates：公用模板

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

但構(gòu)造組件成本較高，json、wxml、wxss、js 需齊備：

反之模板較輕便，構(gòu)造 wxml 接收 page data 即可：

 

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

更多小程序資訊，盡在：m.zytcm.com.cn/xiaocx/