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

简介: 接口测试平台代码实现127: 全局变量-6

 先修复个小问题:

首页个人看板的数据中,如果小数位过多,会被判断成很大的数据:

微信图片_20220705130325.png

如图,其实数据是33.333333333333


猜测这个图是根据字符串长度判断的,不过我们在viwes.py中修改一下,只保留整数位即可:

微信图片_20220705130334.png

全局变量,我们上节课,简简单单的实现了增加功能,本节先来实现个删除功能 热热身。

打开我们的全局变量的那个P_global_data.html,找到删除按钮的标签,给它加上onclick,顺便在下面写好这个js函数,函数内容很简单,直接告诉后台要删除的变量id即可,然后刷新当前页面。

微信图片_20220705130340.png

然后是urls.py:

微信图片_20220705130350.png

最后是views.py:

微信图片_20220705130357.png

然后就是测试阶段喽:

刷新页面 ,重启服务:

删除前:

微信图片_20220705130406.png

删除后:


微信图片_20220705130411.png

看来成功了。


那么本节内容结束了么?很显然,才开始上主菜。


就是编辑和保存。


编辑展示部分业务逻辑:使用者点击任何变量名字按钮,右侧展示变量当前的名字和内容,还有一个id隐藏的input。我们在之前的章节中已经完成了这部分。

今天就剩下 保存功能了。


我们点击任意一个变量:

微信图片_20220705130418.png

可以看到,已经显示在了右侧编辑框。然后我们给保存当前按钮增加onclick属性:

微信图片_20220705130426.png然后在下面新增save_one函数:

微信图片_20220705130435.png

如上图,我们拿到了该变量的id,name,data。然后传给后台,让其保存后前端刷新页面。


继续,urls.py:

微信图片_20220705130441.png 最后是views.py:

微信图片_20220705130447.png

之后是测试:

改变前:

微信图片_20220705130453.png

改变后:

微信图片_20220705130459.png


看来成功了。


本节内容到此为止,下一节,我们要处理一下这个前端功能的 一些缺陷。比如:未选变量的空白情况点击保存当前按钮;点击后进入编辑状态却删除了该变量的各种处理;变量名的重复的保存情况。等等。

相关文章
|
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协议的接口测试方法