接口测试平台代码实现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  


相关文章
|
1月前
|
数据采集 机器学习/深度学习 大数据
行为检测代码(一):超详细介绍C3D架构训练+测试步骤
这篇文章详细介绍了C3D架构在行为检测领域的应用,包括训练和测试步骤,使用UCF101数据集进行演示。
40 1
行为检测代码(一):超详细介绍C3D架构训练+测试步骤
|
1月前
|
机器学习/深度学习 人工智能 监控
提升软件质量的关键路径:高效测试策略与实践在软件开发的宇宙中,每一行代码都如同星辰般璀璨,而将这些星辰编织成星系的过程,则依赖于严谨而高效的测试策略。本文将引领读者探索软件测试的奥秘,揭示如何通过精心设计的测试方案,不仅提升软件的性能与稳定性,还能加速产品上市的步伐,最终实现质量与效率的双重飞跃。
在软件工程的浩瀚星海中,测试不仅是发现缺陷的放大镜,更是保障软件质量的坚固防线。本文旨在探讨一种高效且创新的软件测试策略框架,它融合了传统方法的精髓与现代技术的突破,旨在为软件开发团队提供一套系统化、可执行性强的测试指引。我们将从测试规划的起点出发,沿着测试设计、执行、反馈再到持续优化的轨迹,逐步展开论述。每一步都强调实用性与前瞻性相结合,确保测试活动能够紧跟软件开发的步伐,及时适应变化,有效应对各种挑战。
|
7天前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
36 3
|
11天前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
47 1
|
29天前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
46 2
|
11天前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
33 0
|
1月前
|
JSON 算法 数据可视化
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
这篇文章是关于如何通过算法接口返回的目标检测结果来计算性能指标的笔记。它涵盖了任务描述、指标分析(包括TP、FP、FN、TN、精准率和召回率),接口处理,数据集处理,以及如何使用实用工具进行文件操作和数据可视化。文章还提供了一些Python代码示例,用于处理图像文件、转换数据格式以及计算目标检测的性能指标。
59 0
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
|
1月前
|
JavaScript 前端开发 API
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
40 0
|
1月前
|
算法 Java 测试技术
数据结构 —— Java自定义代码实现顺序表,包含测试用例以及ArrayList的使用以及相关算法题
文章详细介绍了如何用Java自定义实现一个顺序表类,包括插入、删除、获取数据元素、求数据个数等功能,并对顺序表进行了测试,最后还提及了Java中自带的顺序表实现类ArrayList。
19 0
|
2月前
|
移动开发 JSON Java
Jmeter实现WebSocket协议的接口测试方法
WebSocket协议是HTML5的一种新协议,实现了浏览器与服务器之间的全双工通信。通过简单的握手动作,双方可直接传输数据。其优势包括极小的头部开销和服务器推送功能。使用JMeter进行WebSocket接口和性能测试时,需安装特定插件并配置相关参数,如服务器地址、端口号等,还可通过CSV文件实现参数化,以满足不同测试需求。
239 7
Jmeter实现WebSocket协议的接口测试方法