在当今的数字化时代,用户界面组件在应用程序开发中扮演着至关重要的角色。一个好的组件不仅可以提高用户体验,还可以简化开发过程。在各种用户界面组件中,下拉框是一个常见且实用的组件,它允许用户从一系列选项中进行选择。
当这些选项需要动态获取时,API接口数据的集成就变得至关重要。在理解这些基本概念之后,我们将通过一个具体的示例来展示JVS低代码如何使用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这两个参数必须返回。
图片

接口返回示例:
图片

效果如图:
图片

在线demo:https://frame.bctools.cn
开源基础框架:https://gitee.com/software-minister/jvs


软件部长
43 声望6 粉丝

软件研发行业老司机,提供些踩坑的经验而已