|-app.json|-app.js|-pages|-index|-index.fxml|-index.js这个结构分为两层:顶层App脚本描述整体程序,页面脚本描述每一页。2.项目配置文件app.json顶层的app.json文件用于整个项目的配置,对所有页面都有效。app.json中有几个重要的属性:属性类型必填描述pagesstring[]是页面路径列表windowObject否全局默认窗口性能tabBarObject否底部/顶部标签栏性能debugboolean否是否启用调试模式,默认关闭subpackagesObject[]否Subpackage结构配置usingComponentsObject否全局自定义组件配置如何定义这些属性?示例代码如下:{"pages":["pages/index/index"],"window":{"backgroundTextStyle":"light",//下拉加载样式,只支持深色/浅色"navigationBarBackgroundColor":"#fff",//导航栏的颜色"navigationBarTitleText":"Home",//导航栏的文字,默认为空。"navigationBarTextStyle":"black"//导航栏的文字颜色,只支持黑色(black)或白色(white),默认为白色。},"debug":true}3.小程序初始化文件app.js用于初始化整个小程序。app.js文件只需要执行一个函数App({/parameter/}),主要参数如下,参数可选。属性类型说明触发时机onLaunchFunctionLifecycleCallback——监听小程序初始化时触发,在小程序初始化时触发(全局只触发一次)从后台显示到前台回调——监听小程序隐藏onErrorFunction错误监听函数,当小程序从前台进入后台时触发,存在时触发,该函数会随页面信息一起回调。其他不受限制。开发人员可以自由地向Object参数添加任何功能或数据。使用它访问示例代码如下:App({onLaunch(){//显示本地存储能力constlogs=wx.getStorageSync('logs')||[]logs.unshift(Date.now())wx.setStorageSync('logs',logs)},globalData:{userInfo:null}})4.页面文件index.js页面js文件负责初始化页面实例和配置当前页面的行为属性。同样,页面js文件只需要执行一个函数Page({/parameter/}),主要参数如下,参数可选。属性类型描述了dataObject页面的初始数据onLoadFunction生命周期回调——页面加载时触发onShowFunction生命周期回调——监听页面显示onReadyFunction生命周期回调——监听页面初始渲染完成onHideFunction生命周期回调——监听页面隐藏onUnloadFunction生命周期循环回调——监听页面卸载onPullDownRefreshFunction触发下拉刷新并执行onReachBottomFunction页面触底时执行onShareAppMessageFunction执行onShareAppMessageFunction转发onPageScrollFunction页面滚动触发事件的处理函数onTabItemTapFunction当前标签页被点击时,触发其他触发器任何开发者可以在Object参数中添加任意函数或数据,在本页面的函数中使用this访问示例代码如下:Page({data:{motto:'HelloWorld'},onLoad(){}})5.页面文件index.fxml页面fxml文件是我们ed来描述小程序页面,类似于HTML语言。示例代码如下:
