检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建自定义标准组件 平台内置了很多标准组件,详情请参见平台标准组件介绍。同时页面经常会有一些通用的交互模块,例如“人员选择”、“部门选择”等,这些页面交互模块可能会在多个页面中用到,逻辑也相对独立。面对这个情况,平台提供了让开发者自己创建组件的特性,称之为“自定义标准组件”。通过
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
占位符:设置占位符,可辅助元素对齐,让页面更整齐。 可清空:是否可清空输入值。 默认值:输入框默认值。 图标:输入框图标,仅在输入框类型下有效。 图标位置:输入框中的图标位置。 最大字符长度:输入框取值最大字符长度。 最大宽度:输入框最大的宽度。 表单校验 当组件在表单中时,可
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称
更多介绍,请参见属性绑定。 基本属性:基本属性通过数据绑定后,在运行时以数据绑定的值为准。 配置菜单:单击“设置”,可设置菜单。 图标:配置菜单的图标。 文本内容:配置菜单的显示名称。 RUL类型:菜单跳转页面的URL类型,如“常量”、“选择页面”。 地址:当“URL类型”为“常
占位符:设置占位符,可辅助元素对齐,让页面更整齐。 可清空:是否可清空输入值。 默认值:输入框默认值。 图标:输入框图标,仅在输入框类型下有效。 图标位置:输入框中的图标位置。 最大字符长度:输入框取值最大字符长度。 最大宽度:输入框最大的宽度。 表单校验:当组件在表单中时,可
下拉框 下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“下拉框”组件至页面工作区域,如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2
返回库页面,在“租户”页签,可查看到已上传的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图4。 图4 新建标准页面 在“基本组件 > 基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图5所示。
如何调测标准页面 标准页面开发完成后,需要预览调测,验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后,需要预览调测,验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
设置应用布局样式。 图1 设置应用布局 主题颜色:系统预置了很多主题供您选择。 图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧”等),在右侧“样式设置”区域
模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应,例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“模态框”组件至页面工作区域,如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。 模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,
设置AstroZero标准页面下拉框组件属性 下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑
进行处理,可选择任务页面类型为标准页面。标准页面预置了以下几种与BPM流程相关的组件,供BPM关联标准页面时使用。 流程-动作 流程-历史 流程-附件 流程图 当标准页面使用了如上组件,如图1所示,BPM又关联了该标准页面,BPM启动时,会自动在标准页面中传入流程实例ID、流程名
射规则。 根据OAuth2标准协议,返回体一般如图3所示。由于不同的第三方实现的情况可能不一样,返回的不一定是标准的键值。例如,有些第三方接口返回的是“accessToken”,而不是“access_token”,所以平台需要对这些不标准的键值映射成标准的。 图2中配置的消息体属
设置AstroZero标准页面表格(新)组件属性 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于设置AstroZero标准页面表格组件属性中的表格组件来说,更适用于移动端,但
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后,支持检查标准页面性能,生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方,单击“性能分析”,系统会检查页面性能,并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析
上传 上传组件用于上传文件。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“上传”组件至页面工作区域,如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返