检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
/：为了让同一页面能够更好的呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。
视图 为了让同一页面能够更好的呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。
首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。
针对手机端视图，AstroZero在预览中提供手机端模拟视图，电脑端和手机端预览效果如图6所示。在电脑端视图中，商品列表单行商品数会跟随浏览器窗口的大小变化。在手机端视图中，商品列表单行商品数为1，始终为单列排布。
选择终端视图类型，支持电脑端和移动端。 参考统计页面组件介绍，从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。 如图3所示，使用了饼图、柱状图、汇总值组件，并根据表单填报数据配置组件属性。
表格（新） 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于表格（新）中的表格组件来说，更适用于移动端，但是不支持展示树形结构。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。
电脑端\移动端：为了让同一页面能够更好的呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。
Alt+Shift+W 高级页面开发界面快捷键，将开发界面切换成电脑端样式。 Alt+Shift+M 高级页面开发界面快捷键，将开发界面切换成移动端样式。 Alt+Shift+C 数据接入中复制数据推送地址到剪贴板。 Ctril+Shift+K 脚本编辑器中，删除某一行。
实现原理 图1 用户登录服务编排大致设想 如图1所示，用户登录服务编排业务逻辑实现过程如下： 通过调用“用户登录”脚本，查询登录账户密码，然后使用“决策”图元进行判断，判断当前登录的账号密码是否正确。
图1 选择页面布局 选择终端视图类型，当前支持电脑端或移动端。 参考零码组件介绍和图2，根据字段类型从左侧选择合适的组件类型拖入到中间区域，在右侧属性面板中设置组件属性。 图2 设计表单 设计完成后，单击页面右上方的“保存”，保存表单。 设计流程。
是否展现 创建的菜单项，是否在“桌面端”或“移动端”应用中显示。 可见权限 不可配置，默认所有人均可以查看此菜单项。 配置完应用的主页导航菜单后，单击页面上方的“运行 > 立即运行”，可预览效果。 主导航其它设置。
图2 设置视图页面名称 在中间区域上方，选择终端视图类型，当前支持电脑端或移动端。 根据需要从左侧选择组件拖拽到中间区域，并设置组件属性，组件属性配置说明可参考零码组件介绍。 图3 拖拽组件 在右侧单击“数据范围”，设置数据过滤条件、排序或者隐藏字段。
视图：运行到Web容器时，高级页面分为电脑端和移动端两个视图，选择需要下载的视图。 环境类型：提供服务的AstroZero环境类型。分“开发环境”、“运行环境”、“沙箱”和“不依赖”（表示运行包不依赖任何环境，包中未调用AstroZero任何环境的接口）。默认为“开发环境”。
为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。 本实践以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。
租户使用电脑，打开浏览器，登录网页版网易163邮箱。 单击上方“设置”，选择“POP3/SMTP/IMAP”。 开启“IMAP/SMTP”服务（也可同时开启“POP3/SMTP”）。 在弹出的提示框中，单击“继续开启”。
在应用中首次添加高级页面时，支持设置视图（电脑端、手机端）。 拖拽自定义组件“userLogin”到页面。 单击左上角，打开组件列表，单击“全部”。在“自定义”页签，搜索到“userLogin”组件，将其拖进页面编辑区。
社区求助 华为云社区是华为云用户的聚集地。这里有来自服务的技术牛人，为您解决技术难题。
最新动态 本文介绍了Astro轻应用 AstroZero（原应用魔方 AppCube）各特性版本的功能发布和对应的文档动态，新特性将在各个区域（Region）陆续发布，欢迎体验。 2023年1月 序号 功能名称 功能描述 阶段 相关文档 1 优化零代码基础能力 新增定位、部门组件。
None 服务介绍 华为云Astro轻应用服务视频 介绍AstroZero中的低代码能力 05:15 低代码开发介绍 华为云Astro轻应用服务视频 介绍AstroZero中的零代码能力 05:19 零代码开发介绍 新手入门 华为云Astro轻应用服务视频 介绍AstroZero中的开发者用户和权限
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
