在当今的数字化时代,用户界面组件在应用程序开发中扮演着至关重要的角色。一个好的组件不仅可以提高用户体验,还可以简化开发过程。在各种用户界面组件中,下拉框是一个常见且实用的组件,它允许用户从一系列选项中进行选择。当这些选项需要动态获取时,API接口数据的集成就变得至关重要。

在理解这些基本概念之后,我们将通过一个具体的示例来展示JVS低代码如何使用API接口数据配置下拉框组件。这个示例将帮助大家更好地理解如何在实际开发中应用这些概念。

表单下拉组件选项使用API接口数据

下拉框组件使用下拉选项展示并选择内容,下拉选项可使用API接口数据返回。

配置入口:

低代码表单API接口数据,驱动下拉组件的强大引擎_表单引擎

①:接口地址,配置接口API的具体URL地址,这里的接口是通过get的方式对接口地址进行请求。

此处需要将接口应用注册到当前环境的nacos中,从网关访问接口。例如:

http://10.0.0.159:8088/mgr/jvs-demo/index/services/selected_api

http://10.0.0.159:8088/mgr/jvs-demo/】为路由地址,【/index/services/selected_api】为接口地址

②:显示值,对请求回来的数据设置展示的字段。

如下面示例图中的【fieldName】

③:传递值,设置使用后选项对应真实传递值的字段。

如下图中的【tableName】

注意:接口返回中code和msg这两个参数必须返回。

低代码表单API接口数据,驱动下拉组件的强大引擎_下拉框_02

接口返回示例:

低代码表单API接口数据,驱动下拉组件的强大引擎_表单引擎_03

效果如图:

低代码表单API接口数据,驱动下拉组件的强大引擎_API_04

在线demo:https://frame.bctools.cn

开源基础框架:https://gitee.com/software-minister/jvs