# 微信小程序--框架

• 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
• 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。

# 一、视图层 View

• 视图层由 WXML 与 WXSS 编写，由组件来进行展示
  • WXML(WeiXin Markup language) 用于描述页面的结构
  • WXSS(WeiXin Style Sheet) 用于描述页面的样式
• 组件(Component)是视图的基本组成单元

# 二、逻辑层 App Service

• 小程序开发框架的逻辑层使用 JavaScript 引擎
• 逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈
• 框架 提供丰富的微信原生 API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，扫一扫，支付功能等
• 提供模块化能力，每个页面有独立的作用域

备：小程序框架的逻辑层并非运行在浏览器中，因此 JavaScript 在 web 中一些能力都无法使用，如 window，document 等。

# 三、页面

• 一个小程序可以有很多页面，每个页面承载不同的功能，页面之间可以互相跳转
• ​页面由配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成

# 四、程序

• 从逻辑组成来说，一个小程序是由多个“页面”组成的“程序”
• “小程序”指的是产品层面的程序，而“程序”指的是代码层面的程序实例

# 五、目录

wxchant  微信小程序根目录
├─pages               页面根目录
│  ├─index            index目录
│  │  ├─index.json    json配置文件
│  │  ├─index.wxml    wxml模版文件
│  │  ├─index.wxss    wxss样式文件
│  │  └─index.js      js逻辑事件文件
│  │
│  ├─logs             logs目录
│  │  ├─logs.json     json配置文件
│  │  ├─logs.wxml     wxml模版文件
│  │  ├─logs.wxss     wxss样式文件
│  └──└─logs.js       js逻辑事件文件
│
├─utils               公共模块目录
│  └─util.js          公共模块文件
│
├─app.json            公共json配置文件
├─app.wxss            公共wxss样式文件
├─app.js              小程序启动文件
├─project.config.json 开发者工具配置文件
└─sitemap.json        微信索引配置文件