ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-07-10 09:53:55  阅读:135  来源: 互联网

标签:重构 请求 54 接口 首页 我们 调试 nbsp


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

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

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

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

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

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

 

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

 

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

 

看看效果&

标签:重构,请求,54,接口,首页,我们,调试,nbsp
来源: https://blog.51cto.com/u_15282986/3033949

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有