4-request对象
前端提交数据
必备知识点
前端form表单中action属性,不写默认是当前路由地址
前端form表单中的method属性,不写默认是GET请求
前端页面
templates\register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册页面</title>
<style>
fieldset {
width: 300px;
}
legend {
text-align: center;
}
</style>
</head>
<body>
<form action="">
<fieldset>
<legend>请输入用户名以及密码</legend>
<label for="username">账号:</label>
<input id="username" name="username" type="text" placeholder="在此处输入用户名">
<br>
<label for="password">密码:</label>
<input id="password" name="password" type="password">
<br>
<input type="submit" value="提交">
</fieldset>
</form>
</body>
</html>

后端页面
# views.py
from django.shortcuts import render
def register(request):
return render(request, 'register.html')
# views.py
from django.contrib import admin
from django.urls import path
from app import views
urlpatterns = [
path('admin/', admin.site.urls),
path('register/', views.register, name='register'), # name='register' 表示别名
]
get提交
当form表单不填写
method,直接提交时get方法,没有错误,后台可以拿到数据
post提交
当form表单提交方式为
method=post时,报错如下

解决方案,注释掉下面这个配置
# 将settings.py文件中的配置注释掉,在后面的学习中我们会逐步的解决掉这个问题
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
# 将这个配置先注释掉
# 'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
后端获取数据
request的属性以及方法
request.method
获取发起请求的请求方式
一般是GET或者POST 基于表单的method方法
get请求携带的数据是由大小限制的
post请求携带的请求参数没有限制
request.POST
获取用户输入的请求数据,但不包含文件
返回的是:大写字符串
前端页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册页面</title>
<style>
fieldset {
width: 300px;
}
legend {
text-align: center;
}
</style>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>请输入用户名以及密码</legend>
<label for="username">账号:</label>
<input id="username" name="username" type="text" placeholder="在此处输入用户名">
<br>
<label for="password">密码:</label>
<input id="password" name="password" type="password">
<br>
爱好:
<input name="hobby" id="kill" type="checkbox" value="kill">
<label for="kill">抢人头</label>
<input name="hobby" id="fish" type="checkbox" value="fish">
<label for="fish">摸鱼</label>
<input name="hobby" id="cut-class" type="checkbox" value="cut-class">
<label for="cut-class">逃课</label>
<br>
<input id="hobby" type="submit" value="提交">
</fieldset>
</form>
</body>
</html>

后端页面
# register
def register(request):
print('request.POST', request.POST)
print('request.GET', request.GET)
return render(request, 'register.html')
# 当以get方式提交的时候
# request.POST <QueryDict: {}>
# request.GET <QueryDict: {'username': ['小满'], 'password': ['123'], 'hobby': ['kill', 'fish', 'cut-class']}>
# 当以post方式提交的时候
# request.POST <QueryDict: {'username': ['小满'], 'password': ['123'], 'hobby': ['kill', 'fish', 'cut-class']}>
# request.GET <QueryDict: {}>
获取值
def register(request):
query_dict = request.POST if request.POST else request.GET # 三元运算符 哪一个有值从哪一个里面去取
username = query_dict.get('username') # 获取单个值
password = query_dict.get('password') # 获取单个值
hobby = query_dict.getlist('hobby') # 获取多个值,一般是用于接收form表单的多选框数据
print(username, password, hobby) # 小满 123 ['抢人头', '摸鱼', '逃课']
return render(request, 'register.html')
优化后的写法,可以这样但不建议
def register(request):
query_dict = request.POST if request.POST else request.GET
username, password, hobby = query_dict.values() # 修改了这里
print(username, password, hobby) # 小满 11223344 逃课
return render(request, 'register.html')
验证值
注册成功之后,跳转到登录页面
后端
# views.py
from django.shortcuts import redirect, HttpResponse, render
def login(request):
username = request.POST.get('username')
password = request.POST.get('password')
if username == "小满" and password == '123':
print(username, password)
return render(request, 'login.html', {'username': username})
else:
return HttpResponse('对不起,账号或者密码错误~')
def register(request):
if request.method == 'POST':
response = login(request)
if response.status_code == 200:
return response
return render(request, 'register.html')
# urls.py
from django.contrib import admin
from django.urls import path
from app import views
urlpatterns = [
path('admin/', admin.site.urls),
path('login/', views.login),
path('register/', views.register, name='register'), # name='register' 表示别名
前端
<!-- register.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册页面</title>
<style>
fieldset {
width: 300px;
}
legend {
text-align: center;
}
</style>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>请输入用户名以及密码</legend>
<label for="username">账号:</label>
<input id="username" name="username" type="text" placeholder="在此处输入用户名">
<br>
<label for="password">密码:</label>
<input id="password" name="password" type="password">
<br>
爱好:
<input name="hobby" id="kill" type="checkbox" value="抢人头">
<label for="kill">抢人头</label>
<input name="hobby" id="fish" type="checkbox" value="摸鱼">
<label for="fish">摸鱼</label>
<input name="hobby" id="cut-class" type="checkbox" value="逃课">
<label for="cut-class">逃课</label>
<br>
<input id="hobby" type="submit" value="提交">
</fieldset>
</form>
</body>
</html>
<!-- login.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎进入主界面</title>
</head>
<body>
<p>{{ username}},恭喜您登录成功!</p>
</body>
</html>
测试阶段
正确的用户名以及密码为:
小满、123
当我输入了错误的用户名或者密码时
对不起,账号或者密码错误~
当我输入了正确的用户名和密码
小满,恭喜您登录成功!
4-request对象的更多相关文章
- request 对象和 response 对象
Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象.和代表响应的response对象 HttpServletResponse HttpServletR ...
- JSP内置对象之request对象【学习笔记】
request对象是JSP中重要的对象,每个request对象封装着一次用户的请求,并且所有的请求参数都被封装在request对象中,因此request对象是获取请求参数的重要途径. 一.获取请求头与 ...
- request对象和response对象
Request 和 Response 对象起到了服务器与客户机之间的信息传递作用.Request 对象用于接收客户端浏览器提交的数据,而 Response 对象的功能则是将服务器端的数据发送到客户端浏 ...
- 重温Servlet学习笔记--request对象
request和response是一对搭档,一个负责请求一个负责响应,都是Servlet.service()方法的参数,response的知识点前面梳理过了,这里只说一下request,在客户端发出每 ...
- 通过Request对象对cookie的设置、获取
<html> <head></head> <body> <% request.setCharacterEncoding("UTF-8&q ...
- JSP基础——属性保存范围和request对象
JSP属性保存范围 JSP中提供了四种属性保存范围,分别为page,request,session及application. 1.page范围,指设置的属性只在当前页面有效.通过pageContext ...
- request对象详解
先来了解一下Request的主要方法: setAttribute(String name,Object):设置名字为name的request的参数值getAttribute(String name): ...
- Volley(二)—— 基本Request对象 & RequestQueue&请求取消
详细解读Volley(一)—— 基本Request对象 & RequestQueue&请求取消 Volley它非常适合去进行数据量不大,但通信频繁的网络操作,而对于大数据量的网络操作, ...
- Request 对象
Request 对象用于检索从浏览器向服务器发送的请求中的信息. 1.使用Request对象的Browser属性,可以访问HttpBrowserCapabilities属性获得当前正在使用哪种类型的浏 ...
- 在SpringMVC中获取request对象
1.注解法 @Autowired private HttpServletRequest request; 2. 在web.xml中配置一个监听 <listener> <listen ...
随机推荐
- CS231N Assignment1 SVM 笔记
svm.ipynb 为SVM实现一个完全矢量化的损失函数 为其解析梯度实现完全矢量化表达式 使用数值梯度检查实现结果 使用验证集调整学习率和正则化 使用 SGD 优化损失函数 可视化最终学习权重 第一 ...
- MySQL新增数据,修改数据,删除数据
连接本地mysql语句 mysql -hlocalhost -uroot -proot DML-介绍 DML英文全称是:用来对数据库中表的数据记录进行 增 删 改 操作. 增加使用 insert 删除 ...
- click与addEventListener和removeEventListener事件与移除正确的移除事件详解
1. onclick事件 es5 普通事件就是直接触发事件,相同的事件会被覆盖掉.代码如下: let demoDiv=document.querySelector(".demo") ...
- 【JS 逆向百例】某公共资源交易网,公告 URL 参数逆向分析
声明 本文章中所有内容仅供学习交流,抓包内容.敏感网址.数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 逆向目标 目标:某地公共资 ...
- python2和python3的版本历史及入门书籍
python版本历史 我们端游项目使用是python2.7版本 32位 python2 2.7.18 last version on 2020.4.20 2.7 first version on 20 ...
- 【SpringBoot】当AOP引发的异常与@RestControllerAdvice擦肩而过:异常处理的盲点揭秘
各位上午/下午/晚上好呀! 今天在写bug的时候发现一个这样的问题: AOP抛出的异常竟然没有被@RestControllerAdvice注解修饰的异常统一处理类处理. 有一个需求,对某些加了自定义注 ...
- 希捷推出IronWolf Pro 24TB硬盘:CMR构建、285MB/s传输速率
希捷推出了全新IronWolf Pro 24TB硬盘,采用3.5寸规格,满足中小企业和NAS环境需求. 据了解,新款硬盘采用了希捷AgileArray技术,针对NAS系统进行了优化.其通过双平面平衡和 ...
- css 实现移动端横向滚动条隐藏但还可以滚动的效果与实现多行文本溢出显示省略号
一.实现移动端横向滚动条隐藏但还可以滚动的效果 1.首先添加一段html代码: <div class="scroll"> <div class="ite ...
- 【C语言进阶】atoi函数的模拟实现【C的深度解剖】超详细的解释和注释
[C语言进阶]atoi函数的模拟实现[C的深度解剖]超详细的解释和注释 那么这里博主先安利一下一些干货满满的专栏啦! 作者: #西城s 这是我的主页:#西城s 在食用这篇博客之前,博主在这里介绍一下其 ...
- AI自动生成视频保姆级教程,还能赚包辣条哦~
友友们,小卷今天给大家分享下如何通过AI自动生成视频,只需要3分钟就能做出一个视频,把视频发到B站.抖音.西瓜上,还能赚包辣条哦~ 文末给大家准备了AI变现的案例及AIGC知识库,记得领取哦! 1.收 ...