检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时,可以在脚本中为表单添加一些提交限制,来提升用户体验和数据的安全。例如,在脚本中定义一个延迟时间(如图1),在规定的时间内提交表单时,提示“Submission failed: Not PortalUser
器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集中存放事件编排过程中使用的行为
选取。此时,可以通过添加一个输入框B,实现下拉框A的选项值根据输入框B输入的值进行筛选。例如,输入框B中输入Online,下拉框A中只显示所有上架状态的商品,如图1。 图1 实现效果 解决方法 这里可以通过设置标准页面的输入框和下拉框,来实现自定义下拉框选项取值。 向标准页面工作
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本,在前端页面实现对象数据的增加和删除。例如,在标准页面中增加或删除一条数据时,标准页面关联的对象中,数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑
如何实现页面转跳 使用说明 常用的业务页面与页面之间经常为了实现某种业务逻辑,需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时,例如图1中,在“调查问卷”页面单击“提交”按钮,由填写页面转跳到提交成功页面,并向提交成功页面传递此次“调查问卷”的记录id和页面名称
单击具体的BO,如Device,查看BO的配置项并可根据需要进行自定义。 图1 Device配置界面 返回“应用管理 > BO配置”,鼠标悬浮在具体的BO上,会出现齿轮图标,单击该图标,可查看该BO的基本信息与服务接口信息。 图2 单击齿轮图标 在“服务接口”中,可以查看BO自定
事件进行设置,也可以加载第三方库。 属性:组件的属性展示区域,通过修改组件的属性,使页面达到预期效果。 事件:事件编排器的入口,通过系统预置的事件编排器,或者直接定义JS代码,来实现页面组件与后台接口之间的交互。 库:加载当前页面所依赖库的入口。页面设计的某些功能需要依赖特定的库
通过自定义动作实现AstroZero标准页面组件交互 操作场景 如果您擅长编写JavaScript代码,可以不使用事件编排器中的内置动作,直接通过手动编写JavaScript代码实现事件的逻辑功能。低代码平台支持在手动编写JavaScript代码时,进行代码联想提示,并封装了一些
扇区展现 > 最小角度:扇区数据的最小角度,取值范围0~360。 鼠标悬停 > 扇区放大:鼠标悬停在饼图上时,是否展现该扇区放大效果。 图4 扇区放大效果 标签 > 普通扇区是否展现:普通扇区是否展现标签,默认为不展示。 标签 > 高亮扇区是否展现:高亮扇区是否展现标签,默认为展示。
属性:组件的属性展示区域,可在属性面板修改组件属性使页面达到预期效果。在工作区域“设计视图”下选中组件,键盘上按Tab键,可在“属性”页签中切换属性参数项,按Enter键可设置属性值。 事件:进入事件编排器的入口,您可通过系统预置的事件编排器,或者直接通过定义JS代码,来实现页面组件与后台接口之间的交互。 库
际业务需求,进行二次修改编排。 图1 表格组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时
使用AstroZero为组件配置中英文语言属性 期望实现效果 为组件配置多语言属性,实现组件在不同语种环境下都可正常显示。在AstroZero中对组件进行国际化配置,主要是修改国际化资源文件(i18n)。下面以为组件widget_demo_i18n配置中文和英文两种语言属性为例,其最终实现效果如图1、图2。 图1
参考平台标准组件介绍中操作,为标准页面添加组件并设置组件属性。 参考如何实现页面组件间的交互中操作,添加组件交互。 设计完成后,单击页面上方的,保存标准页面。 保存成功后,单击,预览标准页面。 如果预览效果和预期不符,可返回标准页面进行修改,直至符合预期。 父主题: 标准页面
此时画布中的widgetPageMacroTemplate组件,已显示页面宏的默认值,依次保存、发布page2页面。 单击Page1页面上方的,预览效果。 父主题: 如何实现组件交互
使用AstroZero在前端表格中增删改对象数据 期望实现效果 通过添加一个工具栏,在前端页面实现对象数据的增加、删除和修改。例如,在标准页面的表格中,增加、删除和修改数据时,页面关联的后台对象数据也会随之更改。 最终实现效果:双击demoName中的数据栏,可以对数据进行编辑。
对接SMTP实现邮件发送功能 背景信息 简单邮件传输协议(SimpleMailTransferProtocol,简称SMTP),是一种提供可靠且有效电子邮件传输的协议。在AstroZero中应用通过与SMTP对接,实现邮件发送功能。如何开通邮箱的SMTP功能,请参见服务编排、BPM、脚本中发送邮件功能不可用。
widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的,保存页面。 保存成功后,单击,进入预览页面,查看效果。 父主题: 如何实现组件交互
对接Redis实现数据存储 通过应用与Redis对接,实现数据存储功能。 前提条件 已获取Redis提供服务的URL地址和登录密码。 新建Redis连接器 参考创建连接器入口中操作,进入创建连接器页面。 在左侧列表中,选择“数据库 > Redis”,单击“+”。 图1 新建Redis
对接SMN实现短信发送功能 背景信息 通过应用与华为云的消息通知服务SMN(Simple Message Notification)对接,实现短信发送功能。 场景描述 给某手机号码发送条短信,短信内容为:“Hi Lily!”。 前提条件 已在华为云的消息通知服务SMN注册账号,并