商城系统 注册

小程序开发中基本模块及目录说明

2018-01-31|HiShop
导读:开发一款小程序在如今移动互联网时代非常普遍,那么对于开发一个基本的小程序项目其基本的模块以及文件目录怎样。...

开发一款小程序在如今移动互联网时代非常普遍,那么对于开发一个基本的小程序项目其基本的模块以及文件目录怎样。

下面为大家介绍:

小程序开发中基本模块及目录说明

一个最基本的小程序项目需具备:app.js(入口文件)、app.json(全局配置)、app.wxss(通用样式)、pages/(页面)。pages/ 下的每一页面拥有独自的 .js、.json、.wxss。

对于中大型项目需明确划分功能模块,小程序文件目录如下:

 

assets:静态资源

及 tabBar 支持引用本地静态资源,而 wxss 中background-image不支持,但支持引用 base64 及网络资源。

components:公用组件

templates:公用模板

组件与模板的应用场景易混淆。父节点可向组件也可向模板传入 data 控制其视图。然组件的优势在于其数据监听、事件监听、生命周期等机制,自行科普component 构造器你便明了。

但构造组件成本较高,json、wxml、wxss、js 需齐备:

 

反之模板较轻便,构造 wxml 接收 page data 即可:

 


HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序资讯,尽在:www.hishop.com.cn/xiaocx/

电话咨询 预约演示 0元开店