接口测试平台代码实现54:首页重构-2

好，虽然绝大多数同学还未追上最新进度进行投票，但是已投情况来看，大部分还是支持首页做成接口快速调试功能。

那么本节课就开始吧，首先我们打开我们的首页：home.html。观察一下目前结构：

我们这次改版相当于完全重构了，所以删除掉body 的css属性和一切子内容

现在主页已经是一片空白了。我们要重新设计了。

首先我们依从postman的风格，整个首页大概分为左右俩部分，左边是请求历史记录，右边是接口调试的具体模版。当我们点击左侧的任意请求记录的时候，右侧则迅速把各个输入框的值变为这次记录存储的数据即可。当然每次请求无论是否成功，左侧的请求记录都会储存好本次请求的请求数据。

另一个功能是当我们右侧的调试功能启动，获取了接口的返回值后，使用者可以看到自己已有的项目列表和新建项目功能，点击即可把本次请求保存到对应项目中。

那么我们可以用div来做一条完全可控的竖线，来分割开左右。

这个div内部必须有个空格  否则是没有高度的，注意空格用 表示，后面必须写分号。

看看效果&

接口测试平台代码实现54:首页重构-2相关推荐

html div分钟刷新一次啊代码_接口测试平台代码实现57首页重构5
本节我们接着开发首页, 主要内容是让左侧的请求记录和右侧的请求模块联动起来. 具体联动需求: 右侧请求一次之后,左侧生成记录点击左侧记录,右侧则会显示这次记录的请求数据我们本节课的内容是想办法 ...
html留言板代码_接口测试平台代码实现19.首页优化
按照最近俩天小伙伴的反馈激烈程度,本节课准备把首页添加一个非常有用户黏性的一个功能.公司内的各个超链接传送门! 新来的公司的小伙伴经常会因为找不到各个平台/文档的地址而发懵.老员工跨部门工作的时候也 ...
unittest 多个测试文件只开一次浏览器_接口测试平台代码实现75: 多接口用例15
根据我们上一节最后的投票. 引入unittest框架碾压了第一种.其实我个人也偏向这个.因为我尝试过很多,但是唯独没有引入unittest在接口测试平台中.所以借此机会,也想挑战一下,涨点经验. 请 ...
ride上点击用例不能显示edit信息_接口测试平台代码实现61: 多接口用例1
终于又序更上了,原谅最近作者几天事情不断. 按照我们之前的计划,需要迅速开启很重要的核心多用例接口. 首先,我们要确定,这个功能的大体设计. 就放在在我们的页面用例库中: 所以也就是我们很久之前就 ...
接口测试平台代码实现48: 自动异常测试-1
本功能属于番外,不是必须的.长度大概3章节.难度不高,也算给大家休息一下. 这个功能是什么意思呢?简单点说,就是一个接口保存好之后,你保存的请求数据都是正常的.但是错误的用例也就是无效等价类中,具体参 ...
接口测试平台代码实现10：菜单页面升级
在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的右上角返回主页按钮,这里会学习到一些css属性和js的使用. 在之前的章节中,我们规定home.html 作为我们的主页.那么我们给其他人 ...
接口测试平台代码实现13:注册功能
上节我们实现了登陆功能,但是可惜用户表中没数据.所以这节我们讲如何注册用户. 还记得我们之前在登陆页面做的那个注册账号的超链接么? 我们现在要想想,用户点击注册账号后,要实现个什么效果? 有以下 ...
接口测试平台代码实现40:修改bug
我们的这个系列已经进行了长达12章成品预览和40章纯开发章节,但是基本还没做过完全一点的测试修复bug章节,每次新开发的功能也仅仅停留在单元/函数层面上的自测. 经过了最近几十名小伙伴的反馈后,凑够了 ...
js代码自动排版_接口测试平台代码实现9：菜单常显
上节我们说到了一个问题:就是如何让菜单出现在每个页面的左侧. 比如我们刚研发好的home.html,配上菜单看才会更好看. 这里有三个方法: 把菜单的html代码复制粘贴到其他各个页面特点:完全不 ...

接口测试平台代码实现54:首页重构-2

接口测试平台代码实现54:首页重构-2相关推荐

最新文章

热门文章