检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero中，通过应用与OCR对接，可实现图片或扫描件中文字识别功能。例如，识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务，具体操作请参见开通文字识别服务。 图1 已申请身份证识别服务 已获取AK（Access Key ID）、SK（Secret
OCR是系统预置的，与OCR对接的接口。 图7 拖拽OCR图元到画布中 选中组件，单击，设置OCR对接信息。 图8 设置基本信息 标签：图元在页面展示的名称。 名称：图元在系统中的唯一标识，不能和其他图元相同。 连接器：服务编排使用的连接器的名称。 单击，设置动作参数。 图9 设置动作参数 动作：系统提供了如下两个动作。
并上传待识别的图片。 图片URL：识别的主体是图片时，可选择“图片URL”并设置图片的URL。 图片文件：识别的主体为图片时，可选择“图片文件”，直接拖入图片文件。 文本信息：识别的主体为文本时，配置为“文本信息”，并填写具体的文本。 模型Apig-Code：用于AstroZe
配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理套件 / 文本信息：识别的主体为文本。 模型
如何通过JS代码，实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码，可以不使用事件编排器中的内置动作，直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时，进行代码联想提示，并封装了一些常用功能的接口，并将其中典型接口做成模板，供您直接使用。
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OCR后，可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法
标准页面中预置的API 在开发标准页面时，可以通过编写JS代码，来实现页面组件与后台接口之间的交互。如图1所示，在编写JS代码时，可直接使用系统预置的API。 系统预置的API代码结构样例如下，提供事件上下文context，用于封装常用的对象及API。 context ├──$app
选择“插件”页签。 找到需要更新的组件（例如userLogin），单击组件所在行右侧的，进入组件详情页。 图1 页面设置下的组件列表 单击“更新”，进入组件更新页面。 图2 选择更新按钮 单击“上传”，上传本地的组件zip包，再单击“更新”。 图3 更新组件 在“插件”页签，单击，获取锁。
作需自定义JS代码逻辑，可单击代码区域右侧的，最大化自定义JS代码页面。 图1 页面自定义JS代码 在左侧模板代码中，单击服务编排或脚本左侧的，复制代码到右侧代码编辑区域，即可出现系统预置的经典接口。 图2 预置接口代码 方式二：通过定义服务模型实现 定义服务模型类型的数据模型，
对接对象存储代理兼容实例格式 对接Redis实现AstroZero对象数据缓存能力 对接CSS实现在应用中调用分布式搜索 对接OCR识别图片中文字 对接IEF管理边缘节点 对接ModelArts Pro实现在应用中使用文字识别和自然语言处理能力 对接ModelArt识别图像和文字 对接SMN发送短信 对接Message&SMS发送短信
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本，在前端页面实现对象数据的增加和删除。例如，在标准页面中增加或删除一条数据时，标准页面关联的对象中，数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4 在前端页面删除proId为1的数据
配置测试参数 选择类型：识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”，并上传待识别的行程码图片。 文字识别套件 / 图片URL：识别的主体是图片URL。 文字识别套件 / 图片文件：识别的主体为图片文件。 自然语言处理套件 / 文本信息：识别的主体为文本。 模
PortalUser!”（如图2）；超出规定的时间，则提示“Submission failed: Submitted too late”（如图3）。 图1 通过脚本限定 图2 非业务用户无法提交 图3 提示提交过晚 功能实现方法 创建对象“product”，并为对象添加字段。 在应用设计器的左侧导航
选择“自定义动作”，在右侧事件定义区域，输入实现事件逻辑的JS代码，也可从左侧拖动相关模板至右侧事件定义区域，单击“创建”。 内置JS事件说明及使用方法，请参见如何通过JS代码，实现页面与后台接口间的交互。 图4 自定义JS代码 自定义JS代码示例如下： //获取当前组件 var _component
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。
击Page1页面中的OK按钮，输入框中的数据会通过页面宏传递给Page2。 图1 页面间组件交互场景示例 页面间的组件交互原理如下图所示，在配置事件时，选择“默认”类别中的页面跳转，并通过新增动作参数将事件的参数传给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理
单击组件标题时触发。 当点击图例时 单击图例时触发。 当点击数据时 单击数据时触发。 图1所示的“跳转页面”事件，并非低代码平台预置的事件，而是在“雷达图”组件中注册的事件，当单击该组件标题时触发。即事件列表中也会展现该组件注册的事件，用于配置。组件中如何注册事件，请参见通过事件动作实现AstroZero高级页面内组件的交互。
基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图5所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图6所示。 图6 新增库 在弹出的新增库页面中，搜索刚上传的库文件“fetch”，选择该库文件，单击“确定”。 图7 选择库 在组件的右侧面板中，可以看到已新增成功的库文件，如图8所示。
”，如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图6配置按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。 图6 新增库 在弹出的新增库页面中，搜索刚上传的库文件“
要更新的组件（例如userLogin），单击组件所在行右侧“查看详情”，进入组件详情页。 图4 页面设置下的组件列表 如果页面图标高亮，则需要先单击解锁页面。 单击“更新”按钮进入组件更新页面。 图5 选择更新按钮 单击“上传”，上传本地的组件zip包，再单击“更新”。 图6 上传本地组件包
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
