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