Python - Django - 登录页面

登录页 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/，置空就表示当前目录

优化 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 }} 为占位符

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 - 登录页面的更多相关文章

python Django注册页面显示头像
python Django注册页面显示头像(views) def register(request): ''' 注册 :param request: :return: ''' if request.m ...
python web框架 Django 登录页面
在django 项目下创建一个templates 放模板的文件夹 html文件都放在这里在里面写一个login.html 登录页面 urls.py 加上 login 对应关系 from djang ...
django登录页面优化
环境准备 1.python3.6 2.django2.0+ 3.bootstrap3 后台代码 #创建login_check视图函数,用来处理登录 def login_action(request): ...
Django 登录页面重定向
转自:http://blog.chedushi.com/archives/3484 登陆和注销操作在网页编程上很常见,这两个操作经常需要在操作成功以后转入发出请求的页面. 比如用户正在浏览一篇文章,发 ...
Python django 404页面配置和debug=false 静态文件配置 django版本1.10.5
django设置404页面 1.设置settings文件 DEBUG = False ALLOWED_HOSTS = ['127.0.0.1', 'localhost']或者 ALLOWED_HOST ...
python&django 实现页面中关联查询小功能（中级篇）
目的组合搜索实现如下图功能知识点 1.使用自定义标签模板(templatetags) 实现 models.py 和 views.py和初级篇一样重点如下:在app01目录下创建templatet ...
python&django 实现页面中关联查询小功能（基础篇）
效果实现效果图如下,根据过滤条件查询相关信息. 知识点 1.配置URL,在路由中使用正则表达式 2.过滤查询代码 setting.py from django.contrib import adm ...
django登录页面设计：
urls: """day42 URL Configuration The `urlpatterns` list routes URLs to views. For mor ...
Python Django CMDB项目实战之-2创建APP、建模（models.py）、数据库同步、高级URL、前端页面展示数据库中数据
基于之前的项目代码来编写 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页index页文章页面现在我们修改一个文章列表是从数据库中获取数据, 下面我们就需 ...

随机推荐

memset,memcpy,strcpy
http://www.cppblog.com/junfeng568/archive/2006/03/11/4022.html
Unity3D游戏-愤怒的小鸟游戏源码和教程（二）
Unity愤怒的小鸟游戏教程(二) 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) AngryEva游戏效果 ...
BZOJ3052: [wc2013]糖果公园【树上带修莫队】
Description Input Output Sample Input Sample Input Sample Output 84 131 27 84 HINT 思路非常模板的树上带修莫队真的 ...
CTF-练习平台-WEB之 web2
二.web2 打开连接发现... 在火狐浏览器里,按F12点击查看器就可以发现flag
Servlet基本操作
一.Servlet的请求流程 web项目中的web.xml文件配置为: <servlet>  <servlet-name>Hello</se ...
读取地址C语言
就是黑点820要算的16位地址(A B C D E F) ************************************************************ C语言中要输出地址时 ...
cocos2dx学习资料
[9秒原创]cocos2d-x——CCScrollView用法 http://www.9miao.com/thread-45619-1-1.html [9秒原创]cocos2d-x——场景切换效果示例 ...
捷报 FastAdmin 国内开源排名第 13 名
捷报 FastAdmin 国内开源排名第 13 名 FastAdmin 是一款基于 ThinkPHP 5 + Bootstrap 的后台开源框架. 去年是第 35 名. 今年是第 13 名,有进步.
nginx 官方docker镜像使用教程
最近在看nignx,在本地虚拟机使用docker nginx镜像搭建了nginx+php环境整理的教程如下: 拉取nginx镜像docker pull nginx 创建一个容器,并挂载本地目录doc ...
Decision_function：scores，predict以及其他
机器学习的评估 PR曲线用于positive类数据占比比较小,或者你更加在意false postion(相比于false negative):其他情况采用ROC曲线:比如Demo中手写体5的判断,因为 ...

Python - Django - 登录页面

使用 render 添加错误提示

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

随机推荐

热门专题