有手就会写的接口测试平台

上节我们已经成功保存了none 和 form-date 俩种请求体。 本节课我们处理完剩余请求体，内容较多。因为是直播撸码，所以难免会有一些不完美的地方。大家自行优化。 打开P_apis.html发现

本节主要来讲一下，使用者在打开接口调试面板后，点击保存按钮，就会成功保存好，并且再次打开后，能显示出来呢？可能大家会觉得本节课没什么难度，就是简单的保存而已，但是实际上，本节是非常复杂的。因为接口的不

本节我们先搞定x-www-form-urlencoded的前端交互： 首先复制我们form-data的小div的内容 到 x-www-form-urlencoded 的小div里： 复制好后，我们要改

接上节课： 不知道跟上的同学有多少，本节最后会附上最新的项目压缩包 我们现在要开始开发form-data:表格，可增删，数据提取出来简单： 这里给大家 选好了一个现成的。地址： http://down

接着上节的开发，我们还差一个请求体，等我们把核心功能开发后，会对交互进行优化。输入更加快捷。     打开P_apis.html。接着在div调试弹层 的里面 加上一个ul ，用来放我们请求体的选择按

终于开始了接口调试模块，废话不多说了，直接开始： 首先我们要做一个简单的弹层，和上节课的备注弹层一样的做法，这里就给大家快速贴源码了用到的技术都是之前学过的。注意一点，打开弹层后，一定要在弹层的某个地

备注功能是一个非常非常小的功能，所以我们先迅速处理掉这个备注功能     让我们制作一个简单的备注输入框和保持/取消按钮，然后用户点击备注按钮就会显示这个输入框+保持/取消按钮。 保持和取消都会让输入

本节课继续开发接口列表： 增加接口功能： 给大家捋一捋思路：首先找到html中的新增接口按钮，给它写一个href超链接，起个路由就叫：/project_api_add/项目id/  然后去urls.p

本节我们继续开发接口列表 的前端，把需要展示的按钮都弄出来。 首先打开P_apis.html  ： 在调试和删除 俩个按钮中间 加入 备注/复制/异常值测试 三个按钮 ，按钮顺序尽量按照使用习惯 和频

本节开始，最近篇章都应该是设计接口库的功能，让我们先从设计接口列表下手：     开发一个接口列表，用到的设计思路 和之前的项目列表类似： 数据库中的接口表 前端循环展示 增加/删除/设置/复制/备注

如果说接口测试平台到底是做什么的？或者说核心到底是什么？ 是帮助模块么？是首页么？是登陆注册么？ 肯定都不是。     只有三个功能 可以让这个django项目叫做接口测试平台： 接口调试 -----

本节基本会快速的一起做完 3个子页面的 最简单的 项目设置。 整体会提高节奏。重复的简单知识不会再过多阐述，给大家先熟悉下快节奏的感觉，以便后面把主要精力放在复杂的功能实现上。          打开

如果发生代码问题特别混乱导致无法自主修复的情况，请及时下载项目的打包百度网盘链接，在第25节的末尾。对比代码或者干脆直接覆盖。 这里再唠叨两句： 1.作者明白大家想要立即举一反三各种花样的玩法，不过我

本节我们要设计项目详情页。按照我们之前的设计，项目详情页至少要包括3个部分：     接口库 ：难度 ***  （接口导入/调试）     用例设置 ：难度 ***** （用接口库的接口组成各种用例/

本节主要来实现新增一个项目的功能： 我的设计是： 点击新增按钮，出现一个弹层，这个弹层上有输入框，要求用户输入项目的名称。还有确定/取消 按钮。 这个弹层默认是隐藏的一个div，当点击新增按钮后，修改

本节我们要做的是 项目列表页面的删除功能： 我们先看删除按钮： 首先我们设计一个js函数，让其点击之后触发删除功能，为了防止误删，所以要有个确认的对话框。 先在底部新建一个script用来存放js删除

好本节，继续收尾项目列表。 首先是在最上方 加入一段 说明标题 比较好： 效果如下： 然后我们美化一下这俩个按钮,我们可以在head中新建一个style，来控制全页面的按钮css样式。随便起了个.bt

上节课我们已经创建好了俩个项目作为demo，所以接下来就是我们要打造一个项目列表的前端页面，     新建一个html页面，取名叫project_list.html： 然后进入urls.py中，打造好

在本节开始之前，让我们先修复一个bug， bug是，我们在做首页的超链接的时候，修改了child函数，使其增加了一个返回数据的控制器-child_json()函数     虽然首页我们成功了，但是影响

本节开始，我们依然是简单优化了一下首页。首页作为我们的练习版，承载了太多   ....     增加了一项内容就是 当前用户的所属项目列表，暂时为空，后续我们研发完项目模块，这里就填好了。 源码如下：