检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中，通过自定义列的显示类型，可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果，信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”，并为对象添加字段。 在应用设计器
中的字段成为表格的列，以及表格的查询条件。 添加操作列：表格的列，在表格中添加可操作列，即在操作列中通过添加图标，并为图标添加onclick事件代码，实现某些功能，如删除、编辑等。 添加空白列：表格的列，可添加表格空白列。 表格分区 > 工具栏：扩展表格能力，为表格添加工具栏，提供增删改查以及保存的功能按钮。
表格（新） 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于表格（新）中的表格组件来说，更适用于移动端，但是不支持展示树形结构。当表格中的数据有父子关系，需要展示出树形结构时，
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
使用相对地址：使用图片的相对路径。 高级设置 在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。
单击“轮播设置”，根据个人实际需求，设置轮播方向、图片播放时间间隔等。 图3 选择轮播设置 图4 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件，单击右键选择“高级设置”，选择“图片管理”。 图5 选择图片管理 单击“添加”，选中所需的图片，单击“保存”。 选中已添加的图片，在右侧图片设置中，单击链接后的。
选择对象和字段 单击“确定”，完成模型的创建。 返回设计视图页面，新建表格关联模型。 在标准页面的底部，单击“设计视图”，从模型视图切换回设计视图。 在标准页面中，拖入一个表格组件。 图15 拖入表格组件 选中表格组件，在“属性 > 数据绑定 > 值绑定”中，单击。 选中2中创建的模型，单击“确定”。
设置AstroZero标准页面表格（新）组件属性 表格（新）为数据表格组件，主要用于展示大量的结构化数据，支持电脑端和移动端。使用时，需要先通过数据绑定来绑定数据模型，再设置表格属性。 表格（新）相对于设置AstroZero标准页面表格组件属性中的表格组件来说，更适用于移动端，但是
型中的字段成为表格的列，以及表格的查询条件。 添加操作列：表格的列，在表格中添加可操作列，即在操作列中通过添加图标，并为图标添加onclick事件代码，实现某些功能，如删除、编辑等。 添加空白列：表格的列，可添加表格空白列。 表格区块 工具栏用于扩展表格能力，为表格添加工具栏，提供增删改查以及保存的功能按钮。
在标准页面中拖入一个表格组件。 图7 拖入表格组件 选中表格组件，在“属性 > 数据绑定 > 值绑定”中，单击。 选中2中创建的模型，单击“确定”。 图8 选择模型 在“表格列”中，单击webName列后的。 图9 选择所需的列 在“属性配置 > 功能”中，为webName列添加URL链接信息。
返回设计视图页面，新建表格关联模型。 在标准页面中拖入一个表格组件。 图8 拖入表格组件 选中表格组件，在“属性 > 数据绑定 > 值绑定”中，单击。 选中2中创建的模型，单击“确定”。 图9 选择模型 选中表格，在“属性 > 表格列 > 已添加列”中，单击，添加一个空白列。 图10 添加一个空白列 单击新增空白
在AstroZero标准页面中，如何实现有子表的表格？ 问题描述 当表格中的数据有父子关系，可在表格属性中开启“树形数据”开关，并指定关联字段后，可展示出树形结构的父子表格。 例如，系统中存在如图1所示的数据，数据之间存在父子关系，效果需要展示成“树形数据”，如图2所示，明确层级关系。 表格组件需要以树形展示
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OCR后，可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法 准备工作。
OBS/MINIO/OBJECTSTORAGEPROXY图片库，支持按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。 单击“上传图片”，可上传图片。 选中图片时，单击，可以在图片库中删除此图片。 预览：预览时，是否支持单击放大图片。 公共 控件名称：当前组件的名称。 隐藏：是
在高级设置中，可设置图片填充类型。 图2 高级设置 图3 图片设置页面 单击“选择图片”，在“我的图片”页签中，将鼠标放在目录上，单击可新建目录，单击可删除该目录。单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本，在前端页面实现对象数据的增加和删除。例如，在标准页面中增加或删除一条数据时，标准页面关联的对象中，数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
同步到运行环境中。 （可选）测试是否能识别身份证照片。 在连接器详情页面，单击“测试”。 “选择类型”配置为“图片URL”或“图片文件”，输入图片URL或选择身份证图片，单击“测试”。 图3 配置身份证 提示如下信息，表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器
表格字段太多，导致AstroZero标准页面无法完整显示，该如何处理？ 问题描述 表格显示字段太多，页面无法完整地清楚显示出每个字段，也没有横向的拖动条。 图1 表格字段无法完全显示 解决方法 如果表格字段太多，无法正常显示，可以在页面的“样式代码”中，添加样式代码。请参考图2，输入以下样式代码。
Key），即访问密钥对，具体操作请参见获取AK/SK。 已将身份证照片上传到华为云的OBS存储桶，并获取到图片的URL，具体操作请参见如何上传文件。 已将身份证图片转换为base64编码，具体操作请参见如何获取图片base64编码。 新建OCR连接器 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
