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








    目录
    打赏
    0
    0
    0
    0
    27
    分享
    相关文章
    .NET 平台 SM2 国密算法 License 证书生成深度解析
    授权证书文件的后缀通常取决于其编码格式和具体用途。本文档通过一个示例程序展示了如何在 .NET 平台上使用国密 SM2 算法生成和验证许可证(License)文件。该示例不仅详细演示了 SM2 国密算法的实际应用场景,还提供了关于如何高效处理大规模许可证文件生成任务的技术参考。通过对不同并发策略的性能测试,开发者可以更好地理解如何优化许可证生成流程,以满足高并发和大数据量的需求。 希望这段描述更清晰地传达了程序的功能和技术亮点。
    115 13
    .NET 平台 SM2 国密算法 License 证书生成深度解析
    接口测试新选择:Postman替代方案全解析
    在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
    JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
    Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
    近端策略优化(PPO)算法的理论基础与PyTorch代码详解
    近端策略优化(PPO)是深度强化学习中高效的策略优化方法,广泛应用于大语言模型的RLHF训练。PPO通过引入策略更新约束机制,平衡了更新幅度,提升了训练稳定性。其核心思想是在优势演员-评论家方法的基础上,采用裁剪和非裁剪项组成的替代目标函数,限制策略比率在[1-ϵ, 1+ϵ]区间内,防止过大的策略更新。本文详细探讨了PPO的基本原理、损失函数设计及PyTorch实现流程,提供了完整的代码示例。
    322 10
    近端策略优化(PPO)算法的理论基础与PyTorch代码详解
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    101 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    70 5
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    Python测试淘宝店铺所有商品接口的详细指南
    本文详细介绍如何使用Python测试淘宝店铺商品接口,涵盖环境搭建、API接入、签名生成、请求发送、数据解析与存储、异常处理等步骤。通过具体代码示例,帮助开发者轻松获取和分析淘宝店铺商品数据,适用于电商运营、市场分析等场景。遵守法规、注意调用频率限制及数据安全,确保应用的稳定性和合法性。
    【算法合规新时代】企业如何把握“清朗·网络平台算法典型问题治理”专项行动?
    在数字化时代,算法推动社会发展,但也带来了信息茧房、大数据杀熟等问题。中央网信办发布《关于开展“清朗·网络平台算法典型问题治理”专项行动的通知》,针对六大算法问题进行整治,明确企业需落实算法安全主体责任,建立健全审核与管理制度,并对算法进行全面审查和备案。企业应积极自查自纠,确保算法合规透明,防范风险,迎接新机遇。
    Socket.IO介绍,以及怎么连接测试Socket.IO接口?
    Socket.IO 是一个用于浏览器和服务器间实时双向通信的库,支持低延迟消息传递、跨平台运行及自动重连。文章介绍了其特点与调试需求,并详细说明如何使用 Apifox 工具创建、连接、发送/接收 Socket.IO 事件,以及团队协作和调试技巧。掌握这些技能可提升实时应用开发效率与质量。
    微信公众号接口测试实战指南
    微信公众号接口测试是确保系统稳定性和功能完整性的重要环节。本文详细介绍了测试全流程,包括准备、工具选择(如Postman、JMeter)、用例设计与执行,以及常见问题的解决方法。通过全面测试,可以提前发现潜在问题,优化用户体验,确保公众号上线后稳定运行。内容涵盖基础接口、高级接口、微信支付和数据统计接口的测试,强调了功能验证、性能优化、安全保护及用户体验的重要性。未来,随着微信生态的发展,接口测试将面临更多挑战和机遇,如小程序融合、AI应用和国际化拓展。

    热门文章

    最新文章

    AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等