检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
设置完成后,单击“发布”,即可将高级页面发布为模板。 高级页面发布为模板后,可以基于模板创建新的页面,也可以管理页面模板。 基于高级页面模板,创建新的高级页面。 在添加高级页面时,可选择基于已创建的模板创建新的高级页面。 图4 选中模板创建高级页面 预览或删除高级页面模板。 在AstroZero环境配置的“维护
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
(可选)单击高级页面后的,为高级页面添加目录。 高级页面默认存放在根目录下,在创建高级页面前,您可以先创建高级页面存放的目录,也可以在高级页面创建后将其拖拽到指定目录。 将鼠标放在已创建的高级页面目录上,单击,进入添加高级页面。 如果未创建高级页面目录,请直接单击高级页面后的,进入添加高级页面。
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后,支持检查标准页面性能,生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告。
的事件以更新数据。 为了方便演示说明,新建一个标准页面,向页面中拖动一个“按钮”组件和一个“模态框”组件。将模态框绑定在一个数据模型上,当按钮被单击时模态框弹出,实现组件间通过数据模型交互的效果,如图2。 图2 “值绑定”示例页面 选中“模态框”组件,在右侧属性配置面板配置值绑定
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
修改完成后,单击页面右上角的,进入更新组件页面。 单击“更新”,返回组件详情页面。 单击“预览”,可查看到展示文本已变为“Hello, I am AstroZero Studio”。 图6 预览效果 管理自定义组件版本 如果更新的组件已用于高级页面中,需要在“页面设置 > 插件”
管理页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理禁用资产 管理页面模板 父主题: 应用管理
调测AstroZero高级页面 在高级页面开发过程中,经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中,常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后,支持检查高级页面性能,生成性能报告页,供开发者查看。 检查页面性能 打开要进行性能检查的高级页面,在浏览器开发者工具中,勾选“Disable cache”属性。 在Chrome浏览器中,按下“F12”或者“Ctrl
单击高级页面后的,设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。 图12 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小,单击页面上方的,保存高级页面。
BPM与页面的交互模式采用了业界“依赖反转”的设计模式。一般情况下,页面之间的跳转应该在页面的事件代码中定义,但在页面上是无法确定下一步应该做什么,因此,又需要依赖BPM进行页面的跳转,即“依赖反转”。这种做法的好处在于,可以复用页面而无需考虑页面的下一步是什么。 在标准页面中与BPM交互
在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图1 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。 打开方式:设
路由导航(示例):通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据页面提供更多的交互模式。 选项卡:用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时,可通过
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后,选中该组件,会在右侧显示该组件的属性配置面板。在属性配置面板中,可以对该组件在页面显示属性风格进行配置,使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明,在标准页面设计界面左侧组件区域,将鼠标
单击“页面”后的“+”,在添加标准页面中选中“基于模板”。 设置页面的标签和名称,单击“下一步”。 表2 标准页面参数说明 参数 说明 标签 输入标准页面的标签名,用于在页面显示,创建后可修改。 取值范围:1~64个字符。 名称 输入标准页面的名称,名称是标准页面在系统中的唯一标识,创建后不可修改。命名要求如下:
管理页面级数据源、全局状态 使用说明 页面组件之间,可以通过配置事件和动作进行信息交互。当页面组件较多,且需要进行信息交互时,频繁的给每个组件去定义事件或动作就比较繁琐了。此时,可以通过定义全局状态,来实现页面级所有组件中数据信息的更新。 低代码平台高级页面支持设置全局状态,通过
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表(派单员)”页面相比,大致功能一致,仅多了一个创建工单功能,和操作列中的删除按钮。因为两个页面很相似,所以为了快速创建,将通过“工单列表(派单员)”页面另存一个页面,然后再改造这个另存后的页面成为“管理员管理工单”页面。 “工单
中数据。 图6 为对象添加数据 新建对象模型。 在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”,将页面从设计视图切换到模型视图。 单击“新增模型”,输入模型名称(如productCost