接口测试平台代码实现96:全局域名-3

全局域名这里我们目前已经搞定了 域名管理 部分。也就是当用户请求的时候我们偷偷存了份 host，并且去重。

本节我们就来研究下，如何在用户调试接口的时候，可以联想自动输入。这个小技巧其实很简单，但是非常实用。

首先打开我们的P_apis.hmtl，找到调试层的host输入框：

页面上我们点击 会出现以下列表：

注意，这是input输入框自动记住的几个你输入的常用历史记录，我们并不需要它，所以用一个小属性给屏蔽：

现在你在点击 这个输入框，它也不会显示历史输入记录了。

然后我们要让它显示我们的域名库的内容。怎么显示呢，这里我们要在html页面中设计一个列表存放所有的host，并让host输入框绑定这个列表。

其实说是列表，实际上是一个datalist的下拉列表。

这个下拉列表中，使用了一个for循环，遍历我们应该接收的hosts，hosts是我们后端应该给前端传递的所有host列表(不过我们现在还没有传)

然后在host输入框中加入了这个list="" 属性，即可绑定成功。注意上面的datalist的id 和 input中这个list=""的内容 要一致，这里都写成了datalist_1

然后我们去后端，找到进入接口库的设置数据的函数child_json：

如上图，添加了这个hosts

重启服务，刷新页面。看看效果：

如上图，我们在为空的状态下点击，会出现所有域名表中的host，为了便于查看我们手动去后台添加几条：

然后回来刷新页面 看看效果：

当输入框为空的时候，也就是新建一个接口或者点击右侧clear按钮后，用户点击就会显示所有host，他可以任选其一，就自动填充了：

也可以自己输入一些部分关键字，下面列表会自动进行筛选：

总体来说，很nice使用体验。

最后，让我们把这段前端代码复制到 用例库中输入host的位置。

打开P_cases.html,找到这个位置。插入红色框代码和 增加input框的俩个属性。

然后去后台增加host参数传递：

重启服务，刷新页面：

可以看到，已经成功了。

接下来是首页的快捷调试功能：

打开home.html：

然后是views.py：

重启服务，刷新页面：

成功设置好。

现在我们的智能联想功能就算做好了。

本节内容到此结束，下节我们要做全局变量-公共请求头了。