正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
背景和原理 本节主要通过创建一个标准页面,调用一个具有编辑设备功能的脚本,实现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口
背景与原理 业务应用构建登录页面时,一般情况下是通过使用AstroZero的高级页面能力实现。您可以通过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面:对于一般
背景与知识 “用户管理”功能包括业务新增业务用户、查看删除业务用户、添加业务用户权限集三部分。 在业务场景中,会区分不同业务用户,业务用户对应了不同的用户权限,本示例应用中包含的业务用户,即是使用设备管理应用的用户,分别是客服人员、派单员及维修人员。 在AstroZero开发的应
背景和原理(对象) AstroZero提供的数据对象(Object)定义功能,对应传统方式开发业务系统中的创建数据库表。每个Object对应一张数据库表,用于保存业务系统需要的配置数据和业务数据。 对象用于存储组织或者业务特有的数据,可理解为数据库中的数据表(逻辑表,系统实际存储
背景与原理(BPM) 工单管理模块中的工单场景业务编排是通过AstroZero的流程编排BPM(Business Process Management)功能实现的,通过在前端页面调用BPM完成工单流转,即客服人员创单,派单员派发工单,维修工程师处理工单的全过程。 开发BPM即是对
自定义背景框 自定义背景框用于在页面添加遮罩层或背景。 在高级页面设计器中,单击,从“装饰 > 通用”中,拖拽“自定义背景框”组件到画布中,如图1所示。 图1 自定义背景框 属性 在属性中,设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。
显示名称:分段的说明文字,通常用于对下文做出说明、解释。 样式:分段的样式。 标题大小:设置标题的大小。 标题颜色:显示名称的字体颜色。 背景颜色:设置组件的背景颜色。 显示分割线:是否显示分割线。 属性:设置字段的属性,例如勾选“隐藏”后,页面上会隐藏该字段。 父主题: 零码组件介绍
背景及原理(服务编排) AstroZero的服务编排,支持对逻辑判断组件、数据处理组件,以及脚本、子服务编排、商业对象等进行可视化组合编排,实现丰富的业务功能。 了解服务编排 在传统的开发中程序员一般是基于代码进行开发,程序员需要学习内容较多,开发效率相对低一些,开发门槛也高。A
out; } } 脚本编辑页面不支持单步调试,样例里的console.log可实现在日志里打印过程输出,方便代码调试。 父主题: 背景和原理
创建公共接口的入口:在APP视图下,单击下方“服务”,即可进入公共接口创建页面。 图1 创建公共接口入口 图2 公共接口基本信息 图3 公共接口URL 父主题: 背景和原理
典型的属性绑定场景有:下拉框的选项值、步骤条的步骤值等,类似Vue的v-bind。 如图7所示的例子中,实现了表格DataGrid组件与值的绑定。 图7 数据绑定 父主题: 背景和原理
设置AstroZero高级页面自定义背景框组件属性 自定义背景框用于在页面添加遮罩层或背景。 图1 设置自定义背景框属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
”。 自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中雷达图组件,单击鼠标右键选择“高级设置”,可对雷达图进行多种配置。 图3
”。 自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中散点图组件,单击鼠标右键选择“高级设置”,可对散点图或气泡图进行多种配置。
预览效果符合预期后,单击“保存”。 上传背景图 参考登录管理中心中操作,登录AstroZero运行环境管理中心。 在左侧导航栏中,选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。
所有指示器名称的颜色、文字风格、文本字体大小、字体系列、字体粗细,另外可以设置指示器名称与指示器轴的距离。 轴分割段数:轴的分割段数,即几个圆圈。 分割线:即圆圈。分割线会按颜色设置列表中颜色的顺序依次循环展示颜色。 分隔区域。打开“显示分隔区域”可设置分隔区域颜色,分隔区域会按
”。 图2 生成海报 在生成海报页面,选择海报模板,设置标题、LOGO等信息。 图3 设置海报 海报模板:选择海报模板。 背景设置:自定义海报模板,上传的背景图片必须为jpg或png格式,且大小不能超过500KB。 标题:设置海报标题,支持设置颜色。 描述信息:设置海报的描述信息,支持设置颜色。
组件层级关系及删除多余折叠页 在“折叠面板”中,选中“折叠页签标题”,然后在右侧“属性”页签中进行以下设置: 在“样式”下的“背景”,将背景颜色修改为浅蓝色(#9BCCEF)。 图8 设置背景为浅蓝色 选中图标,设置图标颜色为深蓝色(#004080)。 图9 设置图标颜色为深蓝色 选中图标后的“标签”,设置“文本内容”为“基本信息”。
如图1。 图1 图文展示 显示名称:页面标题内容,可以设置为中文,也可以设置为英文。 内容:单击“编辑”,可设置富文本内容。 背景颜色:设置富文本的背景颜色。 行数:富文本占页面的行数。 宽度:该组件宽度,占页面宽度的比例。 属性:设置字段的属性,勾选“隐藏”后,页面上会隐藏该字段。
目轴(支持字符、字符串等类目类型的数据)、时间轴(支持日期、时间类型的数据)。 坐标轴分割段数:设置坐标轴的分割段数,需要注意的是这个分割段数只是个预估值,实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 最大值最小值设置/最大值、最小值:可设置坐标轴的最大值和最小值,单击“清空”恢复默认值。