【测试开发】十四、接口测试-接口定义功能-前后端-实现新增
基于 springboot+vue 的测试平台开发继续更新。上节画了大概的前端页面，今天主要来实现后端接口，然后调通前后端实现接口新增功能。先预览下效果：老规矩，分为前后端讲解。一、后端部分在 ApiDefinitionController 类中新增一个处理方法，处理接口的新增请求：@PostMapping("/add") public Result add(@RequestBody Api...
【测试开发】十三、接口测试-接口定义功能-前端-实现动态增删表单
基于 springboot+vue 的测试平台开发继续更新。目前已经进入到接口定义功能的开发阶段，首先我还是直接在前段画了个大概的页面，先预览下：不过目前只是画了这个页面都主要功能，细节未尽事宜待具体开发的时候再进一步完善。从上面动态图上已经显示了大概情况，主要是创建接口的功能，其中还支持发送调试。发送请求的功能就直接参考 postman，用起来习惯。页面实现整个编辑页面是放在一个对话框里 di....
【测试开发】十二、接口测试-实现接口列表功能-递归查询子节点下的接口
基于 springboot+vue 的测试平台开发继续更新。模块树节点的开发暂告一段落，现在开发右边接口相关的部分，今天先完成列表的功能。功能是这样，当点击树的某个节点时候，右侧列表展示这个节点下的所有接口，带分页（最终效果图）。需要注意的是，因为节点下还有子节点，所以列表的功能需要使用递归来查询。一、后端1. 建表想了一些字段，可能后续还会有些改动，暂时先这样：CREATE TABLE `ap....
【测试开发】十一、接口测试-前后端-实现树节点编辑、删除功能
基于 springboot+vue 的测试平台开发继续更新。一、编辑功能1. 编辑页外显点击树节点的编辑按钮，打开对话框，展示原有的节点名称。本来树形控件里没有自带的编辑操作，我直接加了一个按钮在上面，绑定点击事件调用edit(data)方法。为了确认 data 可用，我在edit方法中打印了一下 data 的内容，是有我需要的字段的:id 可以传给后端接口用于查询表里的数据，name 可以直接....
【测试开发】十、接口测试-前后端-实现添加树结点功能
基于 springboot+vue 的测试平台开发继续更新。一、前端Tree树形控件的append方法在elementUI 树控件下有个append方法，可以用来为 Tree 中的一个节点追加一个子节点。目前我们已经完成了树列表的接口，可以在 append 方法中输出一下传入的 data 里到底是什么。console.log('传入的node：' + JSON.stringify(data))点....
【测试开发】九、接口测试-前后端-实现模块树列表功能
基于 springboot+vue 的测试平台开发继续更新。上一篇完成了模块树的列表接口，接下来可以和前端页面联调了。一、存放接口的js文件老样子，新建js文件，把要调用的后端接口请求封装在 src/api/apiModule.js这里：import request from '@/utils/request' export function getModuleList(projectId) {....
接口测试平台代码实现32:接口列表备注功能
备注功能是一个非常非常小的功能，所以我们先迅速处理掉这个备注功能 让我们制作一个简单的备注输入框和保持/取消按钮，然后用户点击备注按钮就会显示这个输入框+保持/取消按钮。 保持和取消都会让输入框消失，但是保存功能多了一个像后台发送请求的过程，把备注内容给后台保存起来。所以打开P_apis.html：新建了这个div备注弹层：注意其中有个隐藏的input，这个是用来存储我....
接口测试平台代码实现31:接口列表增删备注功能
本节课继续开发接口列表：增加接口功能：给大家捋一捋思路：首先找到html中的新增接口按钮，给它写一个href超链接，起个路由就叫：/project_api_add/项目id/ 然后去urls.py中写好映射 ，然后去views.py中写好后端函数 project_api_add() 当然这里小伙伴可以多练习，新建一个新的views_api.py 用来专门存放接口库的功能....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
测试更多接口相关
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注