【Django 网页Web开发】04. 请求和响应，网页跳转重定向，实战简易表单模拟登陆（保姆级图文）

已于 2023-03-20 10:40:57 修改
阅读量1.5k 收藏 4
点赞数 1
分类专栏： python # Django网页Web开发 文章标签： django 前端 python
于 2023-03-19 07:39:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011027547/article/details/129493415
版权

目录

欢迎关注 『Django 网页Web开发』 系列，持续更新中
欢迎关注 『Django 网页Web开发』 系列，持续更新中

实现效果

简单的网页跳转，例如网页跳转到百度，网页跳转间携带参数。
如果此前完全没有接触过Django，请先看前面的教学文章，学习如何添加url，添加新页面
03. 初识Django（保姆级图文）

需要用到的库包

from django.shortcuts import render, HttpResponse, redirect

请求

1. request.method 获取请求方式 GET/POST

随便新建一个something.html网页，url路由加入，view写入视图代码

  • something.html 内容：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

在这里插入图片描述

  • view.py
def something(request):
    # request是一个对象，封装了用户发送过来的所有请求相关数据

    # 1.获取请求方式 GET/POST
    print(request.method)#get 浏览器url栏空格回车的方式

在这里插入图片描述

2. request.GET 在URL上传递值 /something/?n1=123&n2=999

  • something.html 内容不变

  • view.py

def something(request):
    # 2.在URL上传递值 /something/?n1=123&n2=999
    print(request.GET)#<QueryDict: {'n1': ['123'], 'n2': ['999']}>  获取得到了我们在url中写入的数据，也就是请求的数据
  • 在本机运行时url输入 ····/something/?n1=123&n2=999
    在这里插入图片描述

3. request.POST 在请求体中提交数据

  • something.html 内容不变

  • view.py

def something(request):
    # 3.在请求体中提交数据
    print(request.POST)#<QueryDict: {}> 因为这里我们没有post请求，所以没有数据显示
  • 这里我们没有post请求，所以没有数据显示，是空的
    在这里插入图片描述

响应

4. HttpResponse(“内容”) 内容字符串内容返回给请求者。

  • something.html 内容不变

  • view.py

def something(request):
    # request是一个对象，封装了用户发送过来的所有请求相关数据

    # 1.获取请求方式 GET/POST
    #print(request.method)#get 浏览器url栏空格回车的方式

    # 2.在URL上传递值 /something/?n1=123&n2=999
    #print(request.GET)#<QueryDict: {'n1': ['123'], 'n2': ['999']}>  获取得到了我们在url中写入的数据，也就是请求的数据

    # 3.在请求体中提交数据
    #print(request.POST)#<QueryDict: {}> 因为这里我们没有post请求，所以没有数据显示

    # 4.【响应】HttpResponse("返回内容")，内容字符串内容返回给请求者。
    return HttpResponse("返回内容")

在这里插入图片描述

5. render() 读取HTML的内容 + 渲染（替换） -> 字符串，返回给用户浏览器。

render(request, ‘something.html’, {“title”: “来了”}) 读取HTML的内容 + 渲染（替换） -> 字符串，返回给用户浏览器。

  • something.html 内容不变

  • view.py

def something(request):
    # request是一个对象，封装了用户发送过来的所有请求相关数据

    # 1.获取请求方式 GET/POST
    #print(request.method)#get 浏览器url栏空格回车的方式

    # 2.在URL上传递值 /something/?n1=123&n2=999
    #print(request.GET)#<QueryDict: {'n1': ['123'], 'n2': ['999']}>  获取得到了我们在url中写入的数据，也就是请求的数据

    # 3.在请求体中提交数据
    #print(request.POST)#<QueryDict: {}> 因为这里我们没有post请求，所以没有数据显示

    # 4.【响应】HttpResponse("返回内容")，内容字符串内容返回给请求者。
    #return HttpResponse("返回内容")

    # 5.【响应】读取HTML的内容 + 渲染（替换） -> 字符串，返回给用户浏览器。
    return render(request, 'something.html', {"test_data": "我是被传递的数据"})#返回一个指定的页面，同时传递数据test_data

在这里插入图片描述

6. redirect()让浏览器重定向到其他的页面

重定向机制
在这里插入图片描述

  • something.html 内容不变

  • view.py

def something(request):
    # request是一个对象，封装了用户发送过来的所有请求相关数据

    # 1.获取请求方式 GET/POST
    #print(request.method)#get 浏览器url栏空格回车的方式

    # 2.在URL上传递值 /something/?n1=123&n2=999
    #print(request.GET)#<QueryDict: {'n1': ['123'], 'n2': ['999']}>  获取得到了我们在url中写入的数据，也就是请求的数据

    # 3.在请求体中提交数据
    #print(request.POST)#<QueryDict: {}> 因为这里我们没有post请求，所以没有数据显示

    # 4.【响应】HttpResponse("返回内容")，内容字符串内容返回给请求者。
    #return HttpResponse("返回内容")

    # 5.【响应】读取HTML的内容 + 渲染（替换） -> 字符串，返回给用户浏览器。
    #return render(request, 'something.html', {"test_data": "我是被传递的数据"})#返回一个指定的页面

    # 6.【响应】让浏览器重定向到其他的页面
    # return redirect("https://www.baidu.com")#跳转到百度
    return redirect("https://www.baidu.com/s?wd=csdn")#跳转到搜索关键词为csdn的百度页面

直接跳转到下方页面
在这里插入图片描述

实战简易表单模拟登陆

注意form表单中的隐藏字段csrf_token 需要你添加，否则无法通过安全验证会出现下图
在这里插入图片描述

  • login.html 内容：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>用户登录</h1>
<form method="post" action="/login/">
    {% csrf_token %} {# 默认的隐藏字段，Cross Site Request Forgery，译为跨站请求伪造。一种安全校验的字段，需要把这个加在form表单里 #}
    <input type="text" name="user" placeholder="用户名">
    <input type="password" name="pwd" placeholder="密码">
    <input type="submit" value="提交"/>
    <span style="color: red;">{{ error_msg }}</span>{#用于存放登录错误提示红字信息#}
</form>

</body>
</html>

在这里插入图片描述

  • view.py
def login(request):
    # 用url访问是get请求,用提交按钮是post请求
    if request.method == "GET":  # 登录get请求
        return render(request, "login.html")
    print(request.POST)  # 如果是POST请求，获取用户提交的数据
    username = request.POST.get("user")
    password = request.POST.get("pwd")
    if username == 'mzh' and password == "2023":
        # return HttpResponse("登录成功")
        return redirect("http://www.chinaunicom.com.cn/")#登录成功后跳转到指定网站

    # return HttpResponse("登录失败")
    return render(request, 'login.html', {"error_msg": "用户名或密码错误"})

csrf_token 的介绍

这是Django自带的安全机制隐藏字段，可以看到，虽然我们没有添加这个字段在html页面中，他还是在源码中自动帮我们添加了。
在这里插入图片描述

在这里插入图片描述

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多有趣好玩的Python 网页Web开发知识！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2023 mzh

Crated：2023-3-1

欢迎关注 『Django 网页Web开发』 系列，持续更新中
欢迎关注 『Django 网页Web开发』 系列，持续更新中
『01. 安装配置Django』
『02. 创建并运行一个Django项目』
『03. 初识Django』
『04. 请求和响应，网页跳转重定向，实战简易表单模拟登陆』
『05. 数据库操作，实战用户管理』
『06. 报错：You have 26 unapplied migration(s). Your project may not work properly until you apply the migra』
『07. 模板语法』
『08. 实战项目：部门和员工管理系统（01）』
『09. 实战项目：员工编辑删除功能与靓号管理（02）』
『10. 实战项目：靓号搜索功能（03）』
『11. 实战项目：分页与页码跳转功能（04）』
『12. 实战项目：分页组件的封装 面向接口编程（05）』
『13. 实战项目：添加用户时的时间选择组件（06）』
『14. 实战项目：一些面向对象的代码结构优化（07）』
『15. 实战项目：管理员增删改查，md5密码和密码重置（08）』
『16. 实战项目：BootStrap类的进一步优化（09）』
『17. 实战项目：login业务涉及cookie、session、中间件（10）』
『18. 实战项目：登录时的验证码（11）』
『19. 实战项目：初识Ajax请求（12）』
『20. 实战项目：Ajax实战之订单管理与弹出对话框（13）』
『21. 实战项目：echart数据图表（14）』
『22. 实战项目：简单的文件上传（15）』
『23. 实战项目：Excel和form和moudleForm的文件上传（16）』
【更多内容敬请期待】

发现你走远了
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Python-Django初体验—创建Django项目并实现页面跳转功能
微雨停了的博客
04-04 9390
关于Python-Django创建新项目，并实现页面跳转功能。
五、python Django FBV视图[响应格式、跳转、异常响应、文件上传下载、cookie]
黑日里不灭的light
08-15 190
解释：表示返回数据，状态码200。
django配置中间件，验证并跳转登录页
最新发布
weixin_44905216的博客
04-30 146
注册middleware认证。
Java中前端调用后端接口 后端如何自动跳转第三方平台
weixin_35750747的博客
01-03 1702
在 Java 中，如果你想实现前端调用后端接口并让后端自动跳转到第三方平台，你可以使用以下步骤： 在后端服务中构建一个接口，供前端调用。 在接口中，使用 Java 的 HttpURLConnection 或者 Apache HttpClient 等工具发送 HTTP 请求到第三方平台。 在第三方平台返回的 HTTP 响应中获取跳转 URL，并使用 HttpServletResponse 对象...
html模拟网页提交数据,ajax模拟form表单提交
weixin_30609645的博客
06-04 460
AJAX表单提交以及数据接收我现在想实现这样一个效果 chat.html中有一个表单chat,按下提交按钮后chajax是一种传输方式，数据不是提交给ajax，而是 数据 由 ajax提交到后台(并不刷新页面) 要实现一个简单的ajax请CSS布局HTML小编今天和大家分享，要这3样东西，一个html页，一段js代码，一个可以响应请CSS布局HTML小编今天和大家分享的后台 这里使用了jquery...
Django重定向
zy010101博客
10-30 3074
Django重定向 在前后端分离的情况下，我们很少使用重定向。 为什么要使用重定向？ 我们为什么要将用户的访问重定向到不同的 URL 地址？我们看看 Django 项目是怎么回答的： 当你未登录并请求需要身份验证的URL(如Django管理员)时，Django会将你重定向到登录页面 成功登录后，Django会将你重定向到最初请求的URL 当你使用Django管理员更改密码时，系统会将你重定向到指示更改成功的页面 当你在Django管理员中创建对象时，Django会将你重定向到对象列表。 作者：爱吃鱼de
PythonWeb从入门到实战教程之3开发工具、接触Django.zip
11-01
6. **中间件（Middleware）**：中间件是一层薄薄的代码，可以全局影响Django的请求和响应流程。它可以用于日志记录、身份验证等。 除了这些核心概念，我们还需要学习如何使用Django管理命令、数据库迁移、静态文件...
Python Django Web典型模块开发实战_用Django设计大型电商的类别表_编程项目案例实例详解课程教程.pdf
06-16
Python Django Web典型模块开发实战_用Django设计大型电商的类别表_编程项目案例实例详解课程教程.pdf
Python Django Web典型模块开发实战_用Django实现百度开发者认证业务模型_编程项目案例实例课程教程.pdf
06-16
Python Django Web典型模块开发实战_用Django实现百度开发者认证业务模型_编程项目案例实例详解课程教程.pdf
Django Web开发指南.pdf
04-04
Django Web开发指南 电子书 ！
Python Django Web典型模块开发实战_新浪微博的多端应用_编程项目案例实例详解课程教程.pdf
06-16
Python Django Web典型模块开发实战_新浪微博的多端应用_编程项目案例实例详解课程教程.pdf
7.Django中页面重定向的使用 && path()中参数name的讲解
孤寒者的博客
08-21 2053
引子：   讲一个每个人都碰到过的情形：我们在页面中登录QQ空间的时候，登录成功后会跳转到你的QQ空间主页。     这就是本文要讲的内容——页面重定向！ 第一部分：Django实战使用——页面重定向 1.项目目录下的urls.py文件： from django.contrib import admin from django.urls import path,re_path,include #include用来分配的 from . import views urlpa.
Django怎么获取get请求里面的参数
热门推荐
au55555的博客
04-20 2万+
获取get请求里面参数的两种方法之三种写法一，当get网址是127.0.0.1:8000/info/?id=20&amp;s_id=30这种类型的网址时我们在urls的路由的urlpatterns里面里面这样定义路由url(r'info/$',views.info),那么我们怎么把参数取出来呢 因为我们调用的是views里面的info函数，所以我们可以这样获取到通过request.GET获取请求携...
Django的请求request数据获取方法具体使用
qq_42866415的博客
08-09 8438
测试时可以将csrf关闭，通过注释中间键的配置。 django的request获取参数可以通过GET和POST和body 获取请求路径中的查询字符串参数用get方式：request.GET.get(‘a’)通过这种键的方式获取对应的值，当一个键对应对个值 时，取最后一个值; request.GET.getlist...
Django url,从一个页面调到另个页面，
NeXTSTEP110的博客
04-07 1万+
创建项目和应用django-admin startproject zqxt_views（项目名） cd zqxt_views python manage.py startapp calc（应用名）————–1.采用/add?a=4&b=5这样GET方法进行————————— 修改 calc/view.py文件from django.shortcuts import render from djan
【Django】django 的request和response（转）
weixin_30618985的博客
11-02 282
当请求一个页面时，Django 把请求的 metadata 数据包装成一个 HttpRequest 对象，然后 Django 加载合适的 view 方法，把这个 HttpRequest 对象作为第一个参数传给 view 方法。任何 view 方法都应该返回一个 HttpResponse 对象。 HttpRequest HttpRequest 对象表示来自某客户端的一个单独的 HTTP 请求。H...
Django 跳转和重定向
weixin_30909575的博客
09-25 339
Django 跳转和重定向的方法： 跳转和重定向很常见的场景就是登录和注销后返回到当前页面。给你个登录和注销的例子。比如用户正在浏览一篇文章，发现下载该文章的附件需要登录才能进行，这时候点击登陆链接转入登陆页面，输入用户名密码登陆成功以后，会自动转回原来的那篇文章所在的页面。(目前很多网站采用ajax方法弹出对话框登陆，效果更好一些)怎么做呢？下面说的是django的实现，但是大多数的...
Django实现用户登录
我的天空 我的梦
08-08 2万+
Django实现用户登录
Django Web开发实战指南
"Django+Web开发指南，一本关于使用Django框架进行Web开发的PDF文档，涵盖了Python Web Development with Django的内容，由Jeff Forcier、Paul Bissex、Wesley Chun编写，简体中文版由Pearson Education Asia ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

发现你走远了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值