检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZer
i + 1 }) } context.$params[0](list); 验证效果是否符合预期。 单击页面上方的，保存标准页面。 保存成功后，单击，在移动端预览效果。 图12 原始显示效果 按住左键鼠标向上拖动，数据可正常加载。 图13 异步加载数据 父主题： 应用前端开发
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作，您可以根据需要直接使用，来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例，介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。
参考平台标准组件介绍中操作，为标准页面添加组件并设置组件属性。 参考如何实现页面组件间的交互中操作，添加组件交互。 设计完成后，单击页面上方的，保存标准页面。 保存成功后，单击，预览标准页面。 如果预览效果和预期不符，可返回标准页面进行修改，直至符合预期。 父主题： 标准页面
te组件，已显示页面宏的默认值，依次保存、发布Page2页面。 图7 保存并发布Page2 单击Page1页面上方的，预览效果。 父主题： 添加事件或宏实现AstroZero高级页面组件交互
、显示一段时间内产品价值变化等。 图4 阶梯瀑布效果 横向柱条效果：是否开启横向柱条展示效果。 堆叠显示（多数据系列效果）：多条数据系列时才会显示该参数，是否对多条数据系列数据进行堆叠显示。 X轴：X轴配置。 坐标轴名称设置：包括名称文本内容、文本颜色、文字大小、名称与轴线间距及名称旋转设置。 轴线设置：包
如何调测标准页面 标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
通过事件动作实现AstroZero高级页面内组件的交互 操作场景 AstroZero低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。 动作是响应事件后，按照设定的方式
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
字体颜色：设置水印字体的颜色。 字体大小：设置水印字体的大小。 旋转角度：水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度：水印的透明度设置。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事
下一个任务。 通过并行审批，可以快速的实现会签功能。可以将结果触发方式选择为“等待所有投票完成触发投票结果”，在这种投票触发方式下，将需要所有被分配了当前任务的用户完成相应的任务后才能推动工作流流程，即实现了会签功能。 父主题： 深入了解用户任务
、显示一段时间内产品价值变化等。 图5 阶梯瀑布效果 横向柱条效果：是否开启横向柱条展示效果。 堆叠显示（多数据系列效果）：多条数据系列时才会显示该参数，是否对多条数据系列数据进行堆叠显示。 X轴：X轴配置。 坐标轴名称设置：包括名称文本内容、文本颜色、文字大小、名称与轴线间距及名称旋转设置。 轴线设置：包
当关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色 水印字体的颜色。 字体大小 水印字体的大小。 旋转角度 水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度 水印的透明度设置。 父主题： 高级页面
实现投票 使用说明 在实现会签章节中，通过将结果触发方式选择为“等待所有投票完成触发投票结果”实现了会签功能，本节将介绍如何通过用户任务实现投票功能。 操作步骤 需要先将操作投票任务的用户加入到一个工作队列或公共组中。 参考如何进入经典开发环境中操作，进入经典版应用开发页面。 在
如何实现页面转跳 使用说明 常用的业务页面与页面之间经常为了实现某种业务逻辑，需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时，例如图1中，在“调查问卷”页面单击“提交”按钮，由填写页面转跳到提交成功页面，并向提交成功页面传递此次“调查问卷”的记录id和页面名称
器，或者直接通过定义JavaScript代码，来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分，用于承载页面中的逻辑，完成事件响应，以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区：集中存放事件编排过程中使用的行为
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OBS后，可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
使用AstroZero为组件配置中英文语言属性 期望实现效果 为组件配置多语言属性，实现组件在不同语种环境下都可正常显示。在AstroZero中对组件进行国际化配置，主要是修改国际化资源文件（i18n）。下面以为组件widget_demo_i18n配置中文和英文两种语言属性为例，其最终实现效果如图1、图2。 图1
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
