微信小程序开发——框架结构 - 微信小程序 - 大潇博客

首页 > 技术分享 > 微信小程序

大潇博客原创文章,转载请标明出处

微信小程序框架结构

1、项目根目录的文件必须叫app，后面为不同类型的后缀
app.js、app.json必须有，app.wxss可选

app.js 一个应用程序有一个app.js，一对一的，处理全局逻辑，一个微信小程序，必须实例化一个App对象，再app.js中的代码为：

var data = {};

App(data);

app.json 全局的配置文件，公共配置

app.json文件说明：

app.json这个文件不能写任何的注释

配置文件中能有"pages"、"window"参数等等

"pages":{} 微信小程序要求所有页面都放到pages中，用逗号隔开

例如："pages/index/index"

"window":{} 文件设置页面的样式，包括状态栏、导航条、标题、窗口背景色等

app.wxss 全局的样式文件，和标准css差不多，公共样式表

2、pages下面的index

index.js (必选)程序源代码，类似控制器

index.wxml (必选)页面

index.wxss (可选)页面样式

index.json (可选)当前文件夹的配置文件

先执行文件夹中的配置文件，在执行根目录中的全局配置文件

3、utils文件夹中的js文件供pages文件夹中的其它文件调用

4、页面传参方法：

定义一个变量，比如：param，页面中需要的参数在param变量下的data参数中设置

把参数传给页面方法：page(param)

页面调用参数方法：{{mytext}}

setData函数进行刷新界面数据

不能通过this.data = {text:"htllo"}这样来改变

打赏

上一篇：第一页