接口测试平台代码实现128: 全局变量-7

本节课我们处理一些 上节课遗留的 前端问题。

这也是养成开发自测的好习惯，毕竟我们是测试出身，所以自测水平一定要很高，不然会被开发同学笑话。而且我们的程序之后可没有正式的测试阶段了。直接上线，所以最好别有严重bug。

1. 保存一个变量之前，删除它，然后再保存会怎么样？

目前：删除一个变量后，会直接触发刷新页面，所以虽然选择了，但是因为刷新页面，就回到了未选状态。算是正常，也就不用去修复了。

2. 未选任何变量，直接点击保存按钮 会怎样？

目前：前端没反应，使用者无感觉。但实际引发了后台服务异常报错：

这密密麻麻的报错信息中，我们只需要先找到我们自己写的views.py的报错代码即可，其他的不用看：

这说明 我们在进行更新数据库的时候，报错，因为id为空，根本就搜不到。所以处理办法很简单。

我们写个if即可：

这里就紧贴着写个判断，发现id是空的，那么直接返回‘error'就好了，不需要在走下面代码了。

按我写的之后，测试发现没有报错了，前端也没一点变化。我们再回到前端html，去修改：

测试结果：

3.变量名字过长 怎么办？

当前显示效果：

我觉得问题不大。当然既然有人发出了反馈疑问，那么我们可以有很多设计，比如文案截取，宽度放大，带滚动条等等方法，欢迎大家自行设计。

4. 变量重名怎么办？

我们首先肯定不赞成变量重名，这样用户自己用起来后面也会发懵，虽然我们后台通过的是主键id来分辨，但是仍然不允许重名最好。所以我们的解决办法如下：

在views.py中，给保存变量函数，加上如下判断：

代码是先 获取重名的已有变量，然后判断是不是当前要修改的变量本身，如果也不是，那么就是重复名了。所以返回error【改】datas[0],要用str包起来

效果如下：

测试结果：

保存自身功能，正常

保存重名变量，提示无法保存

新增多个变量，可以新增，但是新增后保存任意的时候 都必须修改名字，否则会触发重名机制：

5.按钮美化问题

我按照自己的油腻审美给简单美化了下 ，修改如下：

添加了一个全局样式，影响所有该页面的按钮：

效果：

大家也可以按照自己喜好 改一改，也可以融合下bootstrap，或者element-ui 。