微信小程序开发文档.doc

图灵机器人API（小程序是运行在客户端的，不可能写服务器代码，所以就不可能有相对路径了） 文件结构 框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个框架程序主体部分由三个文件组成，必须放在项目的根目录，如下： 文件 必填 作用 app.js 是 小程序逻辑 app.json 是 小程序公共设置 app.wxss 否 小程序公共样式表 一个框架页面由四个文件组成，分别是： 文件类型 必填 作用 js 是 页面逻辑 wxml 是 页面结构 wxss 否 页面样式表 json 否 页面配置 注意：为了方便开发者减少配置项，我们规定描述页面的这四个文件必须具有相同的路径与文件名。 配置 我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的简单配置app.json ： { pages: [ pages/index/index, pages/logs/index ], window: { navigationBarTitleText: Demo }, tabBar: { list: [{ pagePath: pages/index/index, text: 首页 }, { pagePath: pages/logs/logs, text: 日志 }] }, networkTimeout: { request: 10000, downloadFile: 10000 }, debug: true } app.json 配置项列表 属性 类型 必填 描述 pages Array 是 设置页面路径 window Object 否 设置默认页面的窗口表现 tabBar Object 否 设置底部 tab 的表现 networkTimeout Object 否 设置网络超时时间 debug Boolean 否 设置是否开启 debug 模式 pages 接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。 文件名不需要写文件后缀，因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。 如开发目录为： pages/ pages/index/index.wxml pages/index/index.js pages/index/index.wxss pages/logs/logs.wxml pages/logs/logs.js app.js app.json app.wxss 则，我们需要在 app.json 中写 { pages:[ pages/index/index pages/logs/logs ] } window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #000000 导航栏背景颜色，如#000000 navigationBarTextStyle String white 导航栏标题颜色，仅支持 black/white navigationBarTitleText String 导航栏标题文字内容 backgroundColor HexColor #ffffff 窗口的背景色 backgroundTextStyle String dark 下拉背景字体、loading 图的样式，仅支持 dark/light enablePullDownRefresh Boolean false 是否开启下拉刷新，详见页面相关事件处理函数。 注：HexColor（十六进制颜色值），如#ff00ff 如 app.json ： { window:{ navigationBarBackgroundColor: #ffffff, navigationBarTextStyle: black, navigationBarTitleText: 微信接口功能演示, backgroundColor: #eeeeee, backgroundTextStyle: light } } tabBar 如果我们的小程序是一个多 t