这篇文章主要介绍“springbootvue测试平台接口定义前后端新增功能如何实现”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“springbootvue测试平台接口定义前后端新增功能如何实现”免费云主机域名文章能帮助大家解决问题。上节画了大概的前端页面，今天主要来实现后端接口，然后调通前后端实现接口新增功能。先预览下效果：在 ApiDefinitionController 类中新增一个处理方法，处理接口的新增请求：对应的在 service 层实现 add 方法：保存的实现不难，这里面加了几个重要参数的为空判断。在上节画的页面当中，还留有 rest参数和请求体这 2 个 tabs没画，先补全。这里主要是针对 restful 风格接口的请求，比如/bloomtest/project/list/1/10，这时候后面的1 和 10，就要在参数里设置变量去取了。形式还是跟前面的 请求头 和 query参数一样的：对应的增加这个字段：关于这里面的 key，是组件里需要的，我试过去掉，但是会有问题。暂时先留着，存进来目前不影响我后续的操作。这个请求体内容，目前只考虑一般都情况，需要对其进行 json 格式化展示。我依然在 github 上找现成的组件，结果找到了一个vue-json-editor。这个组件是支持编辑的，我上节里使用在返回展示的不可以编辑。安装好之后，在vue文件中导入使用。这个组件里同样也是支持一些功能的，不过我只需要能格式化即可，作者代码里有一段 demo。在我的代码里使用也很简单，直接找到要放这个输入框的地方，把代码copy进去修改。v-model 双向绑定的字段:mode=”‘code'”，则是默认显示的模式，如下功能虽然有了，但是样式和颜色我不太喜欢，我试图去修改源码想调整下，但是不行，暂时先这样，以后再说。因为我整张页面里分了好多个不同的 form 表单，所以我现在要有个地方处理一下，搜集这些表单的内容，放在一个地方，用于最后的接口请求。新增一个方法 handleSaveRequest ，给里面的字段赋值：注意，在方法里有个判断。就是在这 3 个 tabs 中，我点击的哪一个，就会把其中添加的内容赋值给this.saveApiRequest.request：另外，还要注意的是，对于 apiHeader、request、response，还需要使用JSON.stringify()将其转为 Json 字符串，方便后端保存。首先还是要在 apiDefinition.js 新增这个接口：接着就是导入：最后实现新增接口的方法saveApi，当然了，在【保存】按钮上的@click="saveApi"点击事件不能少了。在这个saveApi方法里，要做这么几件事：先调用方法handleSaveRequest，给请求参数赋值请求接口，并提示结果关闭新增的对话框刷新列表这样接口的新增功能就实现了，不过这里模块的地方暂时默认写死了个0，保存的接口先存放在顶级节点下，后续这里还需要实现一个选择树，用来绑定具体模块。关于“springbootvue测试平台接口定义前后端新增功能如何实现”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
相关推荐: python的tf.train.batch函数怎么用
这篇文章主要介绍“python的tf.train.batch函数怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“python的tf.train.batch函数怎么用”文章能帮助大家解决问题。其中：1、tensors…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
