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

上节之后有粉丝私聊觉得，平台右上角的“主页/退出” 按钮已经过时。所以我们本节首先来优化下。

首先是退出按钮，我们因为不经常用，不必要放在这么明显的位置，而且和个人姓名头像放在一起更符合常理....所以转移到左侧收缩菜单里即可。

打开welcome.html：

我们把这个退出按钮的超链接先转移走

我们把它移动到左侧菜单的名字后面别忘了改成图中设置的颜色，并且和名字username中间放一个  就是空格，注意分号别漏。

效果如下：

接着是剩余的左上角的主页按钮。

现在是这样：

我们简单重新设计下：

删除我们原来的主页按钮相关的div和超链接。

然后在header中加入style，并粘贴下面的css样式：

接口测试平台代码实现番外：主页改版-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
本节开始要制作一些次要功能,但是也是非常实用的.比如项目内的全局请求头. 首先看我们的前端页面,这个全局请求头的按钮: 我的设计是呢,点击后,出现一个弹层,这个弹层里除了保存/取消按钮标题外.要有一 ...

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

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

最新文章

热门文章