156-0102-3311
联系QQ 284710375
首页 > 技术分享 > Other
分享到:收藏

微信小程序开发——框架结构2017-12-20 22:34:14

杨宇潇 原创文章,转载请标明出处
微信小程序框架结构

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"}这样来改变

打赏

阅读排行

    大家都在搜

    博客维护不易,感谢你的肯定
    扫码打赏,建议金额1-10元
  • 15601023311