检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何适配多终端 什么是适配多终端 适配多终端样例 父主题: 高级页面
如何自定义主题样式 AstroZero预置了很多默认样式,您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时,可以自定义修改标准页面的样式。设置完并启用主题后,该应用中标准页面相同组件的展示,将以主题中配置为准。 例如,在标准页面中添加一个“表单”组件,并绑定数据对象为“Alarm
使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型
开发高级组件 在线开发高级组件 管理高级组件版本 父主题: 高级页面
翻牌器 翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 在高级页面设计器中,单击,从“文本 > 通用”中,拖拽“翻牌器”组件到画布中,如图1所示。 图1 翻牌器 属性 在属性中,设置翻牌器组件的位置、边框、背景等。 图2 属性
管理应用中的页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理桥接器模板 管理禁用资产 管理页面模板 父主题: 管理AstroZero中已安装应用的资源
基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中,单击,从“图表 > 柱状图”中,拖拽“基本柱图”组件到画布中,如图1所示。 图1 基本柱图 属性 在属性中,设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
在高级页面设计器中,单击,从“图表 > 饼图”中,拖拽“基本饼图”组件到画布中,如图1所示。 图1 基本饼图 属性 在属性中,设置基本饼图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格(新) 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题: 标准页面
的同时丰富组件的功能。因此,库是支撑高级页面、大屏页面、小屏页面组件运行的第三方依赖。若缺少相应的库,则页面组件不能正常运行。 查看库详情 参考登录管理中心中操作,登录AstroZero管理中心。 在左侧导航栏中,选择“应用管理 > 页面资产管理 > 库”,可查看到当前环境该账号下所有的库资产。
字段类型:新增字段的类型,本示例配置为“文本区”。 自定义调查问卷页面。 AstroZero的标准页面通过数据模型驱动,页面所有的逻辑都围绕数据模型展开。在将模型与前台页面组件(例如输入框)或者后台逻辑绑定后,您只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 在调查问卷应用设计器的左侧导航栏中,选择“界面”。
发布描述信息。 返回库页面,在“租户”页签,可查看到已上传的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基
同时页面经常会有一些通用的交互模块,例如“人员选择”、“部门选择”等,这些页面交互模块可能会在多个页面中用到,逻辑也相对独立。面对这个情况,平台提供了让开发者自己创建组件的特性,称之为“自定义标准组件”。通过这个特性,开发者就能够将这样的交互模块抽象成标准页面组件,使页面的构建
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题: 高级页面
自定义背景框 自定义背景框用于在页面添加遮罩层或背景。 在高级页面设计器中,单击,从“装饰 > 通用”中,拖拽“自定义背景框”组件到画布中,如图1所示。 图1 自定义背景框 属性 在属性中,设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。
在AstroZero标准页面中,如何调用服务编排或脚本? 方式一:通过编辑事件实现 在标准页面的事件编排中,在具体的动作上“自定义JS代码”中编写相关代码,以实现页面组件与后台接口(服务编排或脚本)之间的交互。 下面以通过编辑事件,定义JS代码,来实现页面组件与后台接口(服务编排或脚本)之间的交互为例,进行介绍。
详细说明 默认 页面跳转 跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式
据。 在高级页面设计器中,单击,从“图表 > 散点图”中,拖拽“散点图”组件到画布中,如图1所示。 图1 散点图 属性 在属性中,设置散点图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。
在应用菜单上,单击“新增用户”,进入用户管理页面。 图5 新增用户 在用户管理页面,单击“新增用户”,在弹窗中设置用户名、密码及角色。 图6 添加新用户 创建完成后,在用户列表中,查看是否已存在刚刚添加的用户, 如果有,则说明页面及事件代码设置正确。如果页面有报错,请根据页面报错定位问题。 父主题: 组装页面