检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。 裁剪:单击“裁剪”,可裁剪图片大小。 图片比例:设置显示的图片比例。 对齐方式:选择图片的对齐方式。 宽度:该组件宽度,占页面宽度的比例。 属性:设置字段的属性,勾选“隐藏”后,页面上会隐藏该字段。
图片库有如下几种类型: OBS/MINIO/OBJECTSTORAGEPROXY:通过连接器获取OBS或MINIO桶中的图片,需要提前配置OBS/MINIO/OBJECTSTORAGEPROXY类型连接器,选择具体的存储桶、连接器实现获取图片功能。 连接器:OBS/MINIO/OBJ
自定义属性列表:显示组件的自定义属性。 图片地址:直接输入图片地址,来展示图片。 连接器设置 使用连接器:是否使用连接器。 选择连接器类型:选择有存储功能的,支持OBS、MINIO和对象存储代理。 选择连接器:选择具体的连接器实例。 选择桶:连接器的存储桶。 使用相对地址:使用图片的相对路径。 高级设置 在高级设置中,可设置图片填充类型。
AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。 需要拥有一个华为账号或一个可用于访问OBS的IAM用户,即先注册
-token进行鉴权。 通过服务编排调用连接器 OBS连接器创建完成后,支持在服务编排中调用该连接器,实现与OBS的对接。用户也可以在脚本中调用连接器,实现与OBS的对接。 参考如何开发服务编排中操作,创建一个空白服务编排。 图6 添加服务编排 在服务编排设计页面,从左侧“连接器
参考创建空白AstroZero服务编排中操作,创建一个空白服务编排。 在服务编排设计页面,从左侧“连接器 > 存储”中,拖拽“OBS”图元至画布中。 图3 拖拽OBS图元到画布中 选中OBS图元,单击,设置基本信息。 图4 设置基本信息 表2 OBS图元基本信息参数说明 参数 说明 标签 OBS图元在系统中展示的名称。
count(); 服务 服务模型由后台服务映射生成,当前支持与服务编排或脚本映射。关于服务模型的详细介绍,请参见服务编排和脚本。 参数根据后台服务的入参、出参,映射生成为inputParam和outputParam节点。 系统自动生成run方法 ,用于执行模型关联的服务编排或脚本。 $model
识别出身份证上的文字信息,表明成功调用连接器。 单击脚本编辑器页面上方的,启用脚本。 在服务编排中调用连接器 在服务编排中,调用连接器实现与OCR的对接。 参考如何开发服务编排中操作,创建一个空白的服务编排。 图6 创建一个空白的服务编排 在服务编排设计页面,从左侧“连接器 > AI”中,拖拽“OCR”图元至画布中。
在下拉框中选择服务编排使用的连接器名称。关于OBS连接器的详细介绍,请参见对接OBS云对象存储实例。 单击(不同类型的连接器图元图标有所不同),设置调用“OBS”参数。 图1 配置OBS 表2 OBS参数说明 参数 说明 动作 系统预置了如下三个动作: view_object_obs:系统预置的查看存储对象的接口。
在图片地址输入框中,直接输入图片地址,来展示图片。 连接器设置 使用连接器:是否从连接器获取图片。 选择连接器类型:选择有存储功能的连接器,支持OBS、MINIO和对象存储代理。 选择连接器:选择具体的连接器实例。 选择桶:连接器的存储桶。 使用相对地址:使用图片的相对路径。 链接 在链接地址中,输入图片跳转的目标地址。
行配置。例如,调用OBS连接器图元实现与OBS的对接。 前提条件 本节介绍调用OBS连接器图元实现与OBS的对接。您需要提前配置好连接器,具体操作请参考对接OBS云对象存储实例。 如何使用连接器图元 在“连接器 > 存储”中,拖拽OBS图元到画布中。 选择OBS图元,单击,设置基本信息。
新增定位、部门组件。 新增跨应用设置能力。 新增视图自定义筛选条件、冻结表格列、数据公开查询能力。 新增表单设置唯一索引能力。 优化富文本组件,支持调整上传图片大小。 优化数据标题,支持自定义文字内容。 优化周期填报的配置能力,支持更灵活的场景配置。 优化表单组件的默认值能力。 优化零代码菜单能
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中,通过自定义列的显示类型,可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果,信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”,并为对象添加字段。 在应用设计器
打包,在新环境安装后无需重新上传配置。 连接器设置 选择连接器:选择有存储功能的OBS类型连接器。OBS连接器配置完成后,才可以进行图片的查询、上传等操作,连接器的配置方法请参见对接OBS云对象存储实例。 选择桶:连接器的存储桶。 高级设置 在高级设置中,可设置轮播时长、切换方式等。
识别出身份证上的文字信息,表明成功调用连接器。 单击脚本编辑器页面上方的,启用脚本。 在服务编排中调用连接器 在服务编排中,调用连接器实现与OCR的对接。 参考创建空白AstroZero服务编排中操作,创建一个空白服务编排。 在服务编排设计页面,从左侧“连接器 > AI”中,拖拽“OCR”图元至画布中。
AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OBS后,可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。 需要拥有一个华为账号或一个可用于访问OBS的IAM用户,即先注册华为云并
已创建好OBS类型连接器,连接器实例名称为“命名空间__TestOBS”,执行如下请求,列举OBS桶中“a/b/c”路径下文件,起始文件为“1.txt”。 GET https://AstroZero域名/u-route/baas/sys/v1.1/connectors/obs/命名空间__TestOBS/listdir
图1 选择对象存储代理 设置对象存储代理对接参数,单击“保存”。 图2 创建对象存储代理 名称:连接器的名称。 代理类型:对象实例的存储容器类型,支持OBS和MINIO。 代理名:在下拉框中,选择具体的连接器名称。 桶:存储对象的存储桶名,直接在下拉框中选择。 在服务编排中调用连接器
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。
打包,在新环境安装后无需重新上传配置。 连接器设置 选择连接器:选择有存储功能的OBS类型连接器。OBS连接器配置完成后,才可以进行图片的查询、上传等操作,连接器的配置方法请参见对接OBS云对象存储实例。 选择桶:连接器的存储桶。 高级设置 在高级设置中,可设置轮播时长、切换方式等。