支付宝的官方注册入口支付宝注册网站首页( 二 )

代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。在代码编辑区修改任何代码都会重新编译，然后自动刷新应用。
工具针对 my 接口和 axml 提供了大量的自动补全提示，以帮助开发者提高效率。
六.示例代码点击创建项目后会出现项目模版选择界面，我们可以选择 Hello World 模版项目做为我们的初始项目，这个项目已经初始化了一些样例文件，例如必不可少的 app.js, app.json 以及具体页面的 js, axml, acss. 其中 .js 后缀的是逻辑脚本文件，.json 后缀的是配置文件, .acss 后缀的是样式文件, .axml 后缀的是模版文件。启动后，小程序会根据 app.js 生成小程序实例（
https://docs.alipay.com/mini/framework/app）。
接下来我们具体讲解下小程序的各个组成部分：
1.app
app.js 是小程序公共的逻辑脚本文件，在这个文件中可以监听小程序的生命周期，声明全局变量，调用框架提供的丰富 API，如以下所示的存储以及获取用户信息 API，更多 API 参见 API 文档（
https://docs.alipay.com/mini/api）。

文章插图
△点开大图查看更清晰哦（下同）
app.json 是属于小程序的全局配置，在这个 json 文件中可以记配置小程序的页面集合，
通用的的状态栏、导航条、标题、窗口背景色等。更多配置参见文档配置（
https://docs.alipay.com/mini/framework/app#app.json）。
app.acss 是小程序的公共样式，可以在页面的 axml 中直接使用 app.acss 定义的选择器，影响所有页面的样式。
上例中的 page 为框架支持的特殊选择器，会匹配框架提供的页面根节点容器。
2.page
在这个示例中，我们有两个页面，Todo List 页面和 Add Todo 页面，他们都在 pages 目录下。小程序的所有页面路径必须写在 app.json 中，路径从项目根目录开始且不能包括后缀名，pages 的第一个页面就是小程序的首页。
每一个小程序页面（
https://docs.alipay.com/mini/framework/page）是由同路径下的四种类型文件组成，即.js 后缀的逻辑脚本文件，.json 后缀的配置文件，.acss 后缀的样式文件, .axml 后缀的模版文件。
3.Todo List 页面
todos.axml 为页面结构模版文件：

文章插图
使用
<view/>（https://docs.alipay.com/mini/component/view）,
<image/>（https://docs.alipay.com/mini/component/image）,
<text/>（https://docs.alipay.com/mini/component/text）,
<button/>（https://docs.alipay.com/mini/component/button）,
<label/>（https://docs.alipay.com/mini/component/label）,
<checkbox/>（https://docs.alipay.com/mini/component/checkbox）,
来搭建页面结构以及 a:for （
https://docs.alipay.com/mini/framework/axml#列表渲染）绑定 todos 数据，并将 todos 数据循环展开节点。
绑定数据可以查阅视图层（
https://docs.alipay.com/mini/framework/axml）文档，绑定事件可以查阅事件处理（
https://docs.alipay.com/mini/framework/events）文档。
todos.js 是页面的逻辑脚本文件:

文章插图
在这个文件中可以：

监听并处理页面的生命周期函数 (onHide, onShow, onLoad, onUnload, onReady) 。
获取小程序实例以及其他页面实例 (getApp, getCurrentPages) 。
声明并处理数据 (data) 。
响应页面交互事件，调用 API 等。

监听并处理页面的生命周期函数 (onHide, onShow, onLoad, onUnload, onReady) 。

特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

支付宝的官方注册入口 支付宝注册网站首页( 二 )

支付宝的官方注册入口支付宝注册网站首页( 二 )