电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

三步完成移动页面开发

来源:金蝶云社区作者:金蝶2024-09-233

三步完成移动页面开发

# 1 用户场景 不少用户在开发移动端页面都或多或少遇到这样的场景:对设计器不熟悉感到操作困难、自己设计的页面不够美观布局容易错乱等等。这篇文章会教你如何解析移动页面结构,并分维度进行移动页面开发。学完本文,你应该可以轻松完成移动页面的开发了。 # 2 功能介绍 ## 2.1 移动页面核心模型 我们使用剥洋葱法来解析移动页面,从外到内依次为:应用、页面、页面片段、控件/字段。 ![image.webp](/download/0100c488ff10589d41fc9d7385380f5c0de9.webp) 可以将移动端应用划分为4个维度,而页面划分为3个维度:页面级别、页面片段级别、控件/字段级别。 ![image.webp](/download/0100ee05008400934c6aa8de64ae1eee78a0.webp) 针对这三个维度,我们分别提供了**页面模板、场景卡片、控件方案**三个功能,来支持移动端页面快速开发。 ## 2.2 页面模板 页面模板是指可以覆盖整个移动页面的模板,我们选择页面模板,可以直接实现单个页面的开发。 目前我们已经在设计器中提供了15个页面模板,其中包括:6个列表页面模板、3个表单录入页面模板、4个首页页面模板、2个个人中心页面模板。 ![640.webp](/download/010011ec19b1be1d4d568dc6542a2e7e39ca.webp) ## 2.3 场景卡片 场景卡片**是我们将页面划分为很多个片段,然后提取出来的片段级别的模板**,可以灵活搭配,取若干个场景卡片拼接成一个完整页面,也可以用来替换已经存在的页面中

三步完成移动页面开发

# 1 用户场景不少用户在开发移动端页面都或多或少遇到这样的场景:对设计器不熟悉感到操作困难、自己设计的页面不够美观布局容易错乱等等...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信