检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AstroZero脚本概述 针对业务逻辑比较复杂的场景,AstroZero低代码平台提供了脚本(Script)能力,支持用户在线开发TypeScript脚本,完成灵活复杂的业务逻辑。 与服务编排对比 脚本是代码化的,使用TypeScript开发的。脚本是内聚的,相当于生产积木的,
设置AstroZero高级页面雷达图组件属性 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 图1 设置雷达图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
初识事件-动作 使用说明 低代码平台为组件设计了事件-动作机制,实现组件与组件、组件与页面之间的交互。 事件是应用在运行时,页面内发生的动作或者用户执行的操作(例如单击组件、组件加载等)。 动作是响应事件后,按照设定的方式,对事件做出回应(如页面跳转)。例如,用户在网页上单击一个
组装“派单”对话框 “派单”对话框负责指定下一环节的工单状态和处理责任人,用标准页面功能实现。 派单界面的大致构想如图1所示,其中“工单ID”是为了传递维修工单信息。 图1 派单员派单对话框 页面模型负责与页面组件交互,传递派单需要的工单ID、工单状态、下一环节处理人等信息。结合页面需求,可知需要创建如下模型:
设置AstroZero标准页面分页组件属性 当数据量较多时,可以使用分页组件,快速进行数据切换。分页组件一般与表格组合使用时,分页组件可以对表格数据进行分页显示、数据切换,系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
背景及原理(服务编排) AstroZero的服务编排,支持对逻辑判断组件、数据处理组件,以及脚本、子服务编排、商业对象等进行可视化组合编排,实现丰富的业务功能。 了解服务编排 在传统的开发中程序员一般是基于代码进行开发,程序员需要学习内容较多,开发效率相对低一些,开发门槛也高。A
管理AstroZero高级页面 为高级页面设置水印 高级页面创建后,支持为高级页面添加水印。水印可以用于标识页面的所有者、状态或其他相关信息,建议不要过多的设置水印,可能会影响页面的美观。 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“界面”。
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
管理组件模板 查看组件模板详情 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 租户:展示用户自定义的组件模板,AstroZero支持增加、删除和修改自定义的组件模板。
如何配置组件多语言 使用说明 通过配置Widget多语言,实现Widget在不同语种环境下都可正常显示。单击下载链接,获取样例包“widget_demo_i18n.zip”。 操作步骤 参考1中操作,模板选择“widgetVueTemplate”新建Widget(示例开发包为“widget_demo_i18n
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
管理组件模板 查看组件模板详情 在AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 在页面左上方单击,选择“环境管理 > 环境配置”,进入环境配置。 在顶部主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 页面资产管理 > 组件模板”。 在“全部”页签中,单击对应的组件模板。
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在高级页面设计器中,单击,从“图表 > 雷达图”中,拖拽“雷达图”组件到画布中,如图1所示。 图1 雷达图 属性 在属性中,设置雷达图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构,告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性,如隐藏、样式、跳转等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。
是否可以多人编辑服务编排 当多人编辑已有服务编排时,为防止多人篡改,低代码平台提供了一套保护机制。假设,A用户打开X服务编排,编辑前单击锁定服务编排,A用户进行编辑,此时B用户也打开X服务编排,B用户的服务编排编辑器将自动进入锁定模式。 保持A用户对X流程的编辑设计权限。A用户编
如何生成个性化视图? AstroZero零代码中的每个工作表默认都会存在一个名叫“全部”的表格视图,您也可以根据自身业务需求,定制个性化视图。 生成个性化视图 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List