检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过在线编辑器完善组件。 测试结果基本满足预期，但是由于图片尺寸不同，有些图片未能完全展示，还需优化。本例中向您介绍AstroZero平台提供的，在线组件开发工具。 单击组件详情页中的“编辑”，在跳转到的“组件编辑”页面进行组件代码开发，完成后单击“发布”，即可完成组件更新。
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。
meta 操作object的元数据，例如获取字段名称、获取字段长度。 http http或者https操作。 iconv 将字符串转为GBK、GB18030、GB2132或ISO8859_1编码格式，或者解码字符串。
meta 操作object的元数据，例如获取字段名称、获取字段长度。 http http或者https操作。 iconv 将字符串转为GBK、GB18030、GB2132或ISO8859_1编码格式，或者解码字符串。
若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击“执行”，可运行该接口。返回成功响应，表示接口调用成功。
若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 图2 公共接口 图3 私有接口 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击“执行”，可运行该接口。返回成功响应，表示接口调用成功。
雷达图 雷达图是指通过极坐标的展现形式，使用围合的区域，来表示数据在不同维度的具体表现。 在高级页面设计器中，单击，从“图表 > 雷达图”中，拖拽“雷达图”组件到画布中，如图1所示。 图1 雷达图 属性 在属性中，设置雷达图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题
在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 查看服务ID值。 在脚本中调用连接器 在脚本中，调用连接器，实现调用ModelArts的接口。
饼图 饼图组件用于实现饼图样式数据报表统计。在报表编辑页面，拖拽“饼图”组件到中间区域，右侧可设置组件属性。 图1 饼图 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 扇区分区：选择哪些字段，作为饼图扇区分区字段。单击，可设置维度名称相同时是否合并
业务用户登录页前台开发实施步骤 业务用户在前台登录时，需要先在线下开发一个登录组件，上传到高级页面，并在高级页面中配置组件桥接器中的数据。最后在页面中，输入登录账号密码，通过调用“用户登录服务编排”，实现“业务用户”页面登录功能。
脚本用什么编辑器 AstroZero提供一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示，智能补全。 精确查看定义，代码预览，查找引用。 快速在线编译。 友好的语法错误提示。
脚本用什么编辑器 低代码平台提供了一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示、智能补全。 精确查看定义、代码预览、查找引用。 快速在线编译。 友好的语法错误提示。
基于应用模板修改或DIY开发，完成问卷、投票、测试、信息收集等工作，还能在线筛选、分析数据。为了让开发者更快捷的完成开发任务，AstroZero零代码提供了大量能力提升开发者的开发效率。
创建空白AstroZero脚本 服务编排和脚本一样，都是完成业务接口和逻辑开发的，服务编排是图形化的，适用于业务逻辑比较简单的场景，而对于业务逻辑比较复杂的场景，您可以通过在线开发TypeScript脚本实现。
成长地图 Astro轻应用 Astro轻应用（Astro Zero，简称AstroZero）是华为云为行业客户、合作伙伴、开发者量身打造的低代码/零代码应用开发平台，提供全场景可视化开发能力和端到端部署能力，可快速搭建行业和大型企业级应用并沉淀复用行业资产，加速行业数字化。 产品介绍
克隆视图 当业务场景相似时，可以通过克隆视图后进行修改，完成表单的快速开发。克隆表单只会拷贝元数据结构，具体的实例数据不会拷贝。 克隆视图 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 单击待克隆视图后的
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称
柱状图 柱状图组件用于实现柱状图样式数据报表统计。在报表编辑页面，拖拽“柱状图”组件到中间区域，右侧可设置组件属性。 图1 柱状图 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 维度：选择字段作为维度字段。单击，可设置维度排序方式（如升序、倒序等
编辑视图 视图创建后，支持修改已创建的视图。 编辑视图 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 单击“全部”或已创建视图后的，选择“编辑视图”。 图1 编辑视图入口 参考创建视图中操作
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
