华为云用户手册

克隆高级页面 页面创建完成后，支持将高级页面克隆到当前应用中。例如，应用A中存在两个或多个功能类似的高级页面，此时可基于已创建的高级页面克隆出一个新页面，基于克隆后的页面进行修改，减少重复创建的操作。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 将鼠标放在对应的高级页面上，单击，选择“克隆”。 输入高级页面的名称和唯一标识，单击“确认”。 克隆成功后，自动进行克隆后的高级页面。

为高级页面设置水印 高级页面创建后，支持为高级页面添加水印。水印可以用于标识页面的所有者、状态或其他相关信息，建议不要过多的设置水印，可能会影响页面的美观。 参考登录AstroZero新版应用设计器中操作，登录新版应用设计器。 在左侧导航栏中，选择“界面”。 将鼠标放在对应的高级页面上，单击，选择“设置”。 在“水印”页签，参照表1设置参数，单击“保存”。 图1 水印设置 图2 设置后效果 表1 新增水印参数说明 参数 说明 启用水印 是否给该页面启用水印。 重复渲染 当需要设置满页面水印时，开启该项。 水印内容 设置水印文本内容。 当前用户 当需要设置水印内容为当前用户名时，可开启该项。 开启后，“水印内容”中的文本不生效。 水印长度 水印矩形框的长度。 水印宽度 水印矩形框的宽度。 水平起始位置 当关闭“重复渲染”时，才可设置，表示单个水印在页面的水平起始位置。 垂直起始位置 当关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色 水印字体的颜色。 字体大小 水印字体的大小。 旋转角度 水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度 水印的透明度设置。

基本属性 流式布局 容器组件默认弹性布局未开启，处于流式布局的状态，如图5所示。 图5 流式布局 在流式布局中，组件默认为块级（Block）元素，即不论组件宽度是多少，默认占据全部父级元素的宽度。如图6所示，向画布中拖拽一个“容器”组件，再向“容器”组件中拖入两个“标题”组件，“标题”组件为块级元素，默认占据全部父级元素宽度，即外层“容器”的宽度，第二个“标题”组件会在第一个“标题”组件的下方。 图6 流式布局中组件为块级元素 流式布局中，组件由上至下依次排布，可以通过“水平对齐方式”对容器内组件进行水平位置调整，如图7、图8所示。 图7 居中水平对齐 图8 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后，布局由流式布局切换到弹性布局。在弹性布局的属性配置中，会出现“排列方向”、“水平对齐方式”和“垂直对齐方式”，如图9所示。 图9 弹性布局 为了方便说明弹性布局，向画布中拖拽一个“容器”组件，再向“容器”组件中拖入五个“容器”组件，将每个“容器”组件的宽度和高度设置为100px，并为每个“容器”组件设置不同的背景颜色，在每个“容器”中加入一个“标题”组件，分别显示A、B、C、D、E。 默认弹性布局下，排列方向为“行”，水平对齐方式为“起点对齐”，垂直对齐方式为“起点对齐”，如图10所示。 图10 弹性布局默认效果 排列方向属性决定了容器内组件的排列方向。当排列方向为“行”时，容器内组件从左到右排布。排列方向为“列”时，容器内组件从上到下排布，如图11。 图11 排列方向“列” 水平排列方式属性，决定了容器主轴方向排列方式。当容器排列方向为“行”时，水平排列方式属性作用于水平方向。当容器排列方向为“列”时，水平排列方式属性作用于垂直方向。排列方向为行时起点为左，水平对齐方式选择“中间对齐”和“终点对齐”时，如图12、图13所示。 图12 水平对齐方式选择“中间对齐” 图13 水平对齐方式选择“终点对齐” 垂直排列方式属性决定了容器交叉轴方向排列方式。当容器排列方向为“行”时，垂直排列方式属性作用于垂直方向。容器排列方向为“列”时，垂直排列方式属性作用于水平方向。当容器排列方向为行时起点为上，垂直对齐方式选择“中间对齐”和“终点对齐”时，如图14、图15所示。 图14 垂直对齐方式选择“中间对齐” 图15 垂直对齐方式选择“终点对齐” 通过对弹性布局属性的不同组合配置，实现用户想要实现的布局效果。例如，将排列方向设置为“行”，水平对齐方式和垂直对齐方式设置成“中间对齐”，实现居中布局的效果，如图16所示。 图16 弹性布局实现居中

数据绑定 将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 图3 选择设置图标 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图4 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见AstroZero对象概述。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见AstroZero服务编排概述和AstroZero脚本概述。 参数根据后台服务的入参、出参，映射生成为inputParam和outputParam节点。 系统自动生成run方法 ，用于执行模型关联的服务编排或脚本。 $model.ref("modelName").run(); 事件 事件模型由后台事件的字段映射生成，并且支持websocket刷新模型数据。 参数根据后台事件的字段映射生成。 直接使用 直接使用 除了在模型中定义的方法，低代码平台还提供了如下标准API，适用于所有的模型。 获取模型数据：$model.ref("modelName").getData(); 设置模型数据：$model.ref("modelName").setData(); 设置模型字段值：$model.ref("modelName").setValue(key,value); 在新建模型“设置”页面，执行如下操作。 如果上一步来源选择“自定义”，需要添加子节点自定义参数及类型。 如果上一步来源选择“对象”，需要配置模型关联的对象以及字段。 如果上一步来源选择“服务”，需要配置模型关联的后台服务，可以是脚本、服务编排或者公共接口。 如果上一步来源选择“事件”，需要配置模型关联的事件以及事件字段。 单击“下一步”，设置方法。 方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。

创建自定义事件 参考登录AstroZero新版应用设计器中操作，登录新版应用设计器。 在左侧导航栏中，选择“数据”。 （可选）单击事件后的，为事件添加目录。 事件默认存放在根目录下，在创建事件前，您可以先创建事件存放的目录，也可以在事件创建后将其拖拽到指定目录。 将鼠标放在已创建的事件目录上，单击，进入添加事件页面。 如果未创建事件目录，请直接单击事件后的，进入添加事件页面 选择“创建新事件”，设置基本信息，单击“添加”。 图1 添加事件 表1 新建事件参数说明 参数 说明 标签 新建事件的标签名，用于在页面展示。 取值范围：1~64个字符。 名称 输入事件的名称，名称是事件在系统中的唯一标识，创建后不可修改。命名要求如下： 长度不能超过64个字符，包括前缀命名空间和后缀的长度。 名称必须以英文字母开头，只能由英文字母、数字和单下划线组成，且不能以下划线结尾。 描述 请根据需要在文本框中，输入对该事件的描述信息。 取值范围：1~255个字符。 如果系统中已有事件，可选择“导入已有事件”，基于选中的事件，添加一个新事件。 图2 导入事件 在事件详情页面的“自定义参数”中，新增自定义参数。 自定义参数用于记录有意义的事件状态变化，可以根据需要自行创建。例如，在本章节中创建的是记录应聘者是否被录用状态变化的事件，需要新增应聘者姓名“EmployName”和招聘结果“Result”两个参数字段。 在自定义参数中，单击“新建”，进入新增参数页面。 标签和名称设置为“EmployName”，字段类型选择“文本”，单击“保存”。 图3 设置参数 表2 EmployName参数说明 参数 说明 标签 新建参数的标签名，用于在页面中展示。 取值范围：1~80个字符。 名称 新增参数在系统中的唯一标识，创建后不可修改。要求如下： 长度范围为1~64个字符。 名称必须以英文字母开头，只能由英文字母、数字和下划线组成，且不能以下划线结尾。 字段类型 请在下拉列表中，选择新建参数的字段类型，支持数字、日期、日期/时间、布尔和文本。 描述 请根据需要，在文本框中输入对该参数的描述信息。 取值范围：1~255个字符。 是否必填 参数是否必填，勾选后，表示该参数为必填字段。 默认为不勾选，即该参数为非必填参数。 参考上述操作，新增标签和名称为“Result”，字段类型为“布尔”的“Result”参数。 图4 新增Result参数 图5 自定义参数列表 在“基本信息”页签，单击“启用”，启用该事件。 事件启用后，才能在服务编排、工作流等中使用，否则选择不到该事件。

操作场景 业务对象（BO）是封装了完整的数据模型、业务逻辑、页面展现的软件单元。一个BO提供一个完整场景的服务，为上层应用提供特定服务。不同用户可以开发各自的BO，在BO里创建逻辑使其具有特定的业务功能，开发好后制作成用户包并进行发布。下载用户包给其他用户，其他用户安装BO包后，在上层应用（需要使用该BO服务的应用）里导入发布好的BO，即导入特定的业务功能进行使用。 例如，设备BO，为上层应用提供对设备的统一语义，对设备自身能力进行抽象封装，不包含对设备的运营运维管理能力。告警BO，对园区的所有告警提供统一语义，从各个子系统和上层应用获取告警数据，统一模型统一展现。GIS服务BO，提供对GIS子系统的租户管理、地图管理、位置服务接口的封装和标准化接口。您可以基于设备BO、告警BO以及GIS服务BO等多种BO资产，创建智能烟雾感应用，完成设备数据的接入、处理分析以及告警监控功能。

样式 针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面 CSS 属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写 CS S代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。 “显示”属性下方展示了当前元素的盒模型示意图，在对应的数字位置单击并改变值，即可快速改变元素上下左右位置上的内外边距属性。 当前元素盒模型示意图下方，展示了当前元素的宽和高，默认是根据当前布局自适应后的宽高，可以在这里手动输入值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 图7 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。 高级设置：在高级设置中，直接编写CSS代码作用于当前元素。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见AstroZero对象概述。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见AstroZero服务编排概述和AstroZero脚本概述。 参数根据后台服务的入参、出参，映射生成为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 定义模型 在新建模型“设置”页面，执行如下操作。 上一步来源选择“自定义”，需要添加子节点自定义参数及类型。 上一步来源选择“对象”，需要配置模型关联的对象以及字段。 上一步来源选择“服务”，需要配置模型关联的后台服务，可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”，需要配置模型关联的事件以及事件字段。 单击“下一步”，设置方法。 方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。

行布局 系统支持设置PC端或者手机端布局，并默认提供了一些常见的行布局，如单栏、二等分栏等。单击在“行布局”中的某一个模式，例如单击，当前分栏将被分割成3栏，如图5所示。 图5 默认行布局 您也可以通过单击，手工输入的方式自行设置列的分隔比例，比例相加份数总和必须为24，例如12:12、6:18、3:21、8:8:8等。自定义比例以英文冒号分隔。 分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。 图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。

自定义布局样式 如果导航页面，想实现如下图所示布局效果，即整个页面不需要有滚动条，而其中导航组件区域和全局路由视图组件区域可随滚动条滚动时，可参考如下步骤实现。 图12 自定义布局样式页面效果 在头部组件的“.css”样式文件中，指定头部组件的高度。 样例代码如下： #headerWidget { height: 90px; } 参考基于预置组件进行自定义中操作，下载预置组件路由导航(示例)，解压global_NavigatorWidget_版本号.zip。 修改解压后的“Navigator_Widget.css”文件，该文件是Widget的样式文件，在该文件中编写Widget的css样式。 样例代码如下： html[app=desktop] body { overflow: hidden; } #navigatorWidget, #global_RouterViewWidget { height: calc(100% - 90px); overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。 参考基于预置组件进行自定义中操作，上传重新打包后的组件。 在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 发布成功后，单击，可查看页面效果。

基本属性 基本属性通过数据绑定后，在运行时以数据绑定的值为准。 自定义视频地址：输入自定义视频的视频地址。 封面：选择或上传图片作为视频封面。 控制条：视频播放时是否显示控制条。 静音：播放视频时，视频是否静音。 自动播放：是否自动播放视频，自动播放属性必须配合是否静音一起设置。例如，开启“自动播放”时，必须要同时开启“静音”。 倍速播放：是否支持倍速播放。打开该开关后，打开页面播放视频时，可设置0.5、1、1.5、2倍速播放视频。 循环播放：视频播放结束后，是否循环播放。

数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见AstroZero对象概述。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见AstroZero服务编排概述和AstroZero脚本概述。 参数根据后台服务的入参、出参，映射生成为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中已安装的应用 使用AstroZero完成应用的开发后，您还可以在AstroZero中对已开发或安装的应用进行管理。 为AstroZero开发的应用添加业务用户：业务用户（即PortalUser）是指登录并使用在AstroZero中开发的业务应用的用户账号。您可以在业务配置中心创建、删除和编辑业务用户，并为业务用户配置相应的权限。 个性化设置AstroZero中已安装的应用：在AstroZero的环境配置中心，对已安装的应用进行个性化设置。此处的设置仅对当前的应用有效且不会更改应用包中原有的设置。如果需要更改应用包中原有的设置，请参考使用AstroZero对应用进行个性化设置。 个性化设置AstroZero中开发应用的工作台：在AstroZero的环境配置中，设置个人工作台的企业外观、应用导航和应用标签等。 查看AstroZero中已安装的应用：在AstroZero环境配置的应用列表中，可查看当前账号已安装的所有应用。 卸载AstroZero中已安装的应用：应用不再使用或者应用配额不足时，可将应用从AstroZero中删除。

AstroZero低代码平台管理中心 AstroZero低代码平台提供了一个平台管理功能，用于进行系统设置、管理用户、管理应用及应用中资源和监控系统业务配额、查看系统告警、日志等。 管理AstroZero中用户及权限：在AstroZero中，通过预置的权限（Profile）来控制用户、业务用户等的操作权限。如果默认的权限不能满足您的需求，即用户需要额外的权限时，支持对预置的权限进行修改。 管理AstroZero中已安装应用的资源：在AstroZero的环境配置中，管理AstroZero平台中已安装应用的资源，如服务编排、脚本、定时任务等。 AstroZero系统设置与运维监控：监控和设置AstroZero系统，如查看账号业务阈值、公司信息，设置系统参数、系统 域名 和应用支持的语言等。

使用AstroZero开发应用 在AstroZero中开发应用没有严格的顺序要求，可按照个人习惯进行，建议先进行后端开发，再进行页面组装、页面流程编排。AstroZero开发架构主要分为后端开发、前端开发和集成开发三层，如图3所示。 图3 AstroZero开发架构 使用AstroZero开发应用后端 对象：AstroZero中的对象（也可以称为Object）相当于传统方式开发业务系统时，数据库中创建一个表。每个对象对应一张数据库表，用于保存业务系统需要的配置数据和业务数据。 事件：在业务流程中，有意义的状态变化都可称为事件。自定义好事件后，可基于该事件实现事件发送、事件订阅，对发送的事件数据进行分析处理等功能。 脚本：针对业务逻辑比较复杂的场景，AstroZero平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。 服务编排：服务编排是一种通过简单的拖拉拽式流程编排以及参数配置的方式来进行服务开发的能力，并支持对已开发的服务重新进行组合编排。 触发器：触发器以图形表示的方式将业务流程呈现给用户，触发器配置好后，用户不必手动执行这些操作，系统会自动执行。 工作流：工作流即业务流程管理，源自业界BPMN 2.0标准。低代码平台基于该规范实现了自己的业务流程管理系统，由于工作流本身已成为了业界一套行业规范，因此在低代码平台中称实现此类流程的引擎为工作流。 定时任务：通过创建定时任务，让系统自动执行某脚本、服务编排完成业务功能。例如，系统中存在一个定时任务，在每天凌晨3点，定时将到期的商品进行下架处理。 使用AstroZero开发应用前端 标准页面：标准页面是一种将一个或多个通用基础组件拖进画布，进行低代码或无代码的配置，即可快速完成业务功能的前端页面。对于一般的业务应用系统，例如请假电子流、出差报销、在线投票等企业常见业务场景，其功能主要是针对业务数据的增、删、改、查，且前端界面的样式相对简单的页面，可以使用AstroZero提供的标准页面。 高级页面：高级页面也是由一个或多个组件拼装而成，但是高级页面的组件是一个通用性强、功能丰富、可视化效果好的页面组成元素，因此高级页面主要用于对呈现效果要求比较高的场景，而标准页面主要用于后台管理类的表格表单类的开发。 报表：报表是AstroZero对内部数据提供的一种汇总方式的视图。利用报表，可以让数据进行可视化的展示。 使用AstroZero进行应用集成开发 使用连接器对接云服务：通过连接器将第三方系统集成到AstroZero中，供应用中创建的服务编排或脚本使用。 通过数据接入将消息类数据接入AstroZero：当需要从外部数据源获取数据，并按照需求对数据进行一系列处理后，转化成内部事件，输出给Kafka或者ROMA，这时可以通过配置“数据接入”，来实现整个流程。 开放接口供第三方系统调用：将AstroZero应用中开发的脚本、服务编排等包装成自定义REST接口，供第三方系统进行调用。 使用AstroZero对应用进行个性化设置 使用AstroZero设置应用的外观：设置应用的导航框架布局、元素和样式。 使用AstroZero管理应用中标准页面的主题：对标准页面的主题进行管理。 使用AstroZero设置应用的导航栏菜单：自定义应用的主导航菜单树、应用的设置菜单和应用右上角的用户菜单。 使用AstroZero设置应用的依赖与开放关系：建立应用与应用之间的依赖关系，可模块化构建复杂的解决方案，实现资产复用。 使用AstroZero设置应用的兼容性：如果应用中包含一些在早期平台版本中开发的内容，而当前版本已经发生了变更，此时需要通过设置兼容性开关来恢复原来的功能。

发布并部署AstroZero开发的应用 根据实际业务需求，可以将应用一键打包发布到运行环境或沙箱环境，也可以生成应用安装包供其他用户在其他AstroZero环境中安装使用。 快速发布与部署AstroZero开发的应用：应用开发完成后，支持将应用一键打包发布到运行环境或沙箱环境。 发布与部署AstroZero开发应用的安装包或补丁包：将应用发布为安装包或补丁包。安装包/补丁包主要用于租户之间或者环境之间的资产复用，避免重复开发。 发布与部署AstroZero开发应用的源码包：源码包中的所有组件，都不受保护和限制。在其他开发环境安装后，可编辑包中组件，即在原有基础上可进行再开发。源码包主要用于同一租户内，在不同环境之间的资产迁移，以源环境的状态继续开发（类似自己的代码仓库），或者用于备份租户自己的代码，以便在需要恢复时使用。 跨账号或环境安装AstroZero低代码应用：AstroZero默认为每个账号分配了“我的仓库”，开发者开发好应用后，可将应用发布到“我的仓库”，供同账号下其他用户在沙箱环境或者运行环境“我的仓库”中进行安装，以便于测试或者使用该软件。AstroZero也支持自定义“我的仓库”，即支持将账号私仓配置为某个OBS仓，当其他账号或者其他运行环境配置了相同的OBS仓时，可实现跨账号或跨环境安装应用。 将AstroZero开发的应用发布成移动端小程序：当前应用发布为对应的移动端小程序，如Welink-We码、 WeLink 轻应用和微信等。

授权用户使用AstroZero并购买实例 注册华为云后，系统会自动创建一个账号，账号是资源的归属以及使用计费的主体，对其所拥有的资源具有完全控制权限，可以访问所有云服务。为了保证您的账号安全，建议您创建一个或多个 IAM 用户并赋予系统管理员权限，用于购买AstroZero实例。AstroZero实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 创建用户并授权使用AstroZero：根据企业的业务组织，在您的华为账号中，给企业中不同职能部门的员工创建IAM用户，让员工拥有唯一安全凭证，并使用AstroZero资源。 申请AstroZero免费试用：AstroZero支持申请免费试用，试用版可以使用的资源有限。AstroZero免费试用版本不限制使用时间，不涉及AstroZero退订及资源释放。 购买AstroZero商用实例：AstroZero免费版可使用的资源有限，标准版、专业版和专享版更适用于个人或企业的商用开发。 购买AstroZero沙箱实例：在应用正式发布上线前，需要在测试环境进行测试和数据配置。在AstroZero中，以沙箱（Sandbox）环境来作为测试环境，您也可以直接在开发环境进行测试。在沙箱环境测试的优势是不影响开发环境的配置，沙箱环境（Sandbox）是与开发环境完全隔离的。

添加AstroZero开发者用户 在账号下添加用户，可实现多人协助开发。为了方便同一个开发团队成员之间，能够更好的配合开发项目，在AstroZero中同一个账号下的所有用户开发的内容都可以互相查看，配合开发。 为IAM用户添加AstroZero开发者权限：将IAM用户添加到AstroZero中，并赋予开发者权限。 为WeLink用户添加AstroZero开发者权限：将WeLink用户添加到AstroZero中，并赋予开发者权限。

使用AstroZero创建应用 在低代码平台中，您可以通过如下方式，开发各个场景的应用，以满足千行百业的各种需求。 使用AstroZero创建一个空白应用：从后端到前端，从零开始，一步步完成应用的开发。 使用AstroZero预置模板创建应用：当业务与应用模板中的场景相似度较高时，可以尝试使用应用模板创建，并在模板应用的基础上继续改造应用。 使用AstroZero创建扩展应用：当需要基于已有应用或解决方案（不是单一的应用，某一解决方案会涉及到多个应用）进行定制时，可选择创建扩展类型应用。 使用AstroZero创建应用资产：在AstroZero中，除了开发低代码应用外，还支持开发资产组件或安装已有的资产组件，供其它应用复用。在AstroZero中，支持创建业务对象和原生服务两种类型的应用资产。 使用AstroZero创建业务对象：通过创建业务对象（Business Object，简称BO），来封装领域服务，供上层应用使用。一个BO提供一个完整场景的服务，为上层应用提供特定服务。不同用户可以开发各自的BO，在BO中创建逻辑使其具有特定的业务功能，开发好后制作成用户包并进行发布。将用户包分享给其他用户，其他用户安装BO包后，在上层应用（需要使用该BO服务的应用）中导入发布好的BO，即导入特定的业务功能进行使用。 使用AstroZero创建原生服务：开发者在低代码平台外开发了一些服务，服务运行在Docker容器中。如果希望将这些服务集成到AstroZero中，供AstroZero内部应用或其他第三方系统调用时，可选择创建原生服务。本质上原生服务起到了一种桥接的作用，用于将原生服务的API集成到AstroZero，使得运行于AstroZero上的应用，更容易地使用原生服务的API。

边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。 角边框 宽度：设置组件边框的宽度，单位px。 长度：设置组件边框的长度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。 边距：设置组件边框和图表之间的间距，单位px。

高级设置 在高级设置中，可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”，在“我的图片”页签中，将鼠标放在目录上，单击可新建目录，单击可删除该目录。单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。在“网络图片”页签中，可以通过输入图片的地址，来获取图片。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。 选择“覆盖”表示图片表示原有尺寸比例，宽高至少有一个和容器一致，可能会让图片部分区域不可见。 选择“无”表示图片保持原有尺寸比例，同时保持图片原始尺寸大小。

操作场景 AstroZero为对象提供了一种汇总方式的视图，即为报表。利用报表功能，可以让数据进行可视化的展示，并进行分析与洞察，更好地了解业务现存的问题。 AstroZero提供了报表构建器，便于您快速完成报表的开发。报表定义了报表数据来源于哪些对象，以及对象的连接关系，支持创建一个带有多个对象连接起来的汇总报表，不必局限于单个对象。同时支持对已有的原始记录数据，进行归类、筛选、分组、公式计算以及数据汇总。

创建报表 参考登录AstroZero新版应用设计器中操作，登录新版应用设计器。 在左侧导航栏中，选择“界面”。 （可选）单击报表后的，为报表添加目录。 报表默认存放在根目录下，在创建报表前，您可以先创建报表存放的目录，也可以在报表创建后将其拖拽到指定目录。 将鼠标放在已创建的报表目录上，单击，进入添加报表页面。 如果未创建报表目录，请直接单击报表后的，进入添加报表页面。 设置报表主对象、标签等，单击“新建”。 图1 添加报表基本信息 表1 创建报表参数说明 参数 说明 主对象 必填参数。 选择前提条件中创建的主对象，该对象定义了报表的汇总主体。例如，如果报表想展示图书的作者，数据来源于“Author__CST”，即“Author__CST”作为主对象。 标签 必填参数。 报表的标签名，用于在页面展示。 取值范围：1~64个字符。 名称 必填参数。 报表的名称，名称是报表在系统中的唯一标识。 命名要求如下： 长度不能超过59个字符，包括前缀命名空间的长度。 必须以英文字母开头，只能由英文字母，数字和单下划线组成，且不能以下划线结尾。 文件夹 必填参数。 在下拉框中选择文件夹，对报表进行分类管理。 PublicReports：公共报表。 PrivateReports：私有数据报表。 WanrData：告警数据报表。 默认值：PublicReports。 描述 选填参数。 根据实际需求，在输入框中输入报表的描述信息。 对象连接关系 定义报表中，要展现对象的连接关系。例如图2，将两个对象数据的交集，作为报表展示的数据范围，也可以只选用一个主对象。 每个'A' 对象的记录至少关联一条'B'的记录：为内连接，表示取连接双方的交集。 'A' 对象的记录可以关联或不关联'B'的记录：为左连接，表示取左方的全集以及双方的交集数据。 图2 选取对象交集作为报表展示范围 编辑报表要展示的信息。 选择报表要展示的字段，即在报表编辑页面左侧“可选字段”中，拖拽所需的字段到右侧“报表预览”页面。 图3 选择字段 单击某个字段后的，选择“按该字段分组”，设置分组字段。 图4 按该字段分组 设置报表数据过滤条件。 通过设置过滤条件，可以挑选出希望获得的数据。如下图所示，展示了创作时间在2019-02-01至2019-03-28之间的图书情况。 编辑状态的报表，仅显示前20条数据。 图5 设置报表数据过滤条件 单击报表编辑页面上方的，保存报表。 保存成功后，单击，显示运行态报表页面。 图6 运行态报表页面

边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。 角边框 宽度：设置组件边框的宽度，单位px。 长度：设置组件边框的长度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。 边距：设置组件边框和图表之间的间距，单位px。

设置数据系列 选中基本饼图组件，单击鼠标右键选择“高级设置”。 展开数据系列配置，单击旁边的“+”，添加数据系列。 在右侧“数据”页签，配置该数据系列的数据。 例如，在使用系统预置的静态数据基础上，添加如下加粗字体代码，配置新增数据系列的数据。也可以使用“动态数据”调用后台接口URL返回如下结构模型数据。 图5 两个数据系列不用圆心坐标设置 { "resCode": "0", "resMsg": "成功", "result": [{ "dataValue": [{ "name": "关键事件", "value": [{ "value": 635, "name": "工程管理" }, { "value": 310, "name": "社会环境" } ] }, { "name": "类别", "value": [{ "value": 435, "name": "计算机" }, { "value": 210, "name": "文学" } ] } ] }] } 配置添加的数据系列圆心坐标，如果不配置，两个数据系列会重叠。 设置完成后，单击“确定”。

基本属性 基本属性通过数据绑定后，在运行时以数据绑定的值为准。 配置菜单：单击“设置”，可设置菜单。 图标：配置菜单的图标，可以使用系统预置的或自定义库中的图标。 文本内容：配置菜单的显示名称。 URL类型：菜单跳转页面的URL类型，支持自定义页面、标准页面和高级页面三种。 地址：当“URL类型”为“自定义页面”时，需要配置跳转页面的具体URL地址。当“URL类型”为“标准页面/高级页面”时，需要选择系统中创建的具体跳转页面。 链接目标：跳转后页面显示形式。 新窗口：在新窗口页，显示跳转页面。 当前框架：在当前框架，显示跳转页面。 父框架：在父框架区域，显示跳转页面。 当前窗口：在当前整个窗口，显示跳转页面。 分隔符：菜单名之间的分隔符。 跳转：单击面包屑组件的菜单标签，是否开启自动跳转，默认开启。如果不开启跳转，可在“事件”页签定义跳转的实现方法，即进行事件编排。

样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。

数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 图3 选择设置图标 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图4 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见AstroZero对象概述。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param); $model.ref("modelName").save(); $model.ref("modelName").delete(); $model.ref("modelName").count(); 服务 服务模型由后台服务映射生成，当前支持与服务编排或脚本映射。关于服务模型的详细介绍，请参见AstroZero服务编排概述和AstroZero脚本概述。 参数根据后台服务的入参、出参，映射生成为inputParam和outputParam节点。 系统自动生成run方法 ，用于执行模型关联的服务编排或脚本。 $model.ref("modelName").run(); 事件 事件模型由后台事件的字段映射生成，并且支持websocket刷新模型数据。 参数根据后台事件的字段映射生成。 直接使用 直接使用 除了在模型中定义的方法，低代码平台还提供了如下标准API，适用于所有的模型。 获取模型数据：$model.ref("modelName").getData(); 设置模型数据：$model.ref("modelName").setData(); 设置模型字段值：$model.ref("modelName").setValue(key,value); 在新建模型“设置”页面，执行如下操作。 上一步来源选择“自定义”，需要添加子节点自定义参数及类型。 上一步来源选择“对象”，需要配置模型关联的对象以及字段。 上一步来源选择“服务”，需要配置模型关联的后台服务，可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”，需要配置模型关联的事件以及事件字段。 单击“下一步”，设置方法。 方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。

移动标准页面 标准页面创建后，支持将标准页面移动到拥有开发权限的应用中。例如，A应用中创建的标准页面，在B应用中也会用到，为避免多次重复创建，可以将A中的标准页面先克隆，再移动到B应用中。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“移动”。 选中需要移动的标准页面，单击“下一步”。 选择目标应用，单击“确认”。

克隆标准页面 标准页面创建后，支持将标准页面克隆到当前应用中。例如，应用A中存在两个或多个功能类似的标准页面，此时可基于已创建的标准页面克隆出一个新标准页面，基于克隆后的标准页面进行修改，减少重复创建的操作。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。 在页面中，将鼠标放在对应的标准页面上，单击，选择“克隆”。 输入标准页面的名称和唯一标识，单击“确认”。 克隆成功后，自动进入克隆后的标准页面。