检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroZero创建高级页面适配多终端显示 期望实现效果 当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？
电脑端和手机端视图 为了让同一网页能够完美呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。开发完成后，发布生成的高级页面为同一URL，当电脑端或移动端加载这一URL时，平台会自动检测加载相应视图页面。
例如，用户在网页上单击一个按钮，通过显示一个信息框来响应这个动作。 本章节将向您介绍低代码平台预置的常用事件及动作，以及在高级页面中如何为组件配置事件。 初识事件-动作 查看组件可配置事件列表。
电脑端和手机端视图 为了让同一网页能够完美呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。开发完成后，发布生成的高级页面为同一URL，当电脑端或移动端加载这一URL时，平台会自动检测加载相应视图页面。
例如，用户在网页上单击一个按钮，通过显示一个信息框来响应这个动作。 本章节将向您介绍AstroZero低代码平台预置的常用事件及动作，以及在高级页面中如何为组件配置事件。 初识事件-动作 查看组件可配置事件列表。
电脑端\移动端：为了让同一页面能够更好的呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。
操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“页面设置”。 在“视图”页签中，设置视图。
视图 为了让同一页面能够更好的呈现于电脑端和移动端，低代码平台提供了高级页面的电脑端和移动端两种终端视图，用户可分别对高级页面的电脑端和移动端进行定制开发。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。
借助此功能，可无实物快速对网页进行多个终端测试。 单击，可启动模拟移动设备界面，设备工具栏在打开时默认处于自适应视口模式，可以将视口大小调整为所需的任何尺寸，另外还可以选择多种终端型号。 图5 模拟移动设备 父主题： 高级页面
参考登录经典应用设计器中操作，进入经典版应用设计器。 在左侧菜单栏中，单击，选择“高级页面 > 组件”。 单击“提交新组件”，进入提交新组件页面。
选择终端视图类型，支持电脑端和移动端。 参考统计页面组件介绍，从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。 如图3所示，使用了饼图、柱状图、汇总值组件，并根据表单填报数据配置组件属性。
借助此功能，可无实物快速对网页进行多个终端测试。 单击，可启动模拟移动设备界面，设备工具栏在打开时默认处于自适应视口模式，可以将视口大小调整为所需的任何尺寸，另外还可以选择多种终端型号。 图5 模拟移动设备 父主题： 高级页面
租户使用电脑，打开浏览器，登录网页版网易163邮箱。 单击上方“设置”，选择“POP3/SMTP/IMAP”。 开启“IMAP/SMTP”服务（也可同时开启“POP3/SMTP”）。 在弹出的提示框中，单击“继续开启”。
Web页签：用于关联一个URL，将展示URL对应的网页或页面。 状态机页签：用于关联并展示一个状态机。 报表页签：用于关联并展示一个报表。 仪表板页签：用于关联并展示一个仪表板。 “页签类型”选项配置不同时，界面参数展示也有所不同，请根据“页签类型”具体选项配置参数。
表格（新） 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于表格（新）中的表格组件来说，更适用于移动端，但是不支持展示树形结构。
外部链接：支持输入URL链接进行关联，将展示URL对应的网页或页面。 是否展现 创建的菜单项，是否在“桌面端”或“移动端”应用中显示。 可见权限 不可配置，默认所有人均可以查看此菜单项。 配置完应用的主页导航菜单后，单击页面上方的“运行 > 立即运行”，可预览效果。
视图：运行到Web容器时，高级页面分为电脑端和移动端两个视图，选择需要下载的视图。 环境类型：提供服务的AstroZero环境类型。分“开发环境”、“运行环境”、“沙箱”和“不依赖”（表示运行包不依赖任何环境，包中未调用AstroZero任何环境的接口）。默认为“开发环境”。
使用AstroZero创建高级页面适配多终端显示 当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。
操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“配置”，进入应用配置页面。 在“导航条”页签中，单击菜单树后的“+”，选择“添加页签”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
