• 概览
  • 目录结构
  • 方法说明

概览

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

 


  
├── app.js

  
├── app.json

  
├── app.css

  
├── project.swan.json

  
└── pages

  
 └── index

  
 ├── index.swan

  
 ├── index.css

  
 ├── index.js

  
 └── index.json

  
 └── detail

  
 ├── detail.swan

  
 ├── detail.css

  
 ├── detail.js

  
 └── 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、注册页面、页面路由。