概览

小程序开发包括全局配置文件、页面配置文件。开发者可通过app.json和app.js文件对小程序进行全局配置；通过.css、.js、.json和.swan文件进行页面配置。具体结构如下：

  1. ├── app.js
  2. ├── app.json
  3. ├── app.css
  4. ├── project.swan.json
  5. └──  pages
  6.     └── index
  7.         ├── index.swan
  8.         ├── index.css
  9.         ├── index.js
  10.         └── index.json
  11.     └── detail
  12.         ├── detail.swan
  13.         ├── detail.css
  14.         ├── detail.js
  15.         └── detail.json

目录结构

新建与开发

我们看到以下几类的文件：
1、 .json 为后缀的 JSON 配置文件，配置了智能小程序所有页面的路径和界面展现样式等；
2、 .swan 结尾的 SWAN 模板文件，用来描述当前这个页面的文件结构，类似于网页中的 HTML 文件；
3、 .css 结尾的 CSS 样式文件，描述页面样式；
4、 .js 结尾的 JS 文件，处理这个页面和用户的交互。

方法说明

  • 智能小程序的逻辑层使用 JavaScript 编写；
  • 逻辑层将数据进行处理后发送给视图层，同时接受视图层的反馈。

在 JavaScript 的基础上，我们提供了一些框架方法，用以辅助开发者更容易的开发小程序。

例如以下方法和功能说明:

  • 提供了 App 和 注册页面 方法，分别用于注册小程序应用和每个页面；
  • 提供了 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈；
  • 每个页面有独立的 文件作用域 ，并提供 模块化，使得开发者更容易进行代码封装并复用；
  • 框架本身并非运行在浏览器中，所以 JavaScript 在 Web 中的一些能力都无法使用，如 document , window 等，这会使得小程序应用更接近原生；
  • 开发者所编写的代码，最终会被编译打包成一份 JavaScript 文件，并在智能小程序启动时进行加载并运行，直到智能小程序销毁。
  • 请勿在 App、Page 等构造器的参数对象中使用底层已存在的 key，注意，在 Page 中不要自定义 getData 方法，会存在冲突。

详细内容请参看注册 App、注册页面、页面路由。