首先打开我们的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：
重启服务，刷新页面：
成功设置好。
现在我们的智能联想功能就算做好了。
