检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理页面级数据源、全局状态 使用说明 页面组件之间,可以通过配置事件和动作进行信息交互。当页面组件较多,且需要进行信息交互时,频繁的给每个组件去定义事件或动作就比较繁琐了。此时,可以通过定义全局状态,来实现页面级所有组件中数据信息的更新。 低代码平台高级页面支持设置全局状态,通过页面级内存方式共享数据
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero
开发调查问卷标准页面实例 本节将通过开发一个“调查问卷”应用页面用来演示标准页面的基本功能,页面完成后如图1所示。 图1 调查问卷应用效果 创建一个自定义对象“Questionnaire”。 创建“Questionnaire”对象,在对象内新建7个文本类型的自定义字段“questionCode0
路由导航和路由视图 路由导航和路由视图组合使用,可实现路由导航以及展示当前生效路由对应的页面内容(如图1)。一个页面只支持放置一个路由导航和一个路由视图组件。 图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时,当前使用该组件的页面和路由导航关联的页面布局类型必须为
页面间组件交互 使用说明 页面间组件的交互,除了需要事件-动作机制,还需要用到低代码中的页面宏。本章节通过具体示例,为您介绍页面间组件交互的方法。如图1所示,高级页面Page1中包含示例组件widgetEventTemplate,高级页面Page2中包含示例组件widgetPageMacroTemplate
如何执行后台逻辑 什么是执行后台逻辑 在标准页面执行后台逻辑,即在标准页面组件的事件中,调用其他服务补充和实现当前事件的行为。 例如,在员工信息录入页面中,在信息“提交”按钮的“点击”事件中,调用API,将表单中的员工信息发送到数据库进行保存。或者调用在标准页面中的服务编排或脚本,
上传 上传组件用于上传文件。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“上传”组件至页面工作区域,如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联
通过宏实现AstroZero高级页面间组件的交互 操作场景 页面间组件的交互,除了需要事件-动作机制,还需要用到低代码中的页面宏。本章节通过具体示例,为您介绍页面间组件交互的方法。如图1所示,高级页面Page1中包含示例组件widgetEventTemplate,高级页面Page2
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面
下拉框 下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“下拉框”组件至页面工作区域,如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2
应用前端开发 在AstroZero标准页面中,如何调用服务编排或脚本? 在AstroZero标准页面组件较多时,如何快速选中组件? 表格字段太多,导致AstroZero标准页面无法完整显示,该如何处理? 在AstroZero标准页面中,如何实现有子表的表格? 在AstroZero标准页面中
使用AstroZero自定义组件在页面中的属性 期望实现效果 组件预置的属性不能满足您的业务需求时,支持为组件自定义属性。例如,为组件widget_demo_property自定义Text Property、Checkbox Property和Select Property三个属性
同页面内组件的交互 组件中自定义事件、动作 若低代码平台预置的事件与动作不能满足您的开发需求,还可以在组件中对其进行自定义,以实现业务逻辑。 低代码平台提供的组件模板中,包含了事件和动作的模板组件(widgetEventTemplate、widgetActionTemplate)。
如何调用后台接口 在应用开发过程中,经常需要在高级页面组件中调用后台接口来完成整个业务场景(例如获取购物车中用户的ID,订单编号,商品信息等)。为方便用户调用可配置的API,平台提供了桥接器功能。桥接器封装了平台的一些逻辑,如csrftoken验证、数据共享、数据周期调用功能等。
使用桥接器为AstroZero高级页面组件绑定数据 在应用开发过程中,经常需要在高级页面组件中调用后台接口来完成整个业务场景(例如获取购物车中用户的ID,订单编号,商品信息等)。为方便用户调用可配置的API,平台提供了桥接器功能,桥接器封装了平台的一些逻辑,如csrftoken验证
为AstroZero标准页面添加组件 标准页面组件分类 标准页面组件包括系统预置的基本组件和用户自定义的扩展组件,基本组件具体说明如表1所示。如果需要了解每个基本组件的详细使用说明,请将鼠标悬浮在基本组件上,基本组件右上方会出现问号图标,单击该图标会出现该基本组件的使用说明。 表1
应用前端开发概述 前端开发是指通过拖拉拽预置或自定义组件,进行页面配置开发。AstroZero低代码平台提供了标准页面、高级页面和报表三种类型的前端页面。在开发前端页面前,请先了解三者的区别。 标准页面主要适用于对样式要求相对简单的场景(如表单类应用),这种页面一般用于业务数据的增
设置AstroZero高级页面路由导航和路由视图组件属性 路由导航和路由视图组合使用,可实现路由导航以及展示当前生效路由对应的页面内容(如图1)。一个页面只支持放置一个路由导航和一个路由视图组件。路由导航和路由视图组件的属性和其他组件类似,可参考其他组件进行配置。 图1 页面预览效果
业务用户登录页前台开发实施步骤 业务用户在前台登录时,需要先在线下开发一个登录组件,上传到高级页面,并在高级页面中配置组件桥接器中的数据。最后在页面中,输入登录账号密码,通过调用“用户登录服务编排”,实现“业务用户”页面登录功能。 本文以“A”应用为例,介绍如何开发登录页面,具体流程如图
通过事件动作实现AstroZero高级页面内组件的交互 操作场景 AstroZero低代码平台为组件设计了事件-动作机制,实现组件与组件、组件与页面之间的交互。 事件是应用在运行时,页面内发生的动作或者用户执行的操作(例如单击组件、组件加载等)。 动作是响应事件后,按照设定的方式,