检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建空白表单,即在表单画布中,根据字段数据类型选择合适的组件,通过拖拽编排实现表单的构建。表单及其对应的视图、统计表等组成了应用。 创建空白表单 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在“全部应用”中,将鼠标放到已创建的应用上,单击,选择“编辑”。 在应用编辑页面
中,显示新创建的工单,则说明提交按钮的“点击”事件执行正确。 如果页面跳转到工单列表页面,且在查询结果中显示新创建的工单,则说明验证成功。 图2 验证结果样例 验证派单功能。 单击“工单列表(派单员)”,进入“工单列表(派单员)”页面,查看页面是否显示上一步创建的工单,且每条记录后都有派单图标。
管理库 AstroZero支持用户通过引用第三方库的方式,在降低组件开发复杂度的同时丰富组件的功能。因此,库是支撑高级页面组件运行的第三方依赖。若缺少相应的库,则页面组件不能正常运行。在AstroZero环境配置中,可管理当前环境中该账号下的库资产。 查看库详情 在AstroZero服
标准页面中预置的API 在开发标准页面时,可以通过编写JS代码,来实现页面组件与后台接口之间的交互。如图1所示,在编写JS代码时,可直接使用系统预置的API。 系统预置的API代码结构样例如下,提供事件上下文context,用于封装常用的对象及API。 context ├──$app
和第三方登录接口返回的用户属性相同的字段。 其中,属性“email”和“phone”可以映射为空,当对端没有对应的“name”和“extIdentityID”字段返回时,可以都配置成“userName”属性对应的字段,“userName”属性对应的字段是必填的。 在“身份源配置”
如图5,表示当部门ID相同时,取两个对象表数据中的交集。对象联结最多支持三个Object连接,两个Object之间的连接条件由各自的字段及操作符所组成,连接条件可以有多条。 图5 配置关联关系 每个“A”对象的记录至少关联一条“B”的记录:表示结果取满足对象之间设定条件的“且”合集。 “A”对象的记录可以关联或不
配置账号的公司信息 使用说明 账号是AstroZero进行资源隔离的基本单位,账号之间是相互隔离的。一个账号类似于一个公司,每个账号下可以有很多的用户。账号管理主要是通过公司配置来对外呈现,支持修改账号的默认时区,默认语言等信息。此处的设置,会影响到以匿名用户身份来访问AstroZero时的语言信息及时区信息。
字体大小:设置水印字体的大小。 旋转角度:水印的旋转角度,取值范围-180~180,即逆时针或者顺时针旋转180度。 透明度:水印的透明度设置。 事件 在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进
属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
网关(Gateways):根据条件,分发的网关图元。网关用来控制流程的执行流向,可理解为决策、判断。 活动(Activities):提供用户交互或系统调用的图元,是工作流的核心图元,可理解为节点或步骤,例如调用事件、用户需要做的任务。 图1 工作流组成图元 开始 常规的开始事件,开始类型分以下两种:
接,两个对象之间的连接条件由各自的字段及操作符所组成,连接条件可以有多条。 图4 配置关联条件 表2 关联条件参数说明 参数 参数说明 每个“A”对象的记录至少关联一条“B”的记录 表示结果取满足对象之间设定条件的且合集。 “A”对象的记录可以关联或不关联“B”的记录 表示结果取满足对象之间设定条件的或合集。
内容或链接:设置扫描二维码后,要展示的文本内容或者跳转的链接地址。 宽度:二维码的宽度,单位像素。默认值为150。 容错级别:二维码被遮挡或残破时依然能被识别的几率,容错级别越高抗残破或遮挡的能力就越强。 空白间距:四周空白间距,单位像素。 前景色:二维码的颜色。 背景色:背景颜色。 中间Logo:
宽度:设置边框的宽度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 角边框 宽度:设置组件边框的宽度,单位px。 长度:设置组件边框的长度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 边距:设置组件边框和图表之间的间距,单位px。 背景
图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象
图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距离顶端:组件到页面顶部的距离,单位为px。
单击画布的空白处,单击右侧,设置服务编排的出参,从全局上下文里的对象变量中拖入。 图9 设置服务编排的出参 单击服务编排页面上方的,保存服务编排。 测试服务编排能否正常执行。 单击服务编排编辑器上方的,执行服务编排。 不用输入测试数据,直接单击“运行”。 执行成功,界面上会返回设备对象中的全部设备名称数据。
宽度:设置边框的宽度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 角边框 宽度:设置组件边框的宽度,单位px。 长度:设置组件边框的长度,单位px。 颜色:设置组件边框的颜色。 弧度:设置组件边框四个角的弧度,单位px。 边距:设置组件边框和图表之间的间距,单位px。 背景
在表单中的某组件(如输入框、下拉框等)上绑定模型字段。 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,
自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
单击画布的空白处,单击右侧,设置服务编排的出参,从全局上下文里的对象变量中拖入。 图10 设置服务编排的出参 单击服务编排页面上方的,保存服务编排。 测试服务编排能否正常执行。 单击服务编排编辑器上方的,执行服务编排。 不用输入测试数据,直接单击“运行”。 执行成功,界面上会返回设备对象中的全部设备名称数据,样例如下: