接口测试平台代码实现34:请求体
接着上节的开发，我们还差一个请求体，等我们把核心功能开发后，会对交互进行优化。输入更加快捷。 打开P_apis.html。接着在div调试弹层 的里面 加上一个ul ，用来放我们请求体的选择按钮组： 按钮一共有5个，其中一个是下拉单。分别是None ，form-data,x-www-form-urlencoded,raw,返回体其....
接口测试平台代码实现33:接口调试
终于开始了接口调试模块，废话不多说了，直接开始：首先我们要做一个简单的弹层，和上节课的备注弹层一样的做法，这里就给大家快速贴源码了用到的技术都是之前学过的。注意一点，打开弹层后，一定要在弹层的某个地方放入接口id，以便我们之后调试保存时，发出的请求中可以知道当前用户打开的是哪个接口。 首先打开P_apis.html，加入这个弹层：id=ts注意....
接口测试平台代码实现32:接口列表备注功能
备注功能是一个非常非常小的功能，所以我们先迅速处理掉这个备注功能 让我们制作一个简单的备注输入框和保持/取消按钮，然后用户点击备注按钮就会显示这个输入框+保持/取消按钮。 保持和取消都会让输入框消失，但是保存功能多了一个像后台发送请求的过程，把备注内容给后台保存起来。所以打开P_apis.html：新建了这个div备注弹层：注意其中有个隐藏的input，这个是用来存储我....
接口测试平台代码实现31:接口列表增删备注功能
本节课继续开发接口列表：增加接口功能：给大家捋一捋思路：首先找到html中的新增接口按钮，给它写一个href超链接，起个路由就叫：/project_api_add/项目id/ 然后去urls.py中写好映射 ，然后去views.py中写好后端函数 project_api_add() 当然这里小伙伴可以多练习，新建一个新的views_api.py 用来专门存放接口库的功能....
接口测试平台代码实现31:接口列表继续开发
本节我们继续开发接口列表 的前端，把需要展示的按钮都弄出来。首先打开P_apis.html ：在调试和删除 俩个按钮中间 加入 备注/复制/异常值测试 三个按钮 ，按钮顺序尽量按照使用习惯 和频率 来设计。新的三个按钮 样式上可以 和 调试/删除 不同 ，创建一个我们自己的小样式也可以。看看效果：我们看到，按钮都挤串行了。所以我们要给 这列的宽度加大！就固定350px吧。然后给接口名....
接口测试平台代码实现30:接口库-接口列表
首先来设计这个接口表：一个接口实体应该具有哪些字段呢？ 1. id ，自动生成无需在意 2.project_id ,所属的项目id 3.name , 接口名字 4.api_method ,请求方式 5.api_url , 请求url 6.ap....
接口测试平台代码实现29:真正的三大核心模块概述
只有三个功能 可以让这个django项目叫做接口测试平台：接口调试 ------对标postman自动化执行/监控 ---------对标jmeter或其他基础接口自动化项目自动录入/自动生成用例 --------对标fiddler/charles关于这三个大核心，每个下面都有数个非常强大的子功能。整个接口测试平台系列，也要正式开始踏足最难的这三个领域了。一直想挑战复杂后端技术的同....
接口测试平台代码实现28:子页面-项目设置
打开P_project_set.html：这里我们准备先放三个设置点：项目名称项目备注项目其他管理者三个设置点，其实都是静态文案span标签 + 输入框 组成。最后再做个保存按钮即可。如上图所示，先用俩个br 换行，往下撑一撑位置。然后在一个div标签（div有个子内容居中的属性）内，写好三组（h3+textarea）看看效果：然后我们给他们三个textarea多行输入框 加上id，以便我们把他....
接口测试平台代码实现27: 项目详情页的导航功能
如果发生代码问题特别混乱导致无法自主修复的情况，请及时下载项目的打包百度网盘链接，在第25节的末尾。对比代码或者干脆直接覆盖。言归正传，本节开始设计导航，教程都是属于半学习/半实验的性质。所以我们尽可能多的掌握一些，技多不压身。我们之前已经成功建立 三个子页面，并且打通了从项目列表页进入后默认进入接口库的链路接下来就是要 设计一个导航功能，让用户在 三个子页面中可以来回跳转。关于导航我们有很多设....
接口测试平台代码实现26:项目详情页设计
按照难度我们会先挑简单的下手。不过我们本节要做的是这三个子模块的 框架。我们目前的细节设计是，我们点击项目后，默认进入 接口库。然后无论在哪个子页面，都要有一个微型的导航/菜单，来让我们快速切换到不同的自模块所以本节我们就要做出三个空壳子模块，并架构好链接，还有学习首次使用oid来区分不同的数据返回给前端。首先我们新建三个html，分别取名：P_apis.html P_cases.h....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
