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