接口测试平台代码实现32:接口列表备注功能

简介: 接口测试平台代码实现32:接口列表备注功能

备注功能是一个非常非常小的功能,所以我们先迅速处理掉这个备注功能

   让我们制作一个简单的备注输入框和保持/取消按钮,然后用户点击备注按钮就会显示这个输入框+保持/取消按钮。 保持和取消都会让输入框消失,但是保存功能多了一个像后台发送请求的过程,把备注内容给后台保存起来。

所以打开P_apis.html:

新建了这个div备注弹层:

微信图片_20220618190444.png

注意其中有个隐藏的input,这个是用来存储我们打开的接口的id的,以便我们点击保存按钮的时候,系统知道是要保存哪个接口的备注。注意这个div本体也要隐藏,只是为了方便调试,我们在最后才加上隐藏属性。

效果如下:

微信图片_20220618190456.png


然后我们给div加上id和隐藏属性,并写好打开它的函数:open_bz()然后让备注按钮onclick=这个函数。

微信图片_20220618190503.png

微信图片_20220618190511.png微信图片_20220618190516.png

完成之后测试一下,没问题后继续写 保存/取消函数:

取名为:save_bz,close_bz微信图片_20220618190522.png

我们先把取消功能函数close_bz写好:微信图片_20220618190528.png

测试一下么问题后,开始书写save_bz:

注意,这里我们要传入备注内容,也就需要给这个多行文本框加入一个id以便定位bz_value微信图片_20220618190536.png

路由就设置为:/save_bz/

然后我们urls.py微信图片_20220618190545.png

views.py:微信图片_20220618190551.png

然后我们要做到一个效果,就是每当用户打开任意接口的备注时,这个多行文本框都要显示保存好的,而不是一片空白。

所以我们回到P_apis.html中,找到open_bz()函数。

修改成如下:(前面.value不小心写成了.vallue,大家注意下微信图片_20220618190559.png

解释上图:先清空这个文本框,防止用户之前打开了其他接口的备注的内容显示在这个接口上。

然后请求后台,把接口id给过去,等后台返回这个接口的备注后,显示div,存放好id,把返回的备注加载到文本框。


所以我们继续写urls.py,增加一个获取备注映射微信图片_20220618190607.png

views.py:微信图片_20220618190613.png

然后我们重启服务,刷新页面,进行最终测试!

成功后即可等待下一节的难点了。

相关文章
|
1月前
|
算法 IDE Java
Java 项目实战之实际代码实现与测试调试全过程详解
本文详细讲解了Java项目的实战开发流程,涵盖项目创建、代码实现(如计算器与汉诺塔问题)、单元测试(使用JUnit)及调试技巧(如断点调试与异常排查),帮助开发者掌握从编码到测试调试的完整技能,提升Java开发实战能力。
190 0
|
3月前
|
存储 测试技术 虚拟化
VMmark 4.0.3 - 虚拟化平台基准测试
VMmark 4.0.3 - 虚拟化平台基准测试
80 0
VMmark 4.0.3 - 虚拟化平台基准测试
|
2月前
|
敏捷开发 运维 数据可视化
DevOps看板工具中的协作功能:如何打破开发、测试与运维之间的沟通壁垒
在DevOps实践中,看板工具通过可视化任务管理和自动化流程,提升开发与运维团队的协作效率。它支持敏捷开发、持续交付,助力团队高效应对需求变化,实现跨职能协作与流程优化。
|
2月前
|
安全 Java 测试技术
Java 项目实战中现代技术栈下代码实现与测试调试的完整流程
本文介绍基于Java 17和Spring技术栈的现代化项目开发实践。项目采用Gradle构建工具,实现模块化DDD分层架构,结合Spring WebFlux开发响应式API,并应用Record、Sealed Class等新特性。测试策略涵盖JUnit单元测试和Testcontainers集成测试,通过JFR和OpenTelemetry实现性能监控。部署阶段采用Docker容器化和Kubernetes编排,同时展示异步处理和反应式编程的性能优化。整套方案体现了现代Java开发的最佳实践,包括代码实现、测试调试
89 0
|
4月前
|
安全 前端开发 Linux
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
137 3
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
|
5月前
|
人工智能 自然语言处理 测试技术
自然语言生成代码一键搞定!Codex CLI:OpenAI开源终端AI编程助手,代码重构+测试全自动
Codex CLI是OpenAI推出的轻量级AI编程智能体,基于自然语言指令帮助开发者高效生成代码、执行文件操作和进行版本控制,支持代码生成、重构、测试及数据库迁移等功能。
626 0
自然语言生成代码一键搞定!Codex CLI:OpenAI开源终端AI编程助手,代码重构+测试全自动
|
3月前
|
Java 测试技术 容器
Jmeter工具使用:HTTP接口性能测试实战
希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
650 23
|
8月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
|
5月前
|
SQL 安全 测试技术
2025接口测试全攻略:高并发、安全防护与六大工具实战指南
本文探讨高并发稳定性验证、安全防护实战及六大工具(Postman、RunnerGo、Apipost、JMeter、SoapUI、Fiddler)选型指南,助力构建未来接口测试体系。接口测试旨在验证数据传输、参数合法性、错误处理能力及性能安全性,其重要性体现在早期发现问题、保障系统稳定和支撑持续集成。常用方法包括功能、性能、安全性及兼容性测试,典型场景涵盖前后端分离开发、第三方服务集成与数据一致性检查。选择合适的工具需综合考虑需求与团队协作等因素。
537 24
|
5月前
|
SQL 测试技术
除了postman还有什么接口测试工具
最好还是使用国内的接口测试软件,其实国内替换postman的软件有很多,这里我推荐使用yunedit-post这款接口测试工具来代替postman,因为它除了接口测试功能外,在动态参数的支持、后置处理执行sql语句等支持方面做得比较好。而且还有接口分享功能,可以生成接口文档给团队在线浏览。
211 2