登录页 login.html：

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="/static/fontawesome/css/font-awesome.min.css">

    <title>mysite-登录页面</title>

    <style>

        body {

            background-color: #eee;

        }

    </style>

</head>

<body>

<div class="container">

    <div class="row">

        <div class="col-md-4 col-md-offset-4" style="margin-top: 100px">

            <h1 class="text-center">请登录</h1>

            <form class="form-horizontal" action="/check/" method="post">

                <div class="form-group">

                    <label for="inputEmail3" class="col-sm-2 control-label"></label>

                    <div class="input-group col-sm-8">

                         <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>

                        <input type="email" name="email" class="form-control" id="inputEmail3" placeholder="Email">

                    </div>

                </div>

                <div class="form-group">

                    <label for="inputPassword3" class="col-sm-2 control-label"></label>

                    <div class="input-group col-sm-8">

                        <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>

                        <input type="password" name="pwd" class="form-control" id="inputPassword3" placeholder="Password">

                    </div>

                </div>

                <div class="form-group">

                    <div class="input-group col-sm-offset-2 col-sm-8">

                        <div class="checkbox">

                            <label>

                                <input type="checkbox"> 记住我

                            </label>

                        </div>

                    </div>

                </div>

                <div class="form-group">

                    <div class="input-group col-sm-offset-2 col-sm-8">

                        <button type="submit" class="btn btn-primary btn-block">登录</button>

                    </div>

                </div>

            </form>

        </div>

    </div>

</div>

</body>

</html>

urls.py：

# -*- coding:utf-8 -*-

__author__ = "MuT6 Sch01aR"

from django.conf.urls import url

from django.contrib import admin

from django.shortcuts import HttpResponse, render, redirect

def login(request):

    return render(request, "login.html")

def check(request):

    # 获取用户提交的数据

    print(request.POST)  # 取得所有 POST 过来的数据

    return HttpResponse('ok')

# 保存路径和函数的对应关系

urlpatterns = [

    url(r'^login/', login),

    url(r'check/', check),

]

在登录界面随便输内容

点击“登录”

这种情况下要将 settings.py 中的一行代码注释掉

带有 CSRF 这个

注释好后重新输入邮箱和密码

返回成功

Pycharm 打印出了接收到的 POST 的数据，以字典类型

这里要注意一点的是，这里的 key 是和 form 表单中的 name 属性的 email，pwd 相对应的

接下来判断邮箱和用户名是否正确

# -*- coding:utf-8 -*-

__author__ = "MuT6 Sch01aR"

from django.conf.urls import url

from django.contrib import admin

from django.shortcuts import HttpResponse, render, redirect

def login(request):

    return render(request, "login.html")

def check(request):

    # 获取用户提交的数据

    # print(request.POST)  # 取得所有 POST 过来的数据

    email = request.POST.get("email", None)

    pwd = request.POST.get("pwd", None)

    print(email, pwd)

    # 判断是否登录成功

    if email == '1111@qq.com' and pwd == 'test':

        return HttpResponse("登录成功！")

    else:

        return HttpResponse("登录失败！")

# 保存路径和函数的对应关系

urlpatterns = [

    url(r'^login/', login),

    url(r'check/', check),

]

输入错误的

输入正确的

将 login 函数和 check 函数合并，根据请求方式来执行相关的操作

# -*- coding:utf-8 -*-

__author__ = "MuT6 Sch01aR"

from django.conf.urls import url

from django.contrib import admin

from django.shortcuts import HttpResponse, render, redirect

def login(request):

    if request.method == "GET":  # 这里是要大写的

        return render(request, "login.html")

    if request.method == "POST":

        email = request.POST.get("email", None)

        pwd = request.POST.get("pwd", None)

        print(email, pwd)

        if email == '1111@qq.com' and pwd == 'test':

            return HttpResponse("登录成功！")

        else:

            return HttpResponse("登录失败！")

# 保存路径和函数的对应关系

urlpatterns = [

    url(r'^login/', login),

]

login.html 中的 action 地址也要修改

可以置空也可以写上 /login/，置空就表示当前目录

优化 login 函数

def login(request):

    if request.method == "POST":

        email = request.POST.get("email", None)

        pwd = request.POST.get("pwd", None)

        print(email, pwd)

        if email == '1111@qq.com' and pwd == 'test':

            return HttpResponse("登录成功！")

    return render(request, "login.html")

使用 render 添加错误提示

在 login.html 中添加一句话

{{ error }} 为占位符

login 函数

def login(request):

    error_msg = ""

    if request.method == "POST":

        email = request.POST.get("email", None)

        pwd = request.POST.get("pwd", None)

        print(email, pwd)

        if email == '1111@qq.com' and pwd == 'test':

            return HttpResponse("登录成功！")

        else:

            error_msg = "邮箱或密码错误"

    return render(request, "login.html", {"error": error_msg})

登录时输入错误的邮箱或者密码

使用 redirect 实现登录成功后的跳转

urls.py

# -*- coding:utf-8 -*-

__author__ = "MuT6 Sch01aR"

from django.conf.urls import url

from django.shortcuts import HttpResponse, render, redirect

def login(request):

    error_msg = ""

    if request.method == "POST":

        email = request.POST.get("email", None)

        pwd = request.POST.get("pwd", None)

        print(email, pwd)

        if email == '1111@qq.com' and pwd == 'test':

            return redirect("http://www.baidu.com")

        else:

            error_msg = "邮箱或密码错误"

    return render(request, "login.html", {"error": error_msg})

# 保存路径和函数的对应关系

urlpatterns = [

    url(r'^login/', login),

]

登录成功后将跳转到百度

Python - Django - 登录页面的更多相关文章

  1. python Django注册页面显示头像

    python Django注册页面显示头像(views) def register(request): ''' 注册 :param request: :return: ''' if request.m ...

  2. python web框架 Django 登录页面

    在django 项目下 创建一个templates 放模板的文件夹 html文件都放在这里 在里面写一个login.html 登录页面 urls.py 加上 login 对应关系 from djang ...

  3. django登录页面优化

    环境准备 1.python3.6 2.django2.0+ 3.bootstrap3 后台代码 #创建login_check视图函数,用来处理登录 def login_action(request): ...

  4. Django 登录页面重定向

    转自:http://blog.chedushi.com/archives/3484 登陆和注销操作在网页编程上很常见,这两个操作经常需要在操作成功以后转入发出请求的页面. 比如用户正在浏览一篇文章,发 ...

  5. Python django 404页面配置和debug=false 静态文件配置 django版本1.10.5

    django设置404页面 1.设置settings文件 DEBUG = False ALLOWED_HOSTS = ['127.0.0.1', 'localhost']或者 ALLOWED_HOST ...

  6. python&django 实现页面中关联查询小功能（中级篇）

    目的 组合搜索实现如下图功能 知识点 1.使用自定义标签模板(templatetags) 实现 models.py 和 views.py和初级篇一样 重点如下:在app01目录下创建templatet ...

  7. python&django 实现页面中关联查询小功能（基础篇）

    效果 实现效果图如下,根据过滤条件查询相关信息. 知识点 1.配置URL,在路由中使用正则表达式 2.过滤查询 代码 setting.py from django.contrib import adm ...

  8. django登录页面设计：

    urls: """day42 URL Configuration The `urlpatterns` list routes URLs to views. For mor ...

  9. Python Django CMDB项目实战之-2创建APP、建模（models.py）、数据库同步、高级URL、前端页面展示数据库中数据

    基于之前的项目代码来编写 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页index页文章页面 现在我们修改一个文章列表是从数据库中获取数据, 下面我们就需 ...

随机推荐

  1. 详解基本TCP套接字函数

    以下讲解基本TCP套接字函数. 1.socket 函数   指定期望的通信协议类型.    #include <sys/types.h> /* See NOTES */ #include  ...

  2. python 兼容中文路径 + 目标文件是否是图像格式判断

    1. 中文路径兼容python程序如果路径中包含中文字符,不加处理会有类似报错:'ascii' codec can't decode byte 0xxx in position xx:ordinal ...

  3. putc，fputc，和putchar

    putc()功能和fputc()差不多,一个是宏,一个是函数 putc(int ch,FILE *fp),即将字符ch输出到fp所指的文件中:putchar(char ch),即将字符ch输出到标准输 ...

  4. HDU 4640 状态压缩DP 未写完

    原题链接:http://acm.hdu.edu.cn/showproblem.php?pid=4640 解题思路: 首先用一个简单的2^n*n的dp可以求出一个人访问一个给定状态的最小花费,因为这i个 ...

  5. 1050. 螺旋矩阵(25) pat乙级题

    本题要求将给定的N个正整数按非递增的顺序,填入“螺旋矩阵”.所谓“螺旋矩阵”,是指从左上角第1个格子开始,按顺时针螺旋方向填充.要求矩阵的规模为m行n列,满足条件:m*n等于N:m>=n:且m- ...

  6. Flask第31课——include标签

    我们在上一节代码基础上增加一些代码,样式: 文件名index.html,代码: {% from 'macros/forms.html' import input %} <!DOCTYPE htm ...

  7. jsp页面九大内置对象

    资源转载自网上,不可用于商用,学习可以.内置对象又叫隐式对象/隐含对象是由WEB容器加载的一组类的实例,不需要预先声明就可以在脚本代码和表达式中随意使用的对象. 这九大隐式对象可以按照期作用分类为: ...

  8. Google Review中Zlib.Portable报错的一种排查解决方案

    前几天遇到一个恶心的问题,跟同事一块解决了,在这里记录下过程. 比较懒,直接转他的blog: http://www.cnblogs.com/caochenghua/p/6530053.html 报错信 ...

  9. 转详解Zoosk千万用户实时通信背后的开源技术

    导语:本文由Zoosk(一个具有5000万会员的浪漫的社交约会网站)工程副总裁Peter Offringa所写,讲述了Zoosk的实时通信技术. 当我们的会员从Zoosk获得的最有价值的消息时,他们可 ...

  10. linux 下git使用教程

    #添加所有新增文件 git add . #提交所有修改,包括删除,添加,修改 git add -A git add --all #查看状态 git status #添加一个文件 git add rea ...