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. 观list.clear()方法 有感

    一 . list.clear()底层源码实现 在使用list 结合的时候习惯了 list=null :在创建这样的方式,但是发现使用list的clear 方法很不错,尤其是有大量循环的时候 1.lis ...

  2. CentOS7安装MySQL5.7.20

    参考1:https://www.cnblogs.com/technology-huangyan/p/10484838.html 参考1:https://blog.csdn.net/aiyowei110 ...

  3. NGUI的窗体的推动和调节大小（drag object和drag resize object）

    一,我们先添加一个sprite,给sprite添加一个背景图片,然后attach添加一个box Collider,但是这时我们右键attach是找不到drag object的我们需要在add comp ...

  4. jquery+html实现前端的上传图片预览

        就是这样的一个功能,点击加号,出现图片选择,然后选择好以后生成预览. input那么丑,UI看不惯,一定要改成加号 我就用了fa的图标,外部套一个bootstrap4中的class:borde ...

  5. 系统INIT 启动脚本的结构/etc/rc.d/init.d/*

  6. python常用函数 B

    B bin(int) 将整数x转换为二进制字符串,如果x不为Python中int类型,x必须包含方法__index__()并且返回值为integer. 例子:

  7. Spring之控制反转——IoC、面向切面编程——AOP

      控制反转——IoC 提出IoC的目的 为了解决对象之间的耦合度过高的问题,提出了IoC理论,用来实现对象之间的解耦. 什么是IoC IoC是Inversion of Control的缩写,译为控制 ...

  8. 4.VUE前端框架学习记录四：Vue组件化编码2

    VUE前端框架学习记录四:Vue组件化编码2文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  9. [BZOJ5073] [Lydsy1710月赛]小A的咒语 后缀数组+dp+贪心

    题目链接 首先这种题一看就是dp. 设\(dp[i][j]\)表示\(A\)序列中到\(i\)位之前,取了\(j\)段,在\(B\)中的最长的长度. 转移也比较简单 \[ dp[i][j] \to d ...

  10. 前端每日实战：53# 视频演示如何用纯 CSS 创作一个文本淡入淡出的 loader 动画

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/ERwpeG 可交互视频 此视频是可 ...