检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero标准页面中,通过系统预置的事件编排器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:
配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。 自然语言处理套件 / 文本信息:识别的主体为文本。 模
设置AstroZero标准页面图片组件属性 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 属
据系列的内半径、外半径和背景色。 图例:设置图例,图例文字内容来源于数据模型“dataValue”下“value”的“name”取值。 图例小图标:小图标形状。 图例列表布局朝向:图例列表布局的朝向。 图例各项间隔:图例之间的距离间隔。 标记图形宽度:图例标记图形(即小图标)的宽度。
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时,可以在脚本中为表单添加一些提交限制,来提升用户体验和数据的安全。例如,在脚本中定义一个延迟时间(如图1),在规定的时间内提交表单时,提示“Submission failed: Not PortalUser
数据系列不显示。 图表位置 > 横坐标(%):图表位置到组件左侧的距离占组件高度的百分比。 图表位置 > 纵坐标(%):图表位置到组件顶侧的距离占组件高度的百分比。 图表形状 > 直径:图表的直径。 水波 > 水波颜色:水波的颜色。 水波 > 水波背景色:水波的背景颜色。 水波 >
设置AstroZero高级页面基本折线图组件属性 基本折线图是折线图的一种,用于实现折线图图表统计。 图1 设置基本折线图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。 距
设置AstroZero高级页面路由导航和路由视图组件属性 路由导航和路由视图组合使用,可实现路由导航以及展示当前生效路由对应的页面内容(如图1)。一个页面只支持放置一个路由导航和一个路由视图组件。路由导航和路由视图组件的属性和其他组件类似,可参考其他组件进行配置。 图1 页面预览效果 使用预置的路由导航和路由视图组件
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本,在前端页面实现对象数据的增加和删除。例如,在标准页面中增加或删除一条数据时,标准页面关联的对象中,数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4 在前端页面删除proId为1的数据
在应用开发页面,单击左侧列表中的,选择“高级页面 > 库”。 单击“提交新库”,新建库。 输入库基本信息,单击“上传”,选择1中的zip包,单击“提交”。 站点内加载使用库。 在左侧菜单栏下方,选择“页面设置”。 选择“资源”页签,单击“新建资源”。 图1 在站点内引用库 在“新建
在AstroZero标准页面弹窗的onOk事件中,不想关闭弹窗该怎么处理? 问题描述 标准页面弹窗的“onOk”事件中,不想关闭弹窗该怎么处理? 图1 自定义JS代码 解决方法 “onOK”是系统预置事件,不提供阻止窗口关闭的能力。对于类似需求,可以通过将“footerHide”
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZer
步”。 图14 新建模型 选择3中创建的对象和添加的字段,单击“下一步”。 图15 选择对象和字段 单击“确定”,完成模型的创建。 返回设计视图页面,新建表格关联模型。 在标准页面的底部,单击“设计视图”,从模型视图切换回设计视图。 在标准页面中,拖入一个表格组件。 图16 拖入表格组件
网格线设置/线的类型:轴网格线的类型。 网格线设置/颜色:轴网格线的颜色。 图例:设置组件中图例,图例文字内容来源于数据模型“dataValue”下“name”取值。 显示图例:是否显示图例。 位置选择:图例的位置。 小图标:图例的小图标形状。 文本样式设置/字体大小:图例文本字体的大小。
ame”取值。 图例选择模式:可选单个或多个两种模式。 位置选择:图例的位置。 图例间隔:图例之间的间距。 小图标:图例的小图标形状。 文本样式设置/文本字体大小:图例文本字体的大小。 文本样式设置/文本颜色:图例文本的颜色。 文本样式设置/字体系列:图例文本的字体。 文本样式设置/字体粗细:图例文本字体的粗细。
设置AstroZero高级页面基本柱图组件属性 基本柱图是柱状图的一种,通过柱形图来呈现数据整体的表现。 图1 设置基本柱图属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
页组件需放在最外层“列表视图(List View Container)”内。 图1 列表视图 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OBS后,可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
创建AstroZero高级页面 标准页面主要用于后台管理类的表格表单类的开发,而高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。 创建高级页面
通过组装设备管理的标准页面,实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能,如图1所示: 工具栏保留“新增设备”按钮,单击“新增设备”按钮,跳转到设备详情页面。 查询结果增加操作列,包含编辑和删除图标。 图1 电梯信息管理界面 图2 前端页面组件位置关系