url.py：

url(r'^verifycode/$',views.verifycode),

url(r'^verifycodefile/$',views.verifycodefile),

url(r'^verifycodecheck/$',views.verifycodecheck),

views.py：

def verifycode(request):

    #引入绘图模块

    from PIL import Image, ImageDraw, ImageFont

    #引入随机函数模块

    import random

    #定义变量，用于画面的背景色、宽、高

    bgcolor = (random.randrange(20, 100), random.randrange(

        20, 100), random.randrange(20, 100))

    width = 100

    height = 50

    #创建画面对象

    im = Image.new('RGB', (width, height), bgcolor)

    #创建画笔对象

    draw = ImageDraw.Draw(im)

    #调用画笔的point()函数绘制噪点

    for i in range(0, 100):

        xy = (random.randrange(0, width), random.randrange(0, height))

        fill = (random.randrange(0, 255), 255, random.randrange(0, 255))

        draw.point(xy, fill=fill)

    #定义验证码的备选值

    str = '1234567890QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm'

    #随机选取4个值作为验证码

    rand_str = ''

    for i in range(0, 4):

        rand_str += str[random.randrange(0, len(str))]

    #构造字体对象,按照目录找自己电脑的字体，关于后缀，otf或者TTF

    font = ImageFont.truetype(r'C:\Windows\Fonts\Arial.TTF', 40)

    #构造字体颜色

    fontcolor1 = (255, random.randrange(0, 255), random.randrange(0, 255))

    fontcolor2 = (255, random.randrange(0, 255), random.randrange(0, 255))

    fontcolor3 = (255, random.randrange(0, 255), random.randrange(0, 255))

    fontcolor4 = (255, random.randrange(0, 255), random.randrange(0, 255))

    #绘制4个字

    draw.text((5, 2), rand_str[0], font=font, fill=fontcolor1)

    draw.text((25, 2), rand_str[1], font=font, fill=fontcolor2)

    draw.text((50, 2), rand_str[2], font=font, fill=fontcolor3)

    draw.text((75, 2), rand_str[3], font=font, fill=fontcolor4)

    #释放画笔

    del draw

    #存入session，用于做进一步验证

    request.session['verify'] = rand_str

    #内存文件操作

    buf = io.BytesIO()

    #将图片保存在内存中，文件类型为png

    im.save(buf, 'png')

    #将内存中的图片数据返回给客户端，MIME类型为图片png

    return HttpResponse(buf.getvalue(), 'img/png')

def verifycodecheck(request):

    code1 = request.POST.get("verifycode").upper()

    code2 = request.session.get("verify").upper()

    if code1 == code2:

        return render(request,"myApp/success.html")

    else:

        request.session["flag"] = False

        return redirect('/sunck/verifycodefile/')

def verifycodefile(request):

    f = request.session.get("flag",True)

    str = ""

    if f == False:

        str = "重新输入"

    request.session.clear()

    return render(request,'myApp/verifycodefile.html',{"flag":str})

verifycodefile.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form action="/sunck/verifycodecheck/" method="post">

        {% csrf_token %}

        <input type="text" name="verifycode">

        <img src="/sunck/verifycode/">

        <input type="submit" value="登录">

        <span>{{ flag }}</span>

    </form>

</body>

</html>

success.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>登录成功</h1>

</body>

</html>

1.视图里的verifycode函数是用来生成验证码的，这个函数应该可以随便拿着用（需要安装Pillow这个库）

2.验证码图片在模板里显示是用img标签（<img src="/sunck/verifycode/">）,该路径也就是生成验证码函数对应的url

3.服务端在给前端验证码时把验证码本来的字符串存到session（request.session['verify'] = rand_str），前端传来的字符串（request.POST.get("verifycode")），如果两者相等则验证通过；如果不等，代表验证码输入错误，在验证函数里session存一个标志位，再到获取验证码的函数把这个标志位取出来，传一个错误的提示信息给前端（也就是说redirect不能传参数，只能传一个路径，而render的第三个参数可以传一个参数到前端）

session还是好用啊！

Django 登录验证码的更多相关文章

  1. Django项目：CRM(客户关系管理系统)--48--39PerfectCRM实现登录+验证码+过期时间+页面保留账号

    # gbacc_urls.py # ————————38PerfectCRM实现全局账号登录注销———————— from django.conf.urls import url from gbacc ...

  2. Selenium2学习-018-WebUI自动化实战实例-016-自动化脚本编写过程中的登录验证码问题

    日常的 Web 网站开发的过程中,为提升登录安全或防止用户通过脚本进行黄牛操作(宇宙最贵铁皮天朝魔都的机动车牌照竞拍中),很多网站在登录的时候,添加了验证码验证,而且验证码的实现越来越复杂,对其进行脚 ...

  3. Java实现登录验证码

    登录验证码 Servlet /* 从请求中获取数据,获取验证码的session的值转为String类型,       销毁,防止返回后验证码不刷新,重新验证成功       判断验证码是否相同(忽略大 ...

  4. selemiun 自动化测试登录验证码处理

    selemiun 自动化测试登录验证码处理 一.软件及插件的安装 1.火狐浏览器版本(55.0(x64 zh-CN):https://www.cnblogs.com/sandysun/p/783811 ...

  5. Spring Boot + Spring Cloud 实现权限管理系统 后端篇（十七）：登录验证码实现（Captcha）

    登录验证码 登录验证是一般系统都会有的功能,验证的方式也多种多样,比如输入式验证码,拖动式验证条,拖动式验证拼图等等. 我们这里先实现常规的输入验证码的方式,右边显示验证码图片,点击可刷新,左边输入验 ...

  6. 通过Cookie跳过登录验证码【限cookie不失效有用】

    验证码,相信每个写web自动化测试的同学来说,都是个头疼的事,怎么办呢? 方法还是有的,先说今天这种方式,通过cookie绕过登录验证码 思路: 需要你通过抓包工具抓到你登录的cookie 接下来开始 ...

  7. 登录验证码实现（Captcha）

    登录验证码 登录验证是一般系统都会有的功能,验证的方式也多种多样,比如输入式验证码,拖动式验证条,拖动式验证拼图等等. 我们这里先实现常规的输入验证码的方式,右边显示验证码图片,点击可刷新,左边输入验 ...

  8. Python - WebDriver 识别登录验证码

    Python - WebDriver 识别登录验证码 没什么可说的直接上代码! #-*-coding:utf-8-*- # Time:2017/9/29 7:16 # Author:YangYangJ ...

  9. 基于ajax 的 几个例子 session ,ajax 实现登录,验证码 ,实现ajax表单展示

    headers: {"X-CSRFToken": $("[name='csrfmiddlewaretoken']").val()},data:$(". ...

随机推荐

  1. 10: Django + Uwsgi + Nginx 的生产环境部署

    1.1 一些重要概念 1.Web协议介绍 Web协议出现顺序: CGI -> FCGI -> WSGI -> uwsgi 1. CGI:  最早的协议 2. FCGI:  比CGI快 ...

  2. 6、numpy——高级索引

    NumPy 比一般的 Python 序列提供更多的索引方式.除了之前看到的用整数和切片的索引外,数组可以由整数数组索引.布尔索引及花式索引. 1.整数数组索引 1.1 以下实例获取数组中(0,0),( ...

  3. 55-python基础-python3-字典-删除键值对-del语句

    字典-键值对的彻底删除 对于字典中不再需要的信息,可使用del 语句将相应的键—值对彻底删除. 使用del 语句时,必须指定字典名和要删除的键. 注意  删除的键—值对永远消失了.

  4. 2019牛客暑期多校训练营（第二场） - F - Partition problem - 枚举

    https://ac.nowcoder.com/acm/contest/882/F 潘哥的代码才卡过去了,自己写的都卡不过去,估计跟评测机有关. #include<bits/stdc++.h&g ...

  5. P4843 清理雪道（上下界网络流）

    P4843 清理雪道 上下界最小流 我们先搞一遍上下界可行流(转) 回忆上下界最大流的写法:在可行流的残量网络$s\ -\ t$上跑最大流,答案为可行流$+$残量网络的最大流 那么上下界最小流的写法呢 ...

  6. java中位运算和移位运算详解

    一.位运算 (1)按 位 与 & 如果两个相应的二进制形式的对应的位数都为1,则结果为1,记为同1为1,否则为0.首先我们看一下对正数的运算        分别看一下正数和负数的具体运算步骤 ...

  7. Windows程序设计--（三）窗口与消息

    3.1 窗口的创建 3.1.1 系统结构概述 所谓「Windows给程序发送消息」,是指Windows呼叫程序中的一个函数,该函数的参数描述了这个特定消息.这种位于Windows程序中的函数称为「窗口 ...

  8. 【学习总结】GirlsInAI ML-diary day-21-初识 Numpy, Matplotlib, Seanborn [柱状图、折线图、箱图]

    [学习总结]GirlsInAI ML-diary 总 原博github链接-day21 初识 Numpy, Matplotlib, Seanborn [柱状图.折线图.箱图] 一.Titanic练习赛 ...

  9. vue 项目,获取手机验证码和图形验证码(iviewUI框架)

    1.编辑获取验证码模块 <Form ref="phoneFormItem" :model="phoneFormItem" :label-width=&qu ...

  10. 手模手配置Eslint，看懂脚手架中的Eslint

    使用ESLint前:eslint是干嘛的,我这样写有什么问题,怎么还报错了,太麻烦想去掉这个插件,脚手架中关于eslint文件里的配置是什么意思?怎么设置配置项和规则达到自己想要的检测效果呢?怎么集成 ...