华为云用户手册

  • 初识BPM 在经典版应用设计器中,将光标放在应用的某个目录上,单击“+”,选择“BPM”。在弹出的“添加工作流”中,设置BPM的标签和名称后,单击“添加”,即可进入BPM设计界面。 图1 创建BPM BPM设计界面由上方按钮区域、左侧面板图元区域、中间画布工作区域和右侧属性配置区域四部分组成。 图2 BPM设计界面 表1 BPM设计界面说明 序号 分类 功能说明 1 按钮区域 功能按钮区域,包括锁定、解锁、启用(或者禁用)、保存、另存为新版本或者新BPM、运行、操作回退、撤销回退、启用流跟踪器以及切换版本的操作。支持快捷键操作,即可脱离鼠标直接用键盘操作。 2 面板图元区域 BPM的组成图元,详细介绍请参见BPM图元。 3 画布工作区域 设计操作区域,在该区域可对BPM进行具体流程设计、组件放置。 选中图元或者泳道按“Delete”,可进行删除操作。 4 属性配置区域 整个BPM、泳道(Lane)或者图元属性设置区域。 当选择BPM中图元时,右侧配置区域为该图元的属性设置区域。 当选择BPM中空白区域时,右侧配置区域为该BPM的设置区域。 当选择泳道左侧标签时,右侧配置区域为该泳道的属性设置区域。
  • 如何使用发送邮件图元 在基本中,拖拽“发送邮件”图元至画布中。 选中发送邮件图元,单击,设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签,用于在服务编排设计页面展示。系统会自动填入该值,格式为Email序号,序号从“0”开始,表示同类型图元序号。 名称 设置图元的名称,名称为图元在服务编排中的标识,请确保在当前服务编排中唯一。命名要求如下: 长度范围为1~80个字符。 必须以英文字母开头,由英文字母,数字和单下划线组成,且不能以下划线结尾。 描述 请根据实际需求,在输入框中输入图元的描述信息。 取值范围:1~255个字符。 单击,在“发送邮件”页面进行配置。 图1 配置直接编辑邮件 图2 配置基于模板邮件 表2 发送邮件图元配置参数说明 参数 说明 直接编辑 手动设置邮件信息。 基于模板 基于同一租户或基线里已有的邮件模板,设置邮件主题和内容。 模板 当选中“基于模板”时,需要选择邮件模板。如何新建邮件模板,请参见邮件模板。 主题 邮件标题。 当选中“直接编辑”时,需要配置邮件标题。 当选中“基于模板”时,该参数配置区域置灰。 内容 邮件内容。 当选中“直接编辑”时,需要配置邮件内容。 当选中“基于模板”时,该参数配置区域置灰。 自定义变量 当选中“基于模板”时,需要配置模板中的参数,在“值”中进行赋值。 地址 接收人的邮箱地址。 文本:直接输入邮箱地址,多个地址请用分号分隔,或者从全局上下文拖拽变量代表一个接收人的邮箱地址。 集合:表示可以从全局上下文拖拽集合变量,集合变量即数组型变量,表示多个接收人的邮箱地址。在定义变量时勾选“是否为数组”,则该变量被定义为集合变量。 抄送 抄送人员的邮箱地址,直接输入分号分隔的字符串或者从全局上下文拖拽变量。 密送 秘密发送人员的邮箱地址,直接输入分号分隔的字符串或者从全局上下文拖拽变量。 是否同步发送 是否开启同步发送功能。
  • 只读/编辑控件 “只读/编辑控件”内置动作,用于控制标准页面中全部或部分组件是否可编辑。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“只读/编辑控件”。 在右侧页面中,单击“添加控件”,选择需要设置的组件,单击“确定”。 图10 选择组件 设置组件是否可编辑,单击“创建”。 图11 是否可编辑 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览设置后的效果。
  • 弹出页面 在标准页面中,“弹出页面”内置动作通常用于实现弹出窗口或对话框的功能。以单击“提交”按钮,弹出“提交成功”的提示页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“弹出页面”,配置目标页面、窗口选项,单击“创建”。 图3 弹出页面 目标页面:设置弹出的目标页面类型。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 窗口可拖拽:窗口是否可来回拖拽。 窗口标题:弹出窗口的标题内容。 窗口位置:弹出窗口在屏幕的位置,如屏幕中央或屏幕顶部居中。 窗口宽度:窗口的宽度,单位像素。 窗口高度:窗口的高度,单位像素。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“提交”按钮,可预览按钮的事件效果。
  • 显示/隐藏控件 “显示/隐藏控件”内置动作,用于控制标准页面中全部或部分组件是否可见。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“显示/隐藏控件”。 在右侧页面中,单击“添加控件”,选择需要设置的组件,单击“确定”。 图6 选择组件 设置组件是否显示,单击“创建”。 图7 组件是否显示 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览设置后效果。
  • 启用/禁用控件 “启用/禁用控件”内置动作,用于控制标准页面中全部或部分组件是否启用。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“启用/禁用控件”。 在右侧页面中,单击“添加控件”,选择需要设置的组件,单击“确定”。 图8 选择组件 设置组件是否启用,单击“创建”。 图9 设置是否启用 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览设置后效果。
  • 弹出消息对话框 在标准页面中,“弹出消息对话框”内置动作通常用于弹出消息对话框。以单击“确定”按钮,弹出“创建实例成功”的消息对话框为例进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”,单击“弹出消息对话框”,设置相关参数,单击“创建”。 图5 弹出消息对话框 消息类型:弹出的消息类型,如成功、错误、警告和提示。 标题:消息对话框左上角,显示的标题。 消息内容:消息对话框中,显示的消息内容。 内容作为HTML渲染:内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击,开启此属性时,请确保传入的内容是可信的。 按钮:消息对话框中,显示的按钮名称。 弹出后延时自动关闭:弹出后,是否支持延时自动关闭。勾选后,需要设置延时秒数。 例如:勾选该参数,并设置延时3秒。效果为弹出消息对话框后,3秒后自动关闭该弹框。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“确定”按钮,可预览按钮的事件效果。
  • 打开页面 在标准页面中,“打开页面”内置动作通常用于实现页面的跳转功能。以单击“立即体验”按钮,打开新的产品体验入口页面为例,进行介绍。 在标准页面设计界面,选中按钮组件。 在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图2 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。 打开方式:设置目标页面的打开方式,如在新标签页中打开或在当前窗口打开。 参数绑定:当打开的页面URL中,有参数时,可单击“添加”,设置页面URL路径中的参数。 返回标准页面开发界面,单击页面上方的,保存页面。 单击,预览页面,单击“立即体验”按钮,可预览按钮的事件效果。
  • 通过内置动作编排事件 参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的页面上,单击,选择“编辑”。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的“+”,进入添加动作页面。 在“内置动作”中,单击“重置表单”,选择需要重置的表单,单击“创建”。 图1 添加动作 本示例选择“重置表单”内置动作,其他内置动作功能介绍,如表1所示。 表1 内置动作功能说明 内置动作 功能介绍 打开页面 该预置动作,用于在当前页面中打开当前应用中已创建好的页面。 弹出页面 该预置动作,用于在当前页面中弹出当前应用中已创建好的页面。 关闭弹出页面 该预置动作,用于关闭弹出页面。 弹出消息对话框 该预置动作,用于弹出消息对话框,如成功、错误、警告和提示等。 显示/隐藏控件 该预置动作,用于控制页面上的全部或部分组件是否可见。 启用/禁用控件 该预置动作,用于控制页面上的全部或部分组件是否可用。 只读/编辑控件 该预置动作,用于控制页面上的全部或部分组件是否可编辑。 打印 该预置动作,用于将页面数据提交到表单中,和重置表单配置类似。 提交表单 该预置动作,用于打印表单中的字段。 BPM 在工作流中经常使用到“用户任务”图元,表示在业务流程中由用户参与完成某些工作,如填写表单提交数据、进行审批等。“用户任务”会关联一些页面呈现给用户进行处理。标准页面预置了几种与工作流流程相关的事件,供工作流关联标准页面时使用。 BPM-提交实例 该预置动作用于将数据提交到工作流,与预置的API“context.$工作流.submitInstance (variables:object)”效果相同。 BPM-提交任务 该预置动作用于将数据提交到工作流,与预置的API“context.$工作流.submitTask (variables:object)”效果相同。 BPM-转派任务 该预置动作用于转派工作流中的用户任务。 BPM-更改变量 该预置动作用于设置工作流中的变量值,与预置的API“context.$工作流.putVariables (variables:object, instId: string)”效果相同。 BPM-加载变量 该预置动作用于获取工作流中的参数变量,与预置的API“context.$工作流.loadVariables()”效果相同。 返回标准页面开发界面,单击页面上方的,保存页面,并单击,预览页面。 在表单中输入数据,单击“重置”按钮,可预览按钮的事件效果。
  • 属性值绑定 在列表视图的“属性”页签,单击“数据绑定”中的,绑定数据模型。 模型实例化必须为数组,详情请参见绑定数据模型、增加查询条件、工具栏。 图3 绑定数据模型 向列表视图中拖入栅格容器,将栅格容器设置为6行2列,再向前5行中拖入标签组件,并设置标签属性。 属性值绑定。 选择第一行、第二列中的标签,单击右侧“属性值绑定”的“+”,新增属性值绑定。 其中,“属性”设置为“文本内容”,再单击,添加模型字段,将模型字段绑定到当前标签上。 图4 属性值绑定 重复上一步,为其他行的标签组件进行属性值绑定。 在第6行拖入一个按钮,设置为“Handle”。 在页面上方,单击,保存页面。 保存成功后,单击,进入预览页面,预期效果是否符合预期。 进行属性值绑定的标签组件,显示绑定的模型字段内容。 图5 通过属性值绑定获取模型中的数据
  • 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。 属性值绑定,用于对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。更多介绍,请参见属性绑定。 基本属性:基本属性通过数据绑定后,在运行时以数据绑定的值为准。 无数据显示:无数据时,显示的名称。 列数(PC):设置PC端显示列数。 列数(Mobile):设置移动端显示列数。 列数排列方式:选择列数排列方式,如居中、左对齐和右对齐等。 显示加载中:当要展示的内容较多时,用户看到页面内容可能需要稍长时间,开启加载中效果,体验会更好。 移动端配置:列表视图在移动端的设置。 下拉刷新:下拉是否刷新列表。 默认数据条数:设置移动端列表视图,默认展示数据的数量。 显示加载文字:是否显示上拉加载文字。 异步加载:和事件(on-load-data)配合使用,上拉加载时,异步获取数据。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏该组件。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的 CSS 样式类名,可在 CS S代码中进行引用。
  • 基本属性 基本属性通过数据绑定后,在运行时以数据绑定的值为准。 默认分页大小:设置默认每页条数(分页大小)。 每页条数切换的配置:每页条数切换的配置,如[10,20,40,100]。 大小:分页显示大小,可选值为“小”和“默认”。 简洁版:是否简洁版显示分页样式。 AUI风格:是否展示AUI风格。 显示跳转:是否显示跳转,显示后可设置快速跳转到某一页。 显示分页:是否显示分页,显示后可设置具体的分页大小。
  • 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,支持的单位有px、em和%。 阴影:设置阴影颜色、模糊、扩散等,支持的单位有px、em和%。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
  • 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事件)中调用这些API,以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成,当前支持与服务编排或脚本映射。关于服务模型的详细介绍,请参见服务编排和脚本。 参数根据后台服务的入参、出参,映射生成为inputParam和outputParam节点。 系统自动生成run方法 ,用于执行模型关联的服务编排或脚本。 $model.ref("modelName").run(); 事件 事件模型由后台事件的字段映射生成,并且支持websocket刷新模型数据。 参数根据后台事件的字段映射生成。 直接使用 直接使用 除了在模型中定义的方法,低代码平台还提供了如下标准API,适用于所有的模型。 获取模型数据:$model.ref("modelName").getData(); 设置模型数据:$model.ref("modelName").setData(); 设置模型字段值:$model.ref("modelName").setValue(key,value); 在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。 单击“下一步”,设置方法。 方法一般无需添加,如需添加或修改,可参考对象和服务默认生成的方法。 设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事件)中调用这些API,以实现某些功能。详细介绍,请参见表1。 图3 定义模型 在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。 单击“下一步”,设置方法。 方法一般无需添加,如需添加或修改,可参考对象和服务默认生成的方法。 设置完成后,单击“确定”。
  • 开启日志监控 选择以下任意一种方式,进入日志跟踪页面。 方式一:在AstroZero经典版应用设计器中,单击左下角的,进入日志跟踪页面。 图1 在App开发页面开启日志跟踪 方式二:在AstroZero经典版环境配置中,单击页面右下角的,进入日志跟踪页面。 图2 进入日志跟踪页面 单击,可以开启十分钟内的AstroZero的后台日志追踪。 如果需要停止跟踪,可单击,将停止追踪且不会获取日志文件。 图3 开启日志跟踪 表1 日志跟踪参数说明 参数 说明 日志级别 日志级别,取值说明如下: 会话级:只打印当前会话的日志。 租户级:打印租户所有会话的日志。 日志类型 日志类型,取值说明如下: 业务日志:输出业务相关的跟踪日志。 完整日志:输出业务日志,以及数据库、中间件等的详细日志,主要用于AstroZero问题定位。 下载日志文件。 单击下载,可下载日志文件。下载后会自动停止跟踪,日志格式为“时间|操作ID|业务部件|动作描述”。 单击,可从新窗口打开日志跟踪页面。 单击,可最小化显示日志跟踪页面。 单击最小化图标后,日志跟踪页面将会被隐藏。在AstroZero管理中心页面的右下角,可以看到日志跟踪剩余时间。单击该时间,将重新弹出日志跟踪页面。 图4 日志跟踪时间
  • 创建空白脚本 参考登录经典应用设计器中操作,登录经典版应用设计器。 将光标放在某个文件夹(例如Logic)上,单击,选择“脚本”。 图1 选择创建图标“+” 选择“创建一个新脚本”,设置脚本名称(如httpTest),单击“添加”,进入脚本编辑器。 图2 新增脚本 在脚本编辑器中,将以下脚本代码粘贴到代码编辑区。 import * as http from 'http' // 导入http库 let client = http.newClient() // 实例化 let resp = client.get("https://www.example.com/")// 请求网址 console.log(resp.headers) // 打印返回headers 单击页面上方的,保存脚本。 运行测试脚本。 单击编辑器上方的,执行脚本。 在页面底部单击测试窗口右上角的,返回消息头信息。 { Age: [ '10309' ], Cache-Control: [ 'no-store' ], Content-Type: [ 'text/html; charset=utf-8' ], Date: [ 'Thu, 01 Dec 2022 03:41:39 GMT' ], Expires: [ 'Wed, 30 Nov 2022 22:01:57 GMT' ], Pragma: [ 'no-cache' ], Processtime: [ '0.049' ], Server: [ 'PAAS-WEB' ], Set-Cookie: [ 'HMF_CI=596020aa4dbe4b6***42343ba04a; Expires=Sat, 31-Dec-22 03:41:39 GMT; Path=/' ], Strict-Transport-Security: [ 'max-age=31536000' ], Ws-S2h-Acc-Level: [ '1' ], X-Content-Type-Options: [ 'nosniff' ], X-Download-Options: [ 'noopen' ], X-Frame-Options: [ 'SAMEORIGIN' ], X-Powered-By: [ 'ASP.NET' ], X-Via: [ '1.1 PSjsczsxga60:2 (Cdn Cache Server V2.0), 1.1 uzhoudianxin101:13 (Cdn Cache Server V2.0), 1.1 wdx18:10 (Cdn Cache Server V2.0)' ], X-Ws-Request-Id: [ '63882273_wdx18_41265-37840' ], X-Xss-Protection: [ '1; mode=block' ] } 以上步骤已完成了一个简单脚本的编写,如果后续其他脚本、服务编排、编译打包等需要继续使用该脚本,则必须单击页面上方的,启用该脚本。如果未启用,其他组件无法查询到该脚本,查询时会报错该脚本不存在或未启用。 后续在新版本功能中如果需要更新该脚本,可单击编辑器上方的,选择“新建版本”,在新建的版本中更改脚本并保存、测试及启用。单击编辑器上方的,选择对比版本,可将当前版本与历史版本进行比对。
  • 使用说明 AstroZero通过对接软件开发生产线(CodeArts)和代码托管(CodeArts Repo),提供应用代码托管、代码检查、代码编译、验证、部署、发布功能,实现软件持续集成(Continuous Integration,简称CI)和持续交付(Continuous Delivery,简称CD)。 软件开发生产线(CodeArts)是集华为近30年研发实践、前沿研发理念、先进研发工具为一体的一站式云端DevOps平台,面向开发者提供的云服务,即开即用,让开发者快速而又轻松地开启云端开发之旅。更多介绍,请参见软件开发生产线(CodeArts)产品文档。 代码托管CodeArts Repo(原CodeHub)源自华为千亿级代码管理经验,基于Git,提供企业代码托管的全方位服务,为软件开发者提供基于Git的在线 代码托管服务 ,包括代码克隆/下载/提交/推送/比较/合并/分支/Code Review等功能。更多介绍,请参见代码托管(CodeArts Repo)帮助文档。
  • 步骤3:进行代码托管 将AstroZero上开发的应用代码元数据归档到代码仓库。这里以归档某开发环境某个应用为例进行说明,您可对多个配置代码库的AstroZero环境的多个应用进行代码托管。 返回AstroZero经典版开发环境首页,单击某一需要归档代码的应用,进入应用开发页面。 参考图11和图12,在左侧单击。 首次归档应用代码,所有代码显示在“未暂存的更改”下,单击后面的“+”,再单击。设置归档描述信息,单击“确认”,即可归档该应用所有代码。支持选择部分代码归档,在需要归档的代码目录后,单击“+”进行操作即可。 图11 归档代码 图12 设置归档描述 单击“源代码管理”后的,打开代码仓库首页。 图13 提交代码 在代码仓库“文件”页签下,单击“Application”,可查看应用的归档代码。 图14 查看归档应用 图15 查看应用代码 代码仓库“提交网络”页签是以流向图的形式展现了某条分支或标签的整个提交(commit)历史(包括动作、时间、提交者、提交系统生成备注和手动填写备注)以及提交历史的关系。
  • 应用的生命周期 应用的开发阶段 应用是一个工程,可以创建对象模型,编辑标准页面和高级页面,开发服务编排和脚本逻辑,开发商业应用业务流程等。在AstroZero的开发环境中,可以快速实现底层逻辑的开发。 应用的部署阶段 应用是一个可安装的包,可以实现不同账号间和不同环境间的迁移,用户只要下载和导入这个应用包就可以部署应用。 应用的运行阶段 应用是一个可预览的运行界面。业务用户获取应用访问地址后,即可登录并使用应用。
  • 支持创建的应用类型 标准应用 标准应用是可独立运行的管理类应用,是一个实现了某种业务管理的可运行应用程序。AstroZero低代码平台为了降低应用开发成本,提高应用开发效率,内置了丰富的应用模板,当业务与应用模板中的场景相似度较高时,可以尝试使用应用模板创建,并在模板应用的基础上继续改造应用。 扩展应用 当需要基于已有应用或解决方案(不是单一的应用,某一解决方案会涉及到多个应用)进行定制时,可选择创建扩展类型的应用。通过该方式创建的应用,可复用已有资产,可乐高式搭建组装后,稍加定制便可满足业务需求,大大提高开发效率。 扩展应用和BO的区别:扩展应用基于的原有应用可理解为一个基础的类,被扩展后相当于重写了其中的一些方法。而BO则像一个库,等待其他应用的引入。 BO 业务对象(BO)是封装了完整的数据模型、业务逻辑、页面展现的软件单元。一个BO提供一个完整场景的服务,为上层应用提供特定服务。不同用户可以开发各自的BO,在BO里创建逻辑使其具有特定的业务功能,开发好后制作成用户包并进行发布。下载用户包给其他用户,其他用户安装BO包后,在上层应用(需要使用该BO服务的应用)里导入发布好的BO,即导入特定的业务功能进行使用。 例如,设备BO,为上层应用提供对设备的统一语义,对设备自身能力进行抽象封装,不包含对设备的运营运维管理能力。告警BO,对园区的所有告警提供统一语义,从各个子系统和上层应用获取告警数据,统一模型统一展现。GIS服务BO,提供对GIS子系统的租户管理、地图管理、位置服务接口的封装和标准化接口。您可以基于设备BO、告警BO以及GIS服务BO等多种BO资产,创建智能烟雾感应应用,完成设备数据的接入、处理分析以及告警监控功能。 原生服务 开发者线下开发了一些服务,服务运行在Docker容器中。开发者希望可将线下开发的这些服务集成到AstroZero上,供AstroZero内部应用或者其他第三方系统调用时,此时可通过创建原生服务引入线下开发的原生服务。
  • 检查页面性能 打开要进行性能检查的高级页面,在浏览器 开发者工具 中,勾选“Disable cache”属性。 在Chrome浏览器中,按下“F12”或者“Ctrl + Shift + I”,开启开发者工具。 在“Network”页签,勾选“Disable cache”属性(即禁用缓存)。 在进行页面性能检查时,如果不勾选该选项,性能检查会读取缓存中的数据,导致性能检查结果不准确。 图1 勾选“Disable cache”属性 在已发布的高级页面上方,单击“性能分析”,进入页面性能分析报告页面。 开发者工具请保持打开状态,关闭后“Disable cache”属性会自动不勾选。同时请确保高级页面已发布,如果未发布,单击高级页面上方的,发布页面。 图2 查看性能分析报告 在页面性能报告中,单击各指标后的“展开”,可查看性能指标详情。 图3 查看性能指标详情
  • 应用安装场景 应用开发编译发布成应用包后,可在开发环境、沙箱环境和运行环境中安装使用。应用包典型安装场景,有如下两种: 应用包的开发者租户,可以在当前租户的运行环境以及沙箱环境安装应用资产包,安装后进行测试或直接部署运行该应用。 其他租户可以在开发环境安装应用源码包,进行二次开发、参考或查看。在沙箱环境、运行环境中安装应用资产包,进行测试或直接部署运行该应用。 什么是源码包?与资产包有什么区别,详细介绍请参见导入导出应用源码包。
  • 安装应用有哪些方式 AstroZero低代码平台提供了如何通过导入方式安装应用和如何在我的仓库安装应用两种应用安装方式,请根据实际操作场景,选择安装应用的方式。应用安装场景及对应的安装方式介绍,如表1所示。 表1 应用安装场景及方式 场景 应用包来源 安装方式 安装环境 用途 安装当前租户 我的仓库 我的仓库 沙箱、运行环境 测试、部署运行 线下获取的应用资产包 导入方式 沙箱、运行环境 测试、部署运行 安装其他租户的应用 线下获取的应用源码包/资产包 导入方式 开发环境 二次开发、参考或查看 说明: 导入应用源码包支持二次开发,导入资产包只支持查看。如何编译应用包,请参见导入导出应用源码包。 线下获取的应用资产包 导入方式 沙箱、运行环境 测试、部署运行
  • 样式 针对有丰富前端开发经验的用户,可通过“样式”面板对页面进行更深度的个性化布局定制。 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,支持的单位有px、em和%。 阴影:设置阴影颜色、模糊、扩散等,支持的单位有px、em和%。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
  • 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事件)中调用这些API,以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义,可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成,关于对象模型的详细介绍,请参见对象。 系统自动获取Object所有的字段,开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成,当前支持与服务编排或脚本映射。关于服务模型的详细介绍,请参见服务编排和脚本。 参数根据后台服务的入参、出参,映射生成为inputParam和outputParam节点。 系统自动生成run方法 ,用于执行模型关联的服务编排或脚本。 $model.ref("modelName").run(); 事件 事件模型由后台事件的字段映射生成,并且支持websocket刷新模型数据。 参数根据后台事件的字段映射生成。 直接使用 直接使用 除了在模型中定义的方法,低代码平台还提供了如下标准API,适用于所有的模型。 获取模型数据:$model.ref("modelName").getData(); 设置模型数据:$model.ref("modelName").setData(); 设置模型字段值:$model.ref("modelName").setValue(key,value); 在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。 单击“下一步”,设置方法。 方法一般无需添加,如需添加或修改,可参考对象和服务默认生成的方法。 设置完成后,单击“确定”。 属性值绑定:将容器组件的某个属性,如隐藏、样式、弹性布局等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。 在“数据绑定”中,单击“属性值绑定”后的“+”。 在“属性”下拉框中,选择容器的某个属性。 在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事件)中调用这些API,以实现某些功能。详细介绍,请参见表1。 图3 定义模型 在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。 单击“下一步”,设置方法。 方法一般无需添加,如需添加或修改,可参考对象和服务默认生成的方法。 设置完成后,单击“确定”。
  • 创建聚合对象并通过Lookup关联子节点对象 参考登录经典应用设计器中操作,进入应用的经典版设计器。 鼠标放在应用的文件夹旁,单击加号,选择“聚合对象”。 选择“创建新的聚合对象”,输入基本信息后单击“添加”。 图1 新建聚合对象 表2 新建聚合对象参数说明 参数 参数说明 标签 聚合对象的在页面显示的名称。 名称 聚合对象的名称,是在系统中的唯一标识。 描述 聚合对象的描述信息。 在“根节点”中,选择根节点对象。 根节点对象为该聚合对象的基础对象。这里根节点对象设置为“Product__CST”。选择根节点对象后,该节点对象的所有字段详情会显示在右下侧区域空白处。 图2 设置根节点对象 单击节点对象详情框中的“+”,选择与根节点关联的对象“Price__CST”,添加关联对象,只能向子对象进行关联。 图3 选择关联对象 选择两个对象之间的关联字段“product__CST”。 两个关联对象之间,可能会有多个字段进行关联。此处,请选择希望进行关联的具体字段。 图4 选择关联字段 选择关联字段后,关联对象“Price__CST”的所有字段详情会显示在区域中。两个关联对象之间会有连线,连线上显示关联的具体字段标签。 图5 关联结果 参考5~6,添加与根节点关联的对象“Stock__CST”。 图6 添加关联对象“Stock__CST” (可选)您可单击节点名称,在右侧“Properties”区域设置“Label”参数取值,设置节点名称,以区分不同节点。 表3 节点名属性区域参数说明 参数 参数说明 标签 节点在界面的展示名称。 名称 节点的名称,是节点在系统中的唯一标识。 实体对象 节点的对象名。 对象字段 所用到的,该节点对象的字段。目前只能选该对象全部字段,不支持选择部分字段。 父对象 节点对象的父对象。 子对象 节点对象的子对象。 单击页面上方的,保存该聚合对象的设置。
  • 场景描述 新建一个订单聚合对象,该聚合对象中产品对象通过Lookup关联价格、库存子节点对象,并基于该订单聚合对象定义增加操作。再通过属性配置,关联客户对象。 表1 对象说明 对象名 自定义字段名 字段类型 字段说明 Product__CST description__CST text 产品描述。 Price__CST product__CST Lookup 产品描述。该字段的取值来源于“Product__CST”对象。 price__CST Currency 产品价格。 Stock__CST remain__CST Number 库存数量。 product__CST Lookup 产品描述。该字段的取值来源于“Product__CST”对象。 Customer__CST - - -
  • 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 将鼠标放在应用的某个文件夹上(如Logic),单击“+”,选择“决策表”。 设置决策表的标签和名称,单击“添加”。 图1 创建决策表 设置输入参数和输出参数,并配置规则。 单击输入参数或者输出参数后的“+” ,可增加参数。 单击参数后的,可设置数据类型和描述信息。 图2 设置数据类型 单击“添加规则”,可设置输入参数和输出参数之间的值映射规则,从下拉框选择配置逻辑。 图3 添加规则 图4 设置后效果 单击页面上方的,保存决策表。 单击页面上方的,启用决策表。
  • 如何使用记录创建图元 在基本中,拖拽“记录创建”图元至画布中。 选中记录创建图元,单击,设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 记录创建图元的标签,用于在页面显示。系统会自动填入该值,格式为RecordCreate序号,序号从“0”开始,表示同类型图元序号。 名称 该图元的标识,请确保在当前服务编排中唯一。 描述 该图元的描述信息。 使用快速创建模式 是否启用快速创建模式。 若勾选该参数,表示为快速模式。该模式可以创建一条或者多条记录,仅需要配置对象的对象变量(与对象关联的变量)或对象变量数组。该图元负责将对象变量或对象变量数组的值写入数据库。当对象变量为数组时,则实现创建多条记录。创建成功后,返回的记录ID自动保存在对象变量中。创建记录的各个字段的值为对象变量中的值,因此一般需要在创建记录之前先给对象变量进行赋值。 不勾选,表示为普通模式。该模式下每次执行到该图元仅创建一条记录,需要配置要创建记录的对象名,对象中字段的值,返回的记录ID保存到变量名中。 默认不勾选。 单击,在“记录创建”页面进行配置。 若上一步勾选“使用快速创建模式”,则需要指定一个预先定义的对象变量或者对象变量数组,并将该对象变量或对象变量数组拖拽到“变量”输入框中,使用该对象变量或对象变量数组的值创建新记录。如下图所示,使用“accountCreate”对象变量的值创建新记录。 图1 快速创建模式 表2 快速创建模式参数说明 参数名 参数说明 变量 预先定义的对象变量或对象变量数组,使用该对象变量或者对象变量数组的值创建新记录。 从全局上下文拖拽或直接输入对象变量/对象变量数组。 当前服务编排出现错误时回滚 勾选表示在服务编排中,当后续图元失败的情况下,就可以回滚到上一个流程。 不勾选,在服务编排中,当出现后边图元失败的情况下,对象记录操作的图元就不回滚。 默认为勾选。无特殊要求,请不要更改设置。 若上一步未勾选“使用快速创建模式”,则需要指定对象并为对象的字段赋值来创建记录。如下图所示,为“Account”对象新增“name”为“Lily”的数据记录,在变量“var_record_id”中保存新建的记录ID。 图2 普通创建模式 表3 普通创建模式参数说明 参数 参数说明 对象 指定的具体对象。 当前服务编排出现错误时回滚 当前服务编排出现错误时,回滚到上一个流程。 默认为勾选。无特殊要求,请不要更改设置。 赋值 选中对象后,该赋值区域“目标”列会出现该对象的字段。如果需要给多个字段赋值,则单击“新增行”,定义其他字段的值。 在“目标”中选择需要赋值的对象字段,“源”则可从全局上下文拖拽变量或者直接输入“{!变量名}”。 变量 将创建的记录ID分配到该变量中,以便在服务编排中引用。 从全局上下文拖拽或直接输入文本类型变量。
  • 前提条件 开发呼吸机申请服务,首先需要创建呼吸机资源对象Respirator,作为呼吸机申请服务处理的对象。 表1 Respirator对象自定义字段 字段名 字段类型 字段含义 status 文本 呼吸机当前状态,“空闲”或“使用中”。 hospital 文本 呼吸机当前所在医院。 参考经典应用开发工作台介绍中操作,登录经典版应用设计器。 将鼠标放在某个应用的目录上(例如,Model文件夹上),单击 “+”,选择“对象”。 设置对象的标签和名称为“Respirator”,单击“添加”。 图2 添加Respirator对象 在“自定义字段”页签,单击“新建”。 字段类型选择“文本”,单击“下一步”。 设置字段标签和名称为“status”,“数据长度”设置为“255”,单击“下一步”。 设置字段的访问权限,即哪些Profile可以查看或修改该字段,单击“下一步”。 添加到页面布局保持默认,即默认该字段加入所有布局,单击“保存”。 参考3~8中操作,新建“hospital”字段。
共100000条