接口测试平台代码实现24:项目列表的删除功能实现

简介: 接口测试平台代码实现24:项目列表的删除功能实现

本节我们要做的是 项目列表页面的删除功能:

我们先看删除按钮:

微信图片_20220617212241.png微信图片_20220617212252.png首先我们设计一个js函数,让其点击之后触发删除功能,为了防止误删,所以要有个确认的对话框。

先在底部新建一个script用来存放js删除函数。微信图片_20220617212259.png

我这里取名叫做delete_project了。现在我们要想一件事,就是当用户点击删除按钮后,我们js函数怎么知道要删除哪个项目呢?

是不是应该传入个参数,比如项目id啊?

所以,我们在删除按钮中写onclick属性调用 这个删除函数的时候应该加入项目的id。这个id是一个变量,每个删除按钮都不同。微信图片_20220617212307.png

注意 这个{{}}外面也要有一层单引号,来告诉js这是个字符串。

接下来我们要学习 confirm方法,就是弹出一个是否确定的对话框微信图片_20220617212317.png

我们别忘了给delete_project()函数加上接收id的参数,也叫id好了。

confirm里面放入我们想显示的文案。它属于调用浏览器自带的对话框,只有取消和确定俩个按钮,当用户点击删除时会显示:微信图片_20220617212323.png

这时候如果点击取消,那么这个confirm方法会返回一个false,如果点击确定,那么就返回true,我们要做的逻辑是,点击取消,返回false,那么就中止这个删除功能,如果点击确定,返回true,那么就继续走这个删除功能。

所以在js中我们要写一个判断if语句。判断这个confirm的返回值:

微信图片_20220617212329.png

如果等于flase,那么就直接return,也就相当于这个程序直接返回了,下面真正删除项目的代码都不执行了。如果不是false,那么就当没看见,继续往下执行即可。

具体删除的代码,我们必须通过发出一个异步请求来实现,也就是

$.get('url',{参数},function (ret){返回之后的动作})微信图片_20220617212336.png

如上图所示,我们这样设计:

  1. url设计成 /delete_project/ 了,直观简洁
  2. 需要带的参数只有一个,就是id ,项目id。
  3. 请求之后的动作我们设计成 刷新页面,这样可以让我们立即看到那个项目消失了。html页面就是这样静态的。你不刷新的话,那么即便断网,页面的元素也不会消失。


然后去urls.py中 写好映射:微信图片_20220617212345.png

然后去views.py中写好后台函数:delete_project微信图片_20220617212354.png

这里我们要做以下事情:

  1. 获取传过来的参数项目id
  2. 去数据库的项目表 中删除掉这个id的项目
  3. 随便返回个空字符串给前端
    微信图片_20220617212402.png

.filter() 方法可以找出所有符合的数据记录,当然这里我们肯定只能找到一条。但是返回的仍然是一个类似列表的格式,虽然只有一个元素。

后接.delete()方法 ,可以删除。然后直接返回给前端,证明事办完了。前端就会自动刷新,用户看到的就是 这个项目不见了。


我们来做测试吧:

  1. 确保服务在运行状态
  2. 刷新页面,让页面保持最新的代码
  3. 点击第二个项目的删除按钮
  4. 弹出对话框点击取消 -  页面没变化,项目没删除。
  5. 弹出对话框点击确定 - 页面刷新,项目删除。
    微信图片_20220617212426.png
相关文章
|
8天前
|
算法 Java 测试技术
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
40 13
|
18天前
|
监控 JavaScript 测试技术
postman接口测试工具详解
Postman是一个功能强大且易于使用的API测试工具。通过详细的介绍和实际示例,本文展示了Postman在API测试中的各种应用。无论是简单的请求发送,还是复杂的自动化测试和持续集成,Postman都提供了丰富的功能来满足用户的需求。希望本文能帮助您更好地理解和使用Postman,提高API测试的效率和质量。
70 11
|
1月前
|
监控 测试技术
slb测试会话保持功能
slb测试会话保持功能
37 6
|
2月前
|
机器学习/深度学习 算法 UED
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法。本文介绍 A/B 测试的基本概念、步骤及其在模型评估、算法改进、特征选择和用户体验优化中的应用,同时提供 Python 实现示例,强调其在确保项目性能和用户体验方面的关键作用。
39 6
|
2月前
|
并行计算 算法 测试技术
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面,旨在通过综合策略提升程序性能,满足实际需求。
65 1
|
2月前
|
机器学习/深度学习 算法 UED
在数据驱动时代,A/B 测试成为评估机器学习项目效果的重要手段
在数据驱动时代,A/B 测试成为评估机器学习项目效果的重要手段。本文介绍了 A/B 测试的基本概念、步骤及其在模型评估、算法改进、特征选择和用户体验优化中的应用,强调了样本量、随机性和时间因素的重要性,并展示了 Python 在 A/B 测试中的具体应用实例。
31 1
|
2月前
|
监控 安全 测试技术
如何在实际项目中应用Python Web开发的安全测试知识?
如何在实际项目中应用Python Web开发的安全测试知识?
35 4
|
2月前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
70 3
|
3月前
|
JSON 算法 数据可视化
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
这篇文章是关于如何通过算法接口返回的目标检测结果来计算性能指标的笔记。它涵盖了任务描述、指标分析(包括TP、FP、FN、TN、精准率和召回率),接口处理,数据集处理,以及如何使用实用工具进行文件操作和数据可视化。文章还提供了一些Python代码示例,用于处理图像文件、转换数据格式以及计算目标检测的性能指标。
83 0
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
|
4月前
|
移动开发 JSON Java
Jmeter实现WebSocket协议的接口测试方法
WebSocket协议是HTML5的一种新协议,实现了浏览器与服务器之间的全双工通信。通过简单的握手动作,双方可直接传输数据。其优势包括极小的头部开销和服务器推送功能。使用JMeter进行WebSocket接口和性能测试时,需安装特定插件并配置相关参数,如服务器地址、端口号等,还可通过CSV文件实现参数化,以满足不同测试需求。
280 7
Jmeter实现WebSocket协议的接口测试方法