Django框架之验证码生成示例

一、生成随机颜色的图片

1）前端代码展示

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <script src="/static/jquery-3.1.1.js"></script>

    <title>登录页面</title>

</head>

<body>

<div class="container-fluid">

    <div class="row">

        <div class="col-md-6 col-md-offset-3">

            <h1>登录</h1>

            <form>

                <div class="form-group">

                    <label for="">用户名</label>

                    <input type="text" id="id_name" class="form-control">

                </div>

                <div class="form-group">

                    <label for="">密码</label>

                    <input type="password" id="id_pwd" class="form-control">

                </div>

                <div class="form-group">

                    <label for="">验证码</label>

                    <div class="row">

                        <div class="col-lg-6">

                            <input type="text" id="code" class="form-control">

                        </div>

                        <div class="col-lg-6">

                            <img height="" width="" src="/get_code/" alt="">

                        </div>

                    </div>

                </div>

                <input type="button" value="登录" class="btn btn-danger">

            </form>

        </div>

    </div>

</div>

</body>

</html>

提交方式，基于ajax提交

2）生成随机颜色的图片

def get_random_color():

    '''生成随机颜色的图片'''

    import random

    return (random.randint(,),random.randint(,),random.randint(,))

get_random_color

3）验证码函数，写入图片，读取图片返回给前端

def get_code(request):

    from PIL import Image

    img = Image.new('RGB',(,),color=get_random_color())

    with open('code.png','wb') as f:    # 造成随机颜色的图片

        img.save(f)

    with open('code.png','rb') as f:    # 读取图片，给前端

        data=f.read()

    return HttpResponse(data)

get_code

二、在随机验证码图片内写入文字.（重点）

随机生成的验证码图片，保存于内存。图片内的文字保存于session（用于登录验证）

def get_code(request):

    from PIL import Image, ImageDraw, ImageFont

    from io import BytesIO  # 生成的验证码存放于内存

    import random

    img = Image.new("RGB", (, ), color=get_random_color())

    # (, ) 指定生成的图片的长度，高度

    draw = ImageDraw.Draw(img)

    # kumo.ttf 文字样式，网上下载ttf

    kumo_font = ImageFont.truetype("static/font/kumo.ttf", size=)     # 引入字体

    valid_code_str = ""

    for i in range():

        random_num = str(random.randint(, ))  # 随机一个数字

        random_low_alpha = chr(random.randint(, )) # 随机一个小写字母

        random_upper_alpha = chr(random.randint(, ))    # 随机一个大写字母

        random_char = random.choice([random_num, random_low_alpha, random_upper_alpha])     # 从上面的3个选择一个出来

        draw.text((i *  + , ), random_char, get_random_color(), font=kumo_font)   # (i *  + , ) 写字母的时候便宜

        # 保存验证码字符串

        valid_code_str += random_char

    print("valid_code_str", valid_code_str)

    f = BytesIO()   # 生成一个对象，保存于内存

    img.save(f, "png")  # 验证码图片保存于内存

    data = f.getvalue()

    request.session['code']=valid_code_str  # 验证码保存于session中

    return HttpResponse(data)

get_code

三、加入ajax请求登录

1）url视图函数

from django.conf.urls import url

from django.contrib import admin

from mybbs import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

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

    url(r'^get_code/', views.get_code),

]

url.py

2）login页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <script src="/static/jquery-3.1.1.js"></script>

    <title>登录页面</title>

</head>

<body>

<div class="container-fluid">

    <div class="row">

        <div class="col-md-6 col-md-offset-3">

            <h1>登录</h1>

            <form>

                {% csrf_token %}

                <div class="form-group">

                    <label for="">用户名</label>

                    <input type="text" id="id_name" class="form-control">

                </div>

                <div class="form-group">

                    <label for="">密码</label>

                    <input type="password" id="id_pwd" class="form-control">

                </div>

                <div class="form-group">

                    <label for="">验证码</label>

                    <div class="row">

                        <div class="col-lg-6">

                            <input type="text" id="code" class="form-control">

                        </div>

                        <div class="col-lg-6">

                            <img height="35" width="250" src="/get_code/" alt="">

                        </div>

                    </div>

                </div>

                <input type="button" id="submit" value="登录" class="btn btn-danger">

            </form>

        </div>

    </div>

</div>

<script>

    $("#submit").click(function () {

        $.ajax({

            url: '/login/',

            type: 'post',

            data: {

                'name': $("#id_name").val(),

                'pwd': $("#id_pwd").val(),

                'code': $("#code").val(),

                'csrfmiddlewaretoken': '{{csrf_token}}'

            },

            success: function (data) {

                console.log(data)

            }

        })

    })

</script>

</body>

</html>

3）验证码相关函数

def get_random_color():

    '''生成随机颜色的图片'''

    import random

    return (random.randint(,),random.randint(,),random.randint(,))

def get_code(request):

    from PIL import Image, ImageDraw, ImageFont

    from io import BytesIO  # 生成的验证码存放于内存

    import random

    img = Image.new("RGB", (, ), color=get_random_color())

    # (, ) 指定生成的图片的长度，高度

    draw = ImageDraw.Draw(img)

    # kumo.ttf 文字样式，网上下载ttf

    kumo_font = ImageFont.truetype("static/font/kumo.ttf", size=)     # 引入字体

    valid_code_str = ""

    for i in range():

        random_num = str(random.randint(, ))  # 随机一个数字

        random_low_alpha = chr(random.randint(, )) # 随机一个小写字母

        random_upper_alpha = chr(random.randint(, ))    # 随机一个大写字母

        random_char = random.choice([random_num, random_low_alpha, random_upper_alpha])     # 从上面的3个选择一个出来

        draw.text((i *  + , ), random_char, get_random_color(), font=kumo_font)   # (i *  + , ) 写字母的时候便宜

        # 保存验证码字符串

        valid_code_str += random_char

    print("valid_code_str", valid_code_str)

    f = BytesIO()   # 生成一个对象，保存于内存

    img.save(f, "png")  # 验证码图片保存于内存

    data = f.getvalue()

    request.session['code']=valid_code_str  # 验证码保存于session中

    return HttpResponse(data)

验证码相关请求函数

4）login函数请求（判断ajax）

from django.contrib import auth

def login(request):

    if request.is_ajax():

        name=request.POST.get('name')

        pwd=request.POST.get('pwd')

        code=request.POST.get('code')

        if code.upper()== request.session['code'].upper():

            user=auth.authenticate(request,username=name,password=pwd)

            if user:

                return HttpResponse('ok')

            else:

                return HttpResponse('用户名或密码错误')

        else:

            return HttpResponse('验证码错误')

    return render(request,'login.html')

Views.login

Django框架之验证码生成示例的更多相关文章

django框架介绍
主要内容 1. Django框架发展 2. Django架构,MTV模式 3. 开发流程 4. 开发实例——Poll python下各种框架一 ...
django框架配置mysql数据库
django配置mysql数据库: 1.首先更改django项目文件中的settings.py的数据库配置 DATABASES = { 'default': { 'ENGINE': 'django.d ...
开发工具类API调用的代码示例合集：六位图片验证码生成、四位图片验证码生成、简单验证码识别等
以下示例代码适用于 www.apishop.net 网站下的API,使用本文提及的接口调用代码示例前,您需要先申请相应的API服务. 六位图片验证码生成:包括纯数字.小写字母.大写字母.大小写混合.数 ...
web 框架的本质及自定义web框架模板渲染jinja2 mvc 和 mtv框架 Django框架的下载安装基于Django实现的一个简单示例
Django基础一之web框架的本质本节目录一 web框架的本质及自定义web框架二模板渲染JinJa2 三 MVC和MTV框架四 Django的下载安装五基于Django实现的一个简单 ...
Django框架深入了解_05 (Django中的缓存、Django解决跨域流程(非简单请求，简单请求)、自动生成接口文档)
一.Django中的缓存: 前戏: 在动态网站中,用户所有的请求,服务器都会去数据库中进行相应的增,删,查,改,渲染模板,执行业务逻辑,最后生成用户看到的页面. 当一个网站的用户访问量很大的时候,每一 ...
第三百二十节，Django框架，生成二维码
第三百二十节,Django框架,生成二维码用Python来生成二维码,需要qrcode模块,qrcode模块依赖Image 模块,所以首先安装这两个模块生成二维码保存图片在本地 import qr ...
框架----Django框架知识点整理
一.cbv cbv(class-base-view) 基于类的视图 fbv(func-base-view) 基于函数的视图 a.基本演示 urlpatterns = [ url(r'^login.ht ...
Django框架全面讲解
Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Session等诸多功能. ...
Django框架详细介绍---模型---ORM
一.概述 ORM(Object Relational Mapping),全称:对象关系映射,简单的说就是通过创建类.实例化出对象的方法,使得类.对象.对象的属性能够和数据库中的表.记录.字段意义对应. ...

随机推荐

awk——getline
A．getline从整体上来说,应这么理解它的用法: 当其左右无重定向符 | 或 < 时,getline作用于当前文件,读入当前文件的第一行给其后跟的变量var 或$0(无变量):应该注意到,由 ...
hbase 定时备份
#!/bin/bash#su - hdfs <<EOFdata1=`date "+%Y%m%d%H%M%S"`data2="/user/news/hbase_ ...
Shell教程之字符串
1.Shell字符串字符串是shell编程中最常用最有用的数据类型(除了数字和字符串,也没啥其它类型好用了),字符串可以用单引号,也可以用双引号,也可以不用引号. 1.1 单引号 str='I am ...
《学习OpenCV(中文版)》
<模式识别中文版(希)西奥多里蒂斯> <学习OpenCV(中文版)> 矩阵计算英文版第四版 Matrix Computations OpenCV 3.x with Pyth ...
安恒7月赛wp
1.[order] 这道题,发现order参数处有注入点,于是就使用sqlmap盲注,emmmm,学到了sqlmap的一些小窍门. 首先,解题的语句是: sqlmap -u "htt ...
Django的具体操作（二）
今日内容:用户登录以及分页的实现 views.py # 登录动作 def login_action(request): # 必须继承request if request.method == 'POST ...
sqlserver还原数据库失败，sql2008备份集中的数据库备份与现有的xxx数据库不同
正常操作发现报标题错误,百度后解决思路如下(@参考文章)转到选项下面,勾选覆盖现有数据库即可
java调用微信扫一扫
步骤: 1,获取Accesstoken(参考我之前的文章) 2,获取jsapiticket(参考我之前的文章) 3,获取签名 4JSSDK使用步骤步骤一:绑定域名(JS接口安全域名),.否则会报in ...
spring BeanUtils 工具实现对象之间的copy
一般我们会开发中会遇到返回用户信息的时候,不需要返回密码或者其他参数,这时候我们需要重新定义一个VO类去除不需要的参数,将原对象copy到VO类中使用spring的BeanUtils可以实现对象的c ...
RESTful接口规范
一. 什么是RESTful REST与技术无关,代表的是一种软件架构风格,REST是Representational State Transfer的简称,中文翻译为“表征状态转移” REST从资源的角 ...

Django框架之验证码生成示例

Django框架之验证码生成示例的更多相关文章

随机推荐

热门专题