接口测试平台代码实现番外：主页改版-8

感兴趣的可以加群，加博主微信:qingwanjianhua 拉你入群

加testerhome社团：https://testerhome.com/wqrf

关注博主博客：https://wangzijia.blog.csdn.net/

项目github地址:https://github.com/Woqurefan/ApiTest/

本公众号：测试开发干货

本节我们依然要进行首页的改版，上次我们做出了搜索功能的页面展示，接下来是相关js。

如上图，我们新建了这个script用来存放search()函数。它要做的事就是把我们搜索输入框的内容发送给后台。得到返回值后将其展示在搜索结果的div里。

当然，它还有另外一个事，就是控制这个结果div的显示和隐藏。还有初始化清空等功能。

首先是给div添加 id和默认隐藏：

此时的js如下：

接口测试平台代码实现番外：主页改版-8相关推荐

接口测试平台代码实现番外：主页改版-5
上节之后有粉丝私聊觉得,平台右上角的"主页/退出" 按钮已经过时.所以我们本节首先来优化下. 首先是退出按钮,我们因为不经常用,不必要放在这么明显的位置,而且和个人姓名头像放在一起 ...
接口测试平台-65：番外之个人信息-头像
1. 建立文件夹存储因为是测试用户,量不大,存本项目内即可.apitest的static下建立一个有__init__的文件夹 user_img 为什么在static,因为这是项目目前可以直接返回给前 ...
接口测试平台代码实现48: 自动异常测试-1
本功能属于番外,不是必须的.长度大概3章节.难度不高,也算给大家休息一下. 这个功能是什么意思呢?简单点说,就是一个接口保存好之后,你保存的请求数据都是正常的.但是错误的用例也就是无效等价类中,具体参 ...
unittest 多个测试文件只开一次浏览器_接口测试平台代码实现75: 多接口用例15
根据我们上一节最后的投票. 引入unittest框架碾压了第一种.其实我个人也偏向这个.因为我尝试过很多,但是唯独没有引入unittest在接口测试平台中.所以借此机会,也想挑战一下,涨点经验. 请 ...
html留言板代码_接口测试平台代码实现19.首页优化
按照最近俩天小伙伴的反馈激烈程度,本节课准备把首页添加一个非常有用户黏性的一个功能.公司内的各个超链接传送门! 新来的公司的小伙伴经常会因为找不到各个平台/文档的地址而发懵.老员工跨部门工作的时候也 ...
接口测试平台代码实现10：菜单页面升级
在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的右上角返回主页按钮,这里会学习到一些css属性和js的使用. 在之前的章节中,我们规定home.html 作为我们的主页.那么我们给其他人 ...
js代码自动排版_接口测试平台代码实现9：菜单常显
上节我们说到了一个问题:就是如何让菜单出现在每个页面的左侧. 比如我们刚研发好的home.html,配上菜单看才会更好看. 这里有三个方法: 把菜单的html代码复制粘贴到其他各个页面特点:完全不 ...
ride上点击用例不能显示edit信息_接口测试平台代码实现61: 多接口用例1
终于又序更上了,原谅最近作者几天事情不断. 按照我们之前的计划,需要迅速开启很重要的核心多用例接口. 首先,我们要确定,这个功能的大体设计. 就放在在我们的页面用例库中: 所以也就是我们很久之前就 ...
请求到后台百分号被删除原因_接口测试平台代码实现85: 全局请求头1
本节开始要制作一些次要功能,但是也是非常实用的.比如项目内的全局请求头. 首先看我们的前端页面,这个全局请求头的按钮: 我的设计是呢,点击后,出现一个弹层,这个弹层里除了保存/取消按钮标题外.要有一 ...
接口测试平台代码实现86: 全局请求头-1
本节开始要制作一些次要功能,但是也是非常实用的.比如项目内的全局请求头. 首先看我们的前端页面,这个全局请求头的按钮: 我的设计是呢,点击后,出现一个弹层,这个弹层里除了保存/取消按钮标题外.要有一 ...

接口测试平台代码实现番外：主页改版-8

接口测试平台代码实现番外：主页改版-8相关推荐

最新文章

热门文章