
# 1 用户场景
不少用户在开发移动端页面都或多或少遇到这样的场景:对设计器不熟悉感到操作困难、自己设计的页面不够美观布局容易错乱等等。这篇文章会教你如何解析移动页面结构,并分维度进行移动页面开发。学完本文,你应该可以轻松完成移动页面的开发了。
# 2 功能介绍
## 2.1 移动页面核心模型
我们使用剥洋葱法来解析移动页面,从外到内依次为:应用、页面、页面片段、控件/字段。

可以将移动端应用划分为4个维度,而页面划分为3个维度:页面级别、页面片段级别、控件/字段级别。

针对这三个维度,我们分别提供了**页面模板、场景卡片、控件方案**三个功能,来支持移动端页面快速开发。
## 2.2 页面模板
页面模板是指可以覆盖整个移动页面的模板,我们选择页面模板,可以直接实现单个页面的开发。
目前我们已经在设计器中提供了15个页面模板,其中包括:6个列表页面模板、3个表单录入页面模板、4个首页页面模板、2个个人中心页面模板。

## 2.3 场景卡片
场景卡片**是我们将页面划分为很多个片段,然后提取出来的片段级别的模板**,可以灵活搭配,取若干个场景卡片拼接成一个完整页面,也可以用来替换已经存在的页面中