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