检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过在线编辑器完善组件。 测试结果基本满足预期，但是由于图片尺寸不同，有些图片未能完全展示，还需优化。本例中向您介绍AstroZero平台提供的，在线组件开发工具。 单击组件详情页中的“编辑”，在跳转到的“组件编辑”页面进行组件代码开发，完成后单击“发布”，即可完成组件更新。
图1 商品列表组件的响应式设计 操作步骤 参考在线开发高级组件中操作，下载组件模板widgetVueTemplate（组件名称设置为“commodityListWidget”）。
另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需要遵从响应式布局设计规范。组件的响应式设计，是高级页面适配多终端的重要前提。下面以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。
另外，为确保自定义组件能够自适应不同分辨率设备，在组件开发中用户需要遵从响应式布局设计规范。组件的响应式设计，是高级页面适配多终端的重要前提。
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。
分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。 图4 自定义行布局 布局模式：设置PC或Phone屏幕，每一个分栏的栏布局模式。
图12 弹性布局实现居中 自适应布局 自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态布局，确保一个页面在所有终端上（各种尺寸的PC、平板、手机、智能手表等）都能显示出令人满意的效果。
操作：单击，可配置该视图下站点的分辨率、页头、页尾、列数、是否默认。单击，可配置该视图下站点页面的页头前缀、页头后缀、Body前缀、Body后缀、页头、页脚和Cookie设置。该配置对此站点所有页面生效，例如在页头前缀中加入脚本或者设置style样式。
针对不同的终端类型和不同屏幕分辨率的设备，定义不同样式，选择应用不同的CSS规则。只有当该设定媒体查询与正在使用的设备匹配时，其对应的CSS规则才起作用。
若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 图2 公共接口 图3 私有接口 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击“执行”，可运行该接口。返回成功响应，表示接口调用成功。
若为公共接口，支持查看接口参数并进行在线测试。若为私有接口，只可查看接口的入参和出参。 单击接口URL后的，可查看接口的参数。 若为公共接口，单击“测试一下”，填写输入参数，单击“执行”，可运行该接口。返回成功响应，表示接口调用成功。
分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。 图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。
邮件模板 AstroZero提供了在线配置Email模板和Email告警的能力，您可以为您的组织创建Email模板和Email告警信息。Email告警配置依赖于Email模板配置。 在AstroZero中，可以根据不同的业务场景，配置多个Email模板，用于给用户发邮件时使用。
管理应用中的脚本 针对业务逻辑比较复杂的场景，AstroZero低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。在AstroZero环境配置中，可管理当前账号下所有的脚本，包括查看、启用、禁用、运行脚本等。
运营人员 在线统计、筛选、排序数据，帮助运营人员从不同维度分析数据，及时调整运营策略。 管理者 支持投票、信息反馈等应用，管理者可以根据组织需要，开发适合组织的各类应用。 父主题： 快速了解零码
脚本用什么编辑器 AstroZero提供一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示，智能补全。 精确查看定义，代码预览，查找引用。 快速在线编译。 友好的语法错误提示。
脚本用什么编辑器 低代码平台提供了一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示、智能补全。 精确查看定义、代码预览、查找引用。 快速在线编译。 友好的语法错误提示。
使用说明 通过创建定时清理任务，可以根据设定的清理条件对特定对象的数据进行清理，并根据业务需求进行在线创建、查看、删除相关清理任务。
前提条件 用户在线下开发应用时，需要在原生服务开发页面的运营配置中，提前配置好原生服务需要暴露的具体配置项。配置后，才会在AstroZero管理中心的“应用管理 > Native服务配置”中显示。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。
业务用户登录页前台开发实施步骤 业务用户在前台登录时，需要先在线下开发一个登录组件，上传到高级页面，并在高级页面中配置组件桥接器中的数据。最后在页面中，输入登录账号密码，通过调用“用户登录服务编排”，实现“业务用户”页面登录功能。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
