接口测试平台代码实现5:亲手创造第一个首页

简介: 接口测试平台代码实现5:亲手创造第一个首页

上节我们学的主要是如何启动服务,并让同事进入你的django默认页面,接下来要学习如何理解和操作一个自造页面来让同事可以访问。

可能大家都已经知道百度 首页中暗藏的小彩蛋,在f12的console里可以看到,总是更换,现在是这个:微信图片_20220614223733.png我记得很多年前我第一次发现的时候,彩蛋是:“一个网页是如何来到用户眼前,一个....是如何...., 一个....是如何。那么就来投递我们吧”所以我们本节要讨论的问题就是,一个html网页,是如何通过django展现出到你和你同事的浏览器中的。

首先要明白一个事:一个最终呈现在用户眼前的网页是由以下几部分构成的:1.html模版 :相当于树干树枝2.具体展现的数据:就是动态的各种树叶3.html静态语言:就是形成树干树枝的语言4.js脚本语言:就是我们看到页面内的各种动作行为的脚本5.css样式:就是美化这些树干树叶的装饰方法

好,我们现在开始梳理一下用户访问你平台首页的逻辑:

  1. 用户打开浏览器,输入网址url
  2. 你的django服务接到这个网址url
  3. 你的django服务去根据这个url 找到对应的后台函数
  4. 找到后台函数后,看到这个后台函数要做一件事,就是返回一个html首页模版,外加初始的数据。打包给你的浏览器
  5. 你的浏览器接到这个html模版和数据后,就给你组合成一个完整的网页展示给你。


      好,我们来在项目中按照上述过程具体实践出来:

首先要在django服务中 写好,你的url 和 后台函数的映射关系,好让django知道根据url找到对应后台函数。

这个映射关系就在urls.py中写,其实听着很高大上,实际上就是一个列表,每个元素是一个映射。每个元素都调用一个库函数,给他传俩个值,第一个是你的url,第二个是你后台函数名字。如下格式:

[    库函数('你的url 1',‘你的后台函数名1 ’),    库函数('你的url 2',‘你的后台函数名2 ),]


这就是所谓的url分发路由管理器。下面来找到urls.py文件,进去看到微信图片_20220614223741.png

它已经自动给你生成了一个映射,你可以按照它的格式去写后续的。

但是我们的后台函数 是写在views.py中的,当然可以自己新建其他的。所以这里我们要导入views.py的所有内容:微信图片_20220614223746.png

再在下面的urlpattens 这个大列表中,添加一个新元素:url(r'^welcome/$',welocme), #进入主页微信图片_20220614223752.png

这个welcome函数,所以不红就怪了,(小技巧:这时候鼠标不要去点击pycharm之外的地方,否则django会监控到你的文件更改,自动重启,然后重启过场发现代码错误标红,服务就会终止,我们还要修改代码重启。) 我们现在必须直接进入views.py文件,来写这个welcome函数。注意,参数中一定要写一个request(可以自己改), 这个参数是必须存在的,只要是urls.py中映射的函数,必须有。它里面包含了所有这次请求的东西,比如请求者的ip,登陆的用户名,http请求等等,都会包含在此。微信图片_20220614223758.png

简单点,就输出 进来了 字符串。

现在我们回到urls.py发现已经不标红了,这说明已经映射成功。微信图片_20220614223805.png

前面的这个写法,是正则匹配写法,大家有兴趣后续可以研究,这里新人建议照葫芦画瓢即可。前面不写/ 后面必写/$ 。

我们现在打开网页,输入网址:127.0.0.1:8000/welcome 看看效果:微信图片_20220614223810.png

网页报错,不要慌,这是正常的。它是在说,你没有给浏览器返回个东西,让它展示个毛线?微信图片_20220614224236.png

但是我们的后台函数中却有print,这个print是打印在你的控制台的,所以你去看看有没有吧?

微信图片_20220614224242.png

这个输出证明我们的这条链路其实已经打通了。这里的报错也不用管,这也是在说你没有给浏览器返回一个页面或者什么。所以我们接下来就给浏览器返回个东西,先来个简单的,返回一句话。

先导入俩个重要的包,是给前端返回用的。

from django.http import HttpResponse,HttpResponseRedirect
from django.shortcuts import render

微信图片_20220614224256.png

调用的HttpResponse函数是用来返回一个字符串的,后续返回的json格式字符串也是用它HttpResponseRedirect用来重定向到其他url上的。render是用来返回html页面和页面初始数据的。写好后,我们鼠标点击pycharm外的其他地方,比如微信,qq,网页。这样pycharm会开始检查你的代码,发现你修改了之后,会重启django来让你的修改生效。

微信图片_20220614224302.png

看到控制台又输出来一次 启动时候才有的白色文字后,没有其他报错信息,证明重启成功,你的修改应该生效了。再次进入刚刚的网址或刷新:http://127.0.0.1:8000/welcome/看看这次展示什么?微信图片_20220614224311.png

看看这是不是成功展示出来了?我们的文案!

好,今天的内容先到这里,下节开始正式制作一个网页,然后调用render函数来返回。

相关文章
|
3月前
|
数据采集 机器学习/深度学习 大数据
行为检测代码(一):超详细介绍C3D架构训练+测试步骤
这篇文章详细介绍了C3D架构在行为检测领域的应用,包括训练和测试步骤,使用UCF101数据集进行演示。
87 1
行为检测代码(一):超详细介绍C3D架构训练+测试步骤
|
3月前
|
机器学习/深度学习 人工智能 监控
提升软件质量的关键路径:高效测试策略与实践在软件开发的宇宙中,每一行代码都如同星辰般璀璨,而将这些星辰编织成星系的过程,则依赖于严谨而高效的测试策略。本文将引领读者探索软件测试的奥秘,揭示如何通过精心设计的测试方案,不仅提升软件的性能与稳定性,还能加速产品上市的步伐,最终实现质量与效率的双重飞跃。
在软件工程的浩瀚星海中,测试不仅是发现缺陷的放大镜,更是保障软件质量的坚固防线。本文旨在探讨一种高效且创新的软件测试策略框架,它融合了传统方法的精髓与现代技术的突破,旨在为软件开发团队提供一套系统化、可执行性强的测试指引。我们将从测试规划的起点出发,沿着测试设计、执行、反馈再到持续优化的轨迹,逐步展开论述。每一步都强调实用性与前瞻性相结合,确保测试活动能够紧跟软件开发的步伐,及时适应变化,有效应对各种挑战。
|
8天前
|
算法 Java 测试技术
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
40 13
|
18天前
|
监控 JavaScript 测试技术
postman接口测试工具详解
Postman是一个功能强大且易于使用的API测试工具。通过详细的介绍和实际示例,本文展示了Postman在API测试中的各种应用。无论是简单的请求发送,还是复杂的自动化测试和持续集成,Postman都提供了丰富的功能来满足用户的需求。希望本文能帮助您更好地理解和使用Postman,提高API测试的效率和质量。
70 11
|
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月前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
82 2
|
2月前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
71 0