# 1 用户场景
不少用户在开发移动端页面都或多或少遇到这样的场景：对设计器不熟悉感到操作困难、自己设计的页面不够美观布局容易错乱等等。这篇文章会教你如何解析移动页面结构，并分维度进行移动页面开发。学完本文，你应该可以轻松完成移动页面的开发了。
# 2 功能介绍
## 2.1 移动页面核心模型
我们使用剥洋葱法来解析移动页面，从外到内依次为：应用、页面、页面片段、控件/字段。
可以将移动端应用划分为4个维度，而页面划分为3个维度：页面级别、页面片段级别、控件／字段级别。
针对这三个维度，我们分别提供了**页面模板、场景卡片、控件方案**三个功能，来支持移动端页面快速开发。
## 2.2 页面模板
页面模板是指可以覆盖整个移动页面的模板，我们选择页面模板，可以直接实现单个页面的开发。
目前我们已经在设计器中提供了15个页面模板，其中包括：6个列表页面模板、3个表单录入页面模板、4个首页页面模板、2个个人中心页面模板。
## 2.3 场景卡片
场景卡片**是我们将页面划分为很多个片段，然后提取出来的片段级别的模板**，可以灵活搭配，取若干个场景卡片拼接成一个完整页面，也可以用来替换已经存在的页面中的任意片段。
## 2.4 控件方案
控件方案是指，使用控件本身已经实现的属性，搭配出不同的视觉效果，供用户选择，点选方案一键生成视觉，减少用户配置属性的时间，提升开发效率。
目前支持控件方案的控件包括：
1. 列表卡片：提供了20个卡片列表方案
2. 标签控件：划分为状态标签、属性标签、其他标签
3. 按钮控件：划分为大按钮、中按钮、小按钮、图文按钮
4. 工具栏控件：划分为底部tab栏、纯按钮工具栏、图文按钮工具栏
# 3 操作步骤
以下三步可以快速完成移动页面开发：
1.选择页面模板
2. 绑定字段实体
3. 调整页面细节
