开发者社区> 游客pxprrm2iipsfu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 本节课我们处理一些 上节课遗留的 前端问题。 这也是养成开发自测的好习惯,毕竟我们是测试出身,所以自测水平一定要很高,不然会被开发同学笑话。而且我们的程序之后可没有正式的测试阶段了。直接上线,所以最好别有严重bug。
+关注继续查看
  1.   保存一个变量之前,删除它,然后再保存会怎么样?

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

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


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

微信图片_20220705212558.png

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

微信图片_20220705212616.png

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

我们写个if即可:

微信图片_20220705212624.png

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

按我写的之后,测试发现没有报错了,前端也没一点变化。我们再回到前端html,去修改:微信图片_20220705212633.png

测试结果:

微信图片_20220705212641.png

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

当前显示效果:

微信图片_20220705212649.png

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


    4. 变量重名怎么办?

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

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

微信图片_20220705212657.png

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

效果如下:

微信图片_20220705212704.png

测试结果:

保存自身功能,正常

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

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

微信图片_20220705212711.png

5.按钮美化问题


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

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

微信图片_20220705212721.png

效果:

微信图片_20220705212728.png


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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
接口测试平台代码实现130: 全局变量-9
本文开始,全局变量 要正式进入 复杂的后台实现了,当然如果能跟到这里,那么也应该没什么难度。 这里还是要重申一下,代码出现问题请先仔细比对教程源码,实在找不出来就先在群里问,没加群的请先加 vx: qingwanjianhua 博主每天的时间并不充裕,私聊的人也很多,如果群里解决不了后可以直接@我去热饭 即可。
10 0
接口测试平台代码实现129: 全局变量-8
接口测试平台代码实现129: 全局变量-8
12 0
接口测试平台代码实现98:全局域名-5
接口测试平台代码实现98:全局域名-5
17 0
接口测试平台代码实现95:全局域名-2
接口测试平台代码实现95:全局域名-2
12 0
接口测试平台代码实现96:全局域名-3
全局域名这里我们目前已经搞定了 域名管理 部分。也就是当用户请求的时候我们偷偷存了份 host,并且去重。 本节我们就来研究下,如何在用户调试接口的时候,可以联想自动输入。这个小技巧其实很简单,但是非常实用。
38 0
接口测试平台代码实现84: 多接口用例-24
接口测试平台代码实现84: 多接口用例-24
14 0
接口测试平台代码实现80: 多接口用例-20
接口测试平台代码实现80: 多接口用例-20
14 0
接口测试平台代码实现94:全局域名-1
接口测试平台代码实现94:全局域名-1
10 0
接口测试平台代码实现81: 多接口用例-21
接口测试平台代码实现81: 多接口用例-21
18 0
接口测试平台代码实现88: 全局请求头-3
上节,成功搞定了请求头的增删改查。 本节我们就一起来研究,在接口库调试页面,用例库步骤详情页 这俩个地方如何加入这些项目公共请求头吧。
13 0
+关注
游客pxprrm2iipsfu
我去热饭
435
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载