接口测试平台代码实现17:帮助模块1

简介: 接口测试平台代码实现17:帮助模块1

开始之前给大家说说上节课的主页吐槽功能,其实大家可以按照我们已经掌握的前端技术,对首页进行重新排版,力求好看+实用,吐槽功能比较重要,是我们收到反馈的一个重要途径,而且也是趁这个机会给大家展示如何使用sqlite3数据库orm映射技术。我们在本系列后期的某节课,仍然会对首页进行改版。具体改版的效果可以参考如下主页:微信图片_20220616232347.png只是因为此主页技术要求很高,非常复杂。所以只能留到本系列最后,小伙伴不要心急,这么大的工程要一步一步来。

好了 言归正传。

为啥要开发个帮助模块呢?

  1. 我们从小到大用过很多软件,几乎每一个软件菜单都有帮助
  2. 新人的确很需要帮助模块来熟悉如何使用平台,效果比你发教程ppt在群里要好的多
  3. 我们恰好可以设计设计漂亮的帮助页面,练练js/css


那我们要养成一个习惯,在写一个新的模块之前,先好好设计设计。一是页面布局,二是数据

1.页面布局

页面布局的话,我们用最简单的方式,左侧目录,右侧说明文案。微信图片_20220616232355.png

2.数据

也就是说,我们这些帮助文档,要放在哪呢?首先这些文档我们不经常维护,是可以写死的。那么写在某些文件中如word/txt,我们提取的时候有点麻烦,而且我们要给其中某行换字体,加粗,变色等操作很难。那么最简单的方式就是写死在html文件中,样式我们随意设置,简单。


好。让我们开始做:

       首先,在templates文件夹下创建help.html微信图片_20220616232400.png

然后我们做一个 div,用来存放目录,其实就是一堆a标签 超链接。

并在里面放一些a标签,以便我们来调试样式微信图片_20220616232405.png

别忘了修改title 为 帮助文档:微信图片_20220616232749.png

让我们停下脚步,先去把映射调通,然后就可以在浏览器上不断的看我们修改的效果了。

打开urls.py ,添加我们之前写好的帮助文档的超连接:/help/

这个是我们之前在welcome.html中写菜单时候,给帮助菜单写的url:微信图片_20220616232414.png

urls.py中这么写:微信图片_20220616232426.png

然后我们发现这个help貌似颜色不对啊,怎么是紫色?

那是因为我们django的库函数中已经有函数叫help了。我们要是也这么起名,就很容易产生各种未知冲突,所以我们今后在写代码时候,要尽量避免取这种大众简单的单词。

所以我们给help函数的名字改成api_help,微信图片_20220616232932.png

好了,这次正常了。

让我们打开views.py,在最下面创造api_help()函数:这个函数只是单纯进入而已。我们别写错了。前面是welcome.html,后面是help.html微信图片_20220616232937.png

好,让我确保服务运行,且自动重启后。我们点击页面上的帮助菜单看看能否进入:微信图片_20220616232942.png

但是我们意识到了一个问题,就是我们今后进入的各个子页面,这个左侧菜单都比较挡害,那么有什么办法可以在我们进入任何子页面后,它自己主动隐藏呢?也就是说,让它自己自动点一下 菜单的隐藏按钮

   好的,让我们打welcome.html :

让我们写一段js代码,来点击这个按钮。在body内的最后写一个script用来存放这段js代码:微信图片_20220616232947.png

我们往常写完script后 都会在里面写一个function xxx(){},然后在function里面才写js代码,

这就好比是我们python的def xxxx() 你要是不调用这个函数,那么它永远也不会运行。所以这里我们不写function了,直接在script里面写js代码,这样就会达到 页面刚打开,它自动就运行了这段js 这样的效果:微信图片_20220616232952.png

大家可以学到:document.getElement('你要操作的元素id').click() 这句代码是点击一个元素的,这里我们要点击菜单隐藏按钮,所以我们要放入菜单的隐藏按钮的id,我们找到这个按钮微信图片_20220616233150.png

它的id是menu_btn让我们把它填入js:微信图片_20220616233156.png好,我们现在刷新浏览器,看看效果:微信图片_20220616233200.png


可以看到它自己自动就点击了,形成了我们想要的效果。

之后无论进入任何页面都会如此,但是我们想要的是并不完全是主页的效果,我们想要的是,在home主页的时候 不要隐藏菜单,在其他页面自动隐藏菜单。

那么我们就要在这段js上继续改。加一个if判断,如果不是home主页,那么就点。


这里我们要怎么知道当前子页面是不是home呢,别忘了。我们welcome中的有个后端传过来的参数,恰好是子页面的html文件名!微信图片_20220616233205.png

就是上图的{{ whichHTML }}

   所以我们就要在if中进行判断。注意{{ 变量名 }} 只会忠诚的替换,你要是直接写,它会报错,你要想把它当作一个字符串,外面就要写双引号或单引号:微信图片_20220616233209.png

   写好后。我们刷新浏览器测试一下,

  1. 在home主页,菜单不隐藏
  2. 在帮助页面,菜单自动隐藏

好了。测试完毕,毫无问题。


我们之前的设计,在welcome.html中引入子页面的架构设计,看来在这上有好处,可以很灵活的控制各种页面。大家继续往后学,会有很多这样的巧妙设计慢慢被发现

相关文章
|
1天前
|
数据采集 算法 数据安全/隐私保护
【硬件测试】基于FPGA的8PSK调制解调系统开发与硬件片内测试,包含信道模块,误码统计模块,可设置SNR
本文基于FPGA实现8PSK调制解调系统,包含高斯信道、误码率统计、ILA数据采集和VIO在线SNR设置模块。通过硬件测试和Matlab仿真,展示了不同SNR下的星座图。8PSK调制通过改变载波相位传递信息,具有高频谱效率和抗干扰能力。开发板使用及程序移植方法详见配套视频和文档。
17 7
|
8天前
|
数据采集 算法 测试技术
【硬件测试】基于FPGA的QPSK调制解调系统开发与硬件片内测试,包含信道模块,误码统计模块,可设置SNR
本文介绍了基于FPGA的QPSK调制解调系统的硬件实现与仿真效果。系统包含测试平台(testbench)、高斯信道模块、误码率统计模块,支持不同SNR设置,并增加了ILA在线数据采集和VIO在线SNR设置功能。通过硬件测试验证了系统在不同信噪比下的性能,提供了详细的模块原理及Verilog代码示例。开发板使用说明和移植方法也一并给出,确保用户能顺利在不同平台上复现该系统。
50 15
|
8天前
|
算法 Java 测试技术
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
40 13
|
18天前
|
监控 JavaScript 测试技术
postman接口测试工具详解
Postman是一个功能强大且易于使用的API测试工具。通过详细的介绍和实际示例,本文展示了Postman在API测试中的各种应用。无论是简单的请求发送,还是复杂的自动化测试和持续集成,Postman都提供了丰富的功能来满足用户的需求。希望本文能帮助您更好地理解和使用Postman,提高API测试的效率和质量。
70 11
|
16天前
|
数据采集 算法 数据安全/隐私保护
【硬件测试】基于FPGA的2FSK调制解调系统开发与硬件片内测试,包含信道模块,误码统计模块,可设置SNR
本文介绍了基于FPGA的2FSK调制解调系统,包含高斯信道、误码率统计模块及testbench。系统增加了ILA在线数据采集和VIO在线SNR设置模块,支持不同SNR下的硬件测试,并提供操作视频指导。理论部分涵盖频移键控(FSK)原理,包括相位连续与不连续FSK信号的特点及功率谱密度特性。Verilog代码实现了FSK调制解调的核心功能,支持在不同开发板上移植。硬件测试结果展示了不同SNR下的性能表现。
60 6
|
2月前
|
并行计算 算法 测试技术
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面,旨在通过综合策略提升程序性能,满足实际需求。
65 1
|
2月前
|
人工智能 供应链 安全
AI辅助安全测试案例某电商-供应链平台平台安全漏洞
【11月更文挑战第13天】该案例介绍了一家电商供应链平台如何利用AI技术进行全面的安全测试,包括网络、应用和数据安全层面,发现了多个潜在漏洞,并采取了有效的修复措施,提升了平台的整体安全性。
|
2月前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
70 3
|
2月前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
150 1
|
3月前
|
JSON 算法 数据可视化
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
这篇文章是关于如何通过算法接口返回的目标检测结果来计算性能指标的笔记。它涵盖了任务描述、指标分析(包括TP、FP、FN、TN、精准率和召回率),接口处理,数据集处理,以及如何使用实用工具进行文件操作和数据可视化。文章还提供了一些Python代码示例,用于处理图像文件、转换数据格式以及计算目标检测的性能指标。
83 0
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)