检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理应用中的页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理桥接器模板 管理禁用资产 管理页面模板 父主题: 管理AstroZero中已安装应用的资源
在左侧导航栏中,选择“设置”,进入应用设置页面。 在菜单栏中,选择“高级设置”。 在“兼容性设置”页签中,开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中,提供了Vue2和Vue3两种框架的组件,如果需要使用Vue2框架的组件,需要关闭“页面组件的渲染框架由V
如何适配多终端 什么是适配多终端 适配多终端样例 父主题: 高级页面
现。 在高级页面设计器中,单击,从“图表 > 雷达图”中,拖拽“雷达图”组件到画布中,如图1所示。 图1 雷达图 属性 在属性中,设置雷达图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
事件。 在高级页面设计器中,单击,从“媒体 > 通用”中,拖拽“轮播”组件到画布中,如图1所示。 图1 轮播 属性 在属性中,设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中,单击,从“图表 > 柱状图”中,拖拽“基本柱图”组件到画布中,如图1所示。 图1 基本柱图 属性 在属性中,设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
在高级页面设计器中,单击,从“图表 > 饼图”中,拖拽“基本饼图”组件到画布中,如图1所示。 图1 基本饼图 属性 在属性中,设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
playWidget”,单击“提交”。 创建monitor高级页面。 在经典版应用设计器中,鼠标放在应用的Page文件夹上,单击加号,选择“高级页面”。 设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。
开发高级组件 在线开发高级组件 管理高级组件版本 父主题: 高级页面
使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格(新) 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题: 标准页面
行展示。 在高级页面设计器中,单击,从“仪表盘”中,拖拽“仪表盘”组件到画布中,如图1所示。 图1 仪表盘 属性 在属性中,设置仪表盘组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
翻牌器 翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 在高级页面设计器中,单击,从“文本 > 通用”中,拖拽“翻牌器”组件到画布中,如图1所示。 图1 翻牌器 属性 在属性中,设置翻牌器组件的位置、边框、背景等。 图2 属性
在AstroZero标准页面中,如何调用服务编排或脚本? 方式一:通过编辑事件实现 在标准页面的事件编排中,在具体的动作上“自定义JS代码”中编写相关代码,以实现页面组件与后台接口(服务编排或脚本)之间的交互。 下面以通过编辑事件,定义JS代码,来实现页面组件与后台接口(服务编排或脚本)之间的交互为例,进行介绍。
详细说明 默认 页面跳转 跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式
rLogin),单击组件所在行右侧“查看详情”,进入组件详情页。 图4 页面设置下的组件列表 如果页面图标高亮,则需要先单击解锁页面。 单击“更新”按钮进入组件更新页面。 图5 选择更新按钮 单击“请选择源文件(.zip)”,上传本地的组件zip包,再单击“更新”。 图6 上传本地组件包
据。 在高级页面设计器中,单击,从“图表 > 散点图”中,拖拽“散点图”组件到画布中,如图1所示。 图1 散点图 属性 在属性中,设置散点图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
在应用菜单上,单击“新增用户”,进入用户管理页面。 图5 新增用户 在用户管理页面,单击“新增用户”,在弹窗中设置用户名、密码及角色。 图6 添加新用户 创建完成后,在用户列表中,查看是否已存在刚刚添加的用户, 如果有,则说明页面及事件代码设置正确。如果页面有报错,请根据页面报错定位问题。 父主题: 组装页面
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题: 高级页面
</div> 参考6中操作,在组件库中上传该Widget包。 打开一个高级页面,在设计页面左上方单击,从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的,保存高级页面。 切换环境语言,在不同语种下,在页面中选中拖出的Widget,会在右侧显示该组件的属性配置面板,查看Widget属性是否符合预期。