我们已经成功的搞定了 全局域名的 增删改查 功能。接下来就嵌入到接口库调试层中吧。关于这里的设计呢?我们就不能按照之前全局请求头的设计了,因为全局请求头是可以多选的,但是全局域名只能单选。
打开P_apis.html, 找到调试层的html代码。我们来进行思考,这个选择全局域名的功能,我个人觉得放在那个自动弹出的下拉列表最好。因为它和其他全局域名 还有 其他普通域名 都是互斥的关系,也就是混在一起,任选其一。
所以代码中我们找到那个控制下拉列表的datalist,给它填上公共域名:
注意图中的这个option,也就是实际显示的内容,我们这里需要好好思考一下:
我们这里host存放的应该会是一个全局变量-域名。不能存全局域名的host值,这样的话,那就起不到域名一变,接口域名跟着变的目的了。所以存放的肯定和全局请求头一样,是这个全局域名的id,而name则用来展示和描述,诱导用户选择,但是实际保存的也就是在输入框内的 应该是id,所以上图写的看着没啥问题,但是我们看看效果:
先看域名设置中的已有域名:
再看看实际选择效果:
选中后:
是不是很难看,根本看不明白。所以这里我们要麻烦一点,改成:
再看看效果:
这次是不是看的明白了,选中后:
然后我们保存,保存时候发现保存失败,那是因为我们之前写的js判断有问题:
这里无论是我们保存 还是 运行,都会报这个错误信息。因为我们现在增加了全局域名,所以我们要在这俩函数的过滤中,让他们不要过滤掉全局域名:
保存:
发送:
现在刷新页面再试,发现可以正常保存了。
接下来我们照例去用例库中去这么改:
用例库的views.py中我们上节没有给传入全局域名的数据,这里补上:
然后打开P_cases.html改动:
然后进行测试,发现也可以正常选择和保存全局域名就算成功了:
好了,本节到此结束。下节我们去修改接口调试/用例执行的 后台请求函数,让这个全局域名可以真实的生效。