检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
上传 上传组件用于上传文件。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“上传”组件至页面工作区域,如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返
在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。
在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。
新建或编辑已有事件 图2 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集中存放事件编排过程中使用的行为节点,包括系统内置的动作(例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重
”。 图1 页面模型(服务) 方式一:将服务封装成页面模型执行后台逻辑 将服务(服务编排、脚本或API)映射为页面模型,在组件事件JS代码中,操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务,映射为页面服务模型,请参见如何获取后台数据。 在创建页面服务模型,并将
轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
事件。 在高级页面设计器中,单击,从“媒体 > 通用”中,拖拽“轮播”组件到画布中,如图1所示。 图1 轮播 属性 在属性中,设置轮播组件的位置、边框、连接器等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
字段类型:新增字段的类型,本示例配置为“文本区”。 自定义调查问卷页面。 AstroZero的标准页面通过数据模型驱动,页面所有的逻辑都围绕数据模型展开。在将模型与前台页面组件(例如输入框)或者后台逻辑绑定后,您只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 在调查问卷应用设计器的左侧导航栏中,选择“界面”。
在AstroZero标准页面中,如何调用服务编排或脚本? 方式一:通过编辑事件实现 在标准页面的事件编排中,在具体的动作上“自定义JS代码”中编写相关代码,以实现页面组件与后台接口(服务编排或脚本)之间的交互。 下面以通过编辑事件,定义JS代码,来实现页面组件与后台接口(服务编排或脚本)之间的交互为例,进行介绍。
使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型
开发高级组件 在线开发高级组件 管理高级组件版本 父主题: 高级页面
创建CommodityDisplay高级页面。 首次创建高级页面时,会出现视图选项,请勾选“电脑端”和“手机端”,布局类型选择“流式布局”(流式布局为自适应布局)。 图3 新建CommodityDisplay高级页面 开发CommodityDisplay电脑端和移动端高级页面。 在设计页面左上方,单击,从“全部
在高级页面设计器中,单击,从“图表 > 线状图”中,拖拽“基本折线图”组件到画布中,如图1所示。 图1 基本折线图 属性 在属性中,设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。 位置 距离左端:组件到页面左侧的距离,单位为px。
汇总值 汇总值组件用于对表单中某些字段数据或者记录总数进行数量汇总,即求和。在报表编辑页面,拖拽“汇总值”组件到中间区域,右侧可设置组件属性。 图1 汇总值 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 数据 统计规则:选择统计规则。 按字段:按字段
65=2.50(年)。 操作步骤 登录管理控制台。 单击左侧导航栏的图标,选择 “开发与运维 > Astro轻应用(原AppCube)”,进入Astro轻应用服务控制台。 在已购买的实例中,单击“升级规格”。 图1 选择升级规格 在升级规格页面,选择目标规格,单击“去支付”。 图2
翻牌器 翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 在高级页面设计器中,单击,从“文本 > 通用”中,拖拽“翻牌器”组件到画布中,如图1所示。 图1 翻牌器 属性 在属性中,设置翻牌器组件的位置、边框、背景等。 图2 属性
playWidget”,单击“提交”。 创建monitor高级页面。 在经典版应用设计器中,鼠标放在应用的Page文件夹上,单击加号,选择“高级页面”。 设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。
在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见主要事件说明。 库 在库中,可配置页面需要的依赖库,扩展页面功能。库分为系统预置库和自定义库两种,更多介绍请参见如何引入第三方库。
使用模式:设置表格的使用模式,如管理模式、只读模式和勾选模式。 数据操作页面:编辑表格中数据的方式,可以设置“链接到页面”编辑数据。设置“链接到页面”时需要配置关联的页面名称,例如配置“详情页”、“添加页”、“修改页”的页面名称。若在当前页面编辑数据,则清空“编辑数据的方式”值。 高级设置:设置项,只在PC端生效。
同时页面经常会有一些通用的交互模块,例如“人员选择”、“部门选择”等,这些页面交互模块可能会在多个页面中用到,逻辑也相对独立。面对这个情况,平台提供了让开发者自己创建组件的特性,称之为“自定义标准组件”。通过这个特性,开发者就能够将这样的交互模块抽象成标准页面组件,使页面的构建