接口测试平台代码实现150:加密算法继续实现

本文涉及的产品
密钥管理服务KMS,1000个密钥,100个凭据,1个月
简介: 接口测试平台代码实现150:加密算法继续实现

上节课我们可以成功的 打开加密算法的设置弹层。


   现在我们来立马实现一下 取消和保存功能:


   取消功能很简单,我们写个刷新即可:注意修改俩个按钮的onclick:

image.png

好,继续开始,我们去写保存功能:

image.png

这个函数并不复杂,但是我依然要按部就班的去实现。


首先是获取选中的加密插入位置,是url还是body。

image.png

注意这个单选框radio,我是怎么命名和设置属性的。以及js里是怎么提取的。

name必须是一样的,value是要获取的值当然不一样,id是由前面相同后面不同。


然后提取是靠一段jquery 实现,如果是js则太过麻烦了。


接下来是提取输入框的内容,也就是加密表达式:

image.png

好提取成功后,我们写个请求给后台:

image.png

注意,其中传递了项目id,和加密插入位置 和加密表达式。


然后去urls.py中:

image.png

然后去views.py中:

image.png注意,这里我们发现了一个设计上的遗漏,就是这个配置应该包括 俩部分,即插入位置,和表达式子。 而我们数据库一开始的时候只新增了一个字段。所以这里我们要去变更一下 数据库models.py的字段才行,改成如下:

image.png

执行同步命令:

image.png

注意,提示是否修改字段,输入y 按回车继续。


然后回到views.py中继续写:

image.png

这里我们成功保存了这个加密算法配置。


然后我们可以去试试看:

image.png

如上图,我设置好,点击保存。


没有出现任何报错,然后去后台看看 是否保存成功:

image.png

可以注意到,是成功保存了的。


然后,我们前端的展示旧数据的html-dom部分此时也要进行修改。


首先是表达式部分,改成如下:

image.png

然后是 这个单选框,单选框比较麻烦,我们必须要通过js来决定谁被选中。


所以encryption_show()这个函数,此时要继续扩写了。

这里我们仍然用jquery来快速实现这个功能,代码如下:

image.png

这里我采用了拼接方案,用数据库的值直接就拼成了 目标选框的id, 这也是我一开始起id的时候故意设计,是不是很讨巧。

别抄错少了引号哦,可以复制如下代码:

$(':radio[id="encyption_{{ project.encyption_insert }}"]').attr('checked',true)

    好了,刷新页面,打开,可以看到显示的结果如之前我保存的一样:

    image.png








    相关文章
    |
    5天前
    |
    人工智能 供应链 安全
    AI辅助安全测试案例某电商-供应链平台平台安全漏洞
    【11月更文挑战第13天】该案例介绍了一家电商供应链平台如何利用AI技术进行全面的安全测试,包括网络、应用和数据安全层面,发现了多个潜在漏洞,并采取了有效的修复措施,提升了平台的整体安全性。
    |
    10天前
    |
    算法
    分享一些提高二叉树遍历算法效率的代码示例
    这只是简单的示例代码,实际应用中可能还需要根据具体需求进行更多的优化和处理。你可以根据自己的需求对代码进行修改和扩展。
    |
    14天前
    |
    监控 安全 测试技术
    构建高效的精准测试平台:设计与实现指南
    在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
    65 1
    |
    22天前
    |
    算法 测试技术 开发者
    在Python开发中,性能优化和代码审查至关重要。性能优化通过改进代码结构和算法提高程序运行速度,减少资源消耗
    在Python开发中,性能优化和代码审查至关重要。性能优化通过改进代码结构和算法提高程序运行速度,减少资源消耗;代码审查通过检查源代码发现潜在问题,提高代码质量和团队协作效率。本文介绍了一些实用的技巧和工具,帮助开发者提升开发效率。
    25 3
    |
    21天前
    |
    分布式计算 Java 开发工具
    阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
    本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
    |
    29天前
    |
    存储 安全 Java
    |
    29天前
    |
    存储 算法 安全
    SpringBoot 接口加密解密实现
    【10月更文挑战第18天】
    |
    1月前
    |
    存储 缓存 算法
    如何通过优化算法和代码结构来提升易语言程序的执行效率?
    如何通过优化算法和代码结构来提升易语言程序的执行效率?
    |
    1月前
    |
    存储 算法 Java
    Set接口及其主要实现类(如HashSet、TreeSet)如何通过特定数据结构和算法确保元素唯一性
    Java Set因其“无重复”特性在集合框架中独树一帜。本文解析了Set接口及其主要实现类(如HashSet、TreeSet)如何通过特定数据结构和算法确保元素唯一性,并提供了最佳实践建议,包括选择合适的Set实现类和正确实现自定义对象的hashCode()与equals()方法。
    33 4
    |
    1月前
    |
    人工智能 监控 测试技术
    云应用开发平台测试
    云应用开发平台测试
    49 2
    下一篇
    无影云桌面