检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
调测AstroZero高级页面 在高级页面开发过程中,经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中,常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。
系统预置库是系统已定义好的库,可在页面设计中直接进行加载并使用。如何查看系统预置的库,请参见管理库。 图1 系统预置库 系统预置库的版本号是在资源上传或更新时,平台赋予的版本管理号,和实际官网版本不存在对应关系。 自定义库 当系统预置的库无法满足用户需求时,用户可以上传自定义库包,并加载到页面中进行使用。
在标准页面选中表格组件,开启“树形数据”并设置如下参数。 图8 开启树形数据并设置对应参数 预览该页面,即可查看到如图2所示层级关系。 父主题: 应用前端开发
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。
管理应用中的自定义接口 操作场景 当前端页面,如高级页面中,需要调用自定义接口时,可在“自定义接口”中查看自定义接口的URL和其他信息。 图1 配置组件数据来源 查看自定义接口 在AstroZero服务控制台,单击“进入首页”,进入应用开发页面。 在页面左上方单击,选择“环境管理
在页面模板列表中,单击具体页面模板后的,可预览相应的页面模板。 单击,在弹出的对话框中单击“确认”,即可删除相应的页面模板。 父主题: 管理应用中的页面资源
单击“启用”,在弹出的对话框中单击“确定”,即可重新启用资产。 单击“删除”,输入该资产名称后,单击“确定”,删除该资产。 父主题: 管理应用中的页面资源
该组件包的应用场景。勾选后,在相应类型页面开发中,才可使用该组件。 发行说明 组件的描述信息,可以设置为组件的功能。 父主题: 管理应用中的页面资源
自定义桥接器包。 图1 提交新桥接器 设置发行说明后,单击“提交”。 在桥接器列表中,可查看到已上传的桥接器。 父主题: 管理应用中的页面资源
标签位置左偏移(%):标签位置到组件左侧的距离占组件高度的百分比。 标签 > 标签位置上偏移(%):标签位置到组件顶侧的距离占组件高度的百分比。 标签 > 标签文字样式 > 文本颜色:在波浪上方文本的颜色。 标签 > 标签文字样式 > 波浪上时文本颜色:在波浪下文本的颜色。 标签 > 标签文字样式 > 字体大小:标签的字体大小。
使用模板创建AstroZero标准页面 操作场景 系统预置了一些典型场景的标准页面模板,如果业务场景贴合已有模板,建议选择“基于模板”来快速创建标准页面。页面模板包括预置模板(通用模板)和自定义模板两大类。 预置模板(通用模板) 基础表单:基本的表单页面。 多区域表单:有间隔区域的多区域表单页面。
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。
(),然后通过jquery去查询组件中某个dom节点时,可通过$("#id", elem)的方式来获取。 getWidgetBasePath:用于返回该组件静态资源的根路径。 例如某个组件的静态资源路径为“https://10.10.10.1:12900/default/0000000000NABzEjpNIH/as
选中基本饼图组件,单击鼠标右键选择“高级设置”。 展开数据系列配置,单击旁边的“+”,添加数据系列。 在右侧“数据”页签,配置该数据系列的数据。 例如,在使用系统预置的静态数据基础上,添加如下加粗字体代码,配置新增数据系列的数据。也可以使用“动态数据”调用后台接口URL返回如下结构模型数据。 图5 两个数据系列不用圆心坐标设置
添加事件实现AstroZero组件间交互 AstroZero标准页面事件编排器概述 通过内置动作实现AstroZero标准页面组件交互 通过自定义动作实现AstroZero标准页面组件交互 父主题: 标准页面
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性
在新建模型“设置”页面,执行如下操作。 上一步来源选择“自定义”,需要添加子节点自定义参数及类型。 上一步来源选择“对象”,需要配置模型关联的对象以及字段。 上一步来源选择“服务”,需要配置模型关联的后台服务,可以是脚本、服务编排或者公共接口。 上一步来源选择“事件”,需要配置模型关联的事件以及事件字段。