当前位置: 首页 > Web前端 > JavaScript

阿里低代码引擎-LowCodeEngine-HowtoConfigureandInvokeRequests

时间:2023-03-27 13:40:09 JavaScript

首发于语雀文档@bluejuPreface发送请求是前端非常重要和常用的部分,阿里的lowcodeengine自然不会缺少这块。在阿里低代码引擎中,请求是在数据源中配置的,数据源的位置如下图:配置配置界面如下图:推荐数据源ID使用小驼峰命名方式,因为请求返回的结果会保存在this.state中。数据源ID,如上图所示,当我们的表希望显示请求结果时,我们可以将this.state.DatasourceID绑定到表数据配置中。剩下的配置项要么配置的很简单(比如请求地址、请求参数、是否自动请求、请求方式),要么用得少,没必要(比如增加数据处理功能、请求头信息、超时时长),并且本文不是阿里的低代码引擎使用指南,就不细说了。调用虽然请求配置项中有一项叫是否自动请求,但是在我们的真实场景中,一般需要自己调用请求方法,比如点击查询时发送请求,清空查询表单发送查询requestwhenclickreset,howtocallthispiecefromtheuserinterface比较难理解,文档中的描述也很少,但如果有经验,稍作茧缚就能找到解决方案。现在的需求是在点击查询按钮的时候发送一个查询请求,那么我们在点击查询按钮后在查询中打印这个,如图:我们已经知道在数据源中配置了请求,那么我们就可以打印出这个从查找关于数据源的一些关键字,如上图,我们发现在属性dataSourceMap中有一个子属性tableDataSource,和我们在配置中的数据源id是一致的,并且其下有一个load方法,猜测是调用方法,然后我们在查询按钮触发的查询方法中编写调用代码。search(){console.log(this)constresponse=this.dataSourceMap.tableDataSource.load()response.then(res=>{console.log(res)this.setState({tableDataSource:res})})}as如下图所示,我们按照预期手动调用了请求,成功返回了响应结果。