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

本节继续开发首页右侧的显示效果,可能有的同学觉得这里节奏太慢了,不怕,咱养肥再看。

    其实原因是,因为这是完全重新开发的一套平台,虽然简易,但是作者完全没有对着以前的成熟平台代码,所以难度还是有的。

    先打开我们的home.html,继续在右边做那个快速请求的调试版, 大家想,这个功能需要一大堆的输入框按钮,而且因为是在屏幕右侧,我们直接写的话,肯定会被安排到左侧请求记录的下方。所以我们一开始就要弄一个大div,把它的位置写死,飘起来,脱离文档流,固定在右侧。然后这一大堆输入框按钮 就放在这个div中就好了,最简单好理解的布局。

    我们先写出这个巨大的div

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

它距离左边是固定的380px,宽度是浏览器总长度-390px。

    然后我们在里面添加那一套接口请求的东东,我们直接去P_aps.html中复制过来,然后进行修改即可。当然读者可以直接复制我这里修改过的代码,至于都要改什么,我们想,比如这个调试层是常显而不是之前点击具体接口才显示。

    显示后不需要显示什么show函数了,因为一直保持空内容即可。关于其中项目 接口 名字 id这些都不需要了。什么公共请求头项目公共变量这些 项目纬度的更不要了,也没有什么关闭/保存按钮和对应函数了 ,整个颜色大小也要重新设置等等 等等。

       

上一篇:Arrays 的用法


下一篇:56.QScrollBar