django-simple-captcha

在网站开发的登录页面中，经常会需要使用到图形验证码来验证。在Django中，django-simple-captcha库包提供了图形验证码的使用。

下面我们来讲讲如何使用django-simple-captcha包来图形验证，并且点击图片刷新验证码。

django-simple-captcha的安装

pip install django-simple-captcha

在settings.py文件中注册captcha

INSTALLED_APPS = [

    'captcha'

]

在settings.py文件中设置图形验证码的样式

#字母验证码

CAPTCHA_IMAGE_SIZE = (80, 45)   # 设置 captcha 图片大小

CAPTCHA_LENGTH = 4   # 字符个数

CAPTCHA_TIMEOUT = 1   # 超时(minutes)

#加减乘除验证码

CAPTCHA_OUTPUT_FORMAT = '%(image)s %(text_field)s %(hidden_field)s '

CAPTCHA_NOISE_FUNCTIONS = ('captcha.helpers.noise_null',

     'captcha.helpers.noise_arcs', # 线

     'captcha.helpers.noise_dots', # 点

)

CAPTCHA_CHALLENGE_FUNCT = 'captcha.helpers.random_char_challenge'

CAPTCHA_CHALLENGE_FUNCT = 'captcha.helpers.math_challenge'

CAPTCHA_TIMEOUT = 1

执行数据迁移，在数据表中生成captcha_captchastore表

python manage.py migrate

在urls.py中添加路由

urlpatterns = [

    path('captcha/', include('captcha.urls')),       # 图片验证码 路由

    path('refresh_captcha/', views.refresh_captcha),    # 刷新验证码，ajax

]

下面是源代码。

urls.py文件

from django.urls import path

from django.conf.urls import include

from App.views import IndexView

from App import views

urlpatterns = [

    path('captcha/', include('captcha.urls')),

    path('refresh_captcha/',views.refresh_captcha),

    path('',IndexView.as_view()),

]

views.py文件

from django.shortcuts import render

from django.views.generic import View

from captcha.models import CaptchaStore

from captcha.helpers import  captcha_image_url

from django.http import HttpResponse

import json

# 创建验证码

def captcha():

    hashkey = CaptchaStore.generate_key()   #验证码答案

    image_url = captcha_image_url(hashkey)  #验证码地址

    captcha = {'hashkey': hashkey, 'image_url': image_url}

    return captcha

#刷新验证码

def refresh_captcha(request):

    return HttpResponse(json.dumps(captcha()), content_type='application/json')

# 验证验证码

def jarge_captcha(captchaStr, captchaHashkey):

    if captchaStr and captchaHashkey:

        try:

            # 获取根据hashkey获取数据库中的response值

            get_captcha = CaptchaStore.objects.get(hashkey=captchaHashkey)

            if get_captcha.response == captchaStr.lower():     # 如果验证码匹配

                return True

        except:

            return False

    else:

        return False

class IndexView(View):

    def get(self, request):

        hashkey = CaptchaStore.generate_key()  # 验证码答案

        image_url = captcha_image_url(hashkey)  # 验证码地址

        captcha = {'hashkey': hashkey, 'image_url': image_url}

        return render(request, "login.html", locals())

    def post(self,request):

        capt=request.POST.get("captcha",None)         #用户提交的验证码

        key=request.POST.get("hashkey",None)          #验证码答案

        if jarge_captcha(capt,key):

            return  HttpResponse("验证码正确")

        else:

            return HttpResponse("验证码错误")

login.html文件，这里使用 js 动态刷新图形验证码用到了jquery和bootstrap的js，所以，我们提前将jquery和bootstrap放在了static文件夹下。关于如何加载静态文件，传送门——>Django加载静态文件

{% load static %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="{% static 'bower_components/jquery/dist/jquery.min.js' %}"></script>

    <script src="{% static 'bower_components/bootstrap/dist/js/bootstrap.min.js'%}"></script>

</head>

<body>

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

        <a href="#" class="captcha">

            <img src="{{ captcha.image_url }}" alt="点击切换" id="id_captcha" >

        </a> <br>

        <input type="text" name="captcha" placeholder="验证码"> <br>

        <input value="{{ captcha.hashkey }}" name="hashkey" type="hidden" id="id_captcha_0">

        <button type="submit" class="btn btn-primary btn-block ">提交</button>

    </form>

<script>

        <!-- 动态刷新验证码js -->

        $(document).ready(function(){

            $('.captcha').click(function () {

                $.getJSON("refresh_captcha/", function (result) {

                    $('#id_captcha').attr('src', result['image_url']);

                    $('#id_captcha_0').val(result['hashkey'])

                });

            });

        });

</script>

</body>

</html>

参考文章：https://blog.csdn.net/qq_37648632/article/details/83149803

本文所有代码：https://github.com/xie1997/Django_captcha

Django中图形验证码(django-simple-captcha)的更多相关文章

  1. python爬虫中图形验证码的处理

    使用python爬虫自动登录时,遇到需要输入图形验证码的情况,一个比较简单的处理方法是使用打码平台识别验证码. 使用过两个打码平台,打码兔和若快,若快的价格更便宜,识别率相当.若快需要注册两个帐号:开 ...

  2. Django 中CSRF中间件 'django.middleware.csrf.CsrfViewMiddleware',

    1.Django中CSRF中间件的工作原理及form表单提交需要添加{% csrf_token %}防止出现403错误 CSRF # 表示django全局发送post请求均需要字符串验证功能:防止跨站 ...

  3. django中的验证码

    from django.shortcuts import renderfrom PIL import Imagefrom PIL import ImageDrawfrom PIL import Ima ...

  4. gin框架中图形验证码的生成和验证

    功能和验证码使用原理 本案例中没有使用redis作为缓存,而是使用的内存存储方法 github链接地址 下载命令 go get github.com/mojocn/base64Captcha 请求处理 ...

  5. Django中ORM介绍和字段及其参数

    ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术. 简单的说,ORM是通过使用描述 ...

  6. Django中ORM介绍

    Object Relational Mapping(ORM) ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据 ...

  7. Django 中的 cookie 和 session

    一.cookie 由于HTTP协议是无状态的,而服务器端的业务必须是要有状态的.Cookie诞生的最初目的是为了存储web中的状态信息,以方便服务器端使用.比如判断用户是否是第一次访问网站.目前最新的 ...

  8. django中的ORM介绍和字段及字段参数

    Object Relational Mapping(ORM) ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据 ...

  9. Django中ORM介绍和字段及字段参数 Object Relational Mapping(ORM)

    Django中ORM介绍和字段及字段参数   Object Relational Mapping(ORM) ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简 ...

随机推荐

  1. 【老孟Flutter】Flutter 2的新功能

    老孟导读:昨天期待已久的 Flutter 2.0 终于发布了, Flutter Web和Null安全性趋于稳定,Flutter桌面安全性逐渐转向Beta版! 原文链接:https://medium.c ...

  2. for遍历是如何判断数据是不是list的最后一位

    //listUser 是User的实体的集合for(User user : listUser){ if(listUser.size - 1 == listUser.indexOf(user)){ // ...

  3. MYSQL-SQLSERVER获取某个数据库的表记录数

    MYSQL: 1,可以使用MYSQL的系统表的记录数(亲测,有时候,会不准确,被坑了一把,如果还是想通过此方式实现查询表记录数,可以按照文章后的链接进行操作) use information_sche ...

  4. WPF 基础 - 事件

    1. 前言 WPF 事件的路由环境是 UI 组件树,先来看看这棵树. 1.1 Logical Tree 和 Visual Tree WPF 中的树有两种,一颗是逻辑树,另一颗也是逻辑树. 开玩笑,WP ...

  5. 键盘--扫描码--ASCII码--显示器上的字符

    在上一篇,我讲了键盘操作会产生扫描码以及如何解析Pause键和Print Screen键的扫描码. 在这一篇,我会说清楚"键盘上的输入为什么会出现在显示器上". 极简版 我们敲击键 ...

  6. MySQL二进制安装脚本

    MySQL二进制包自行百度,晚上很多查找办法 #!/bin/bash #二进制安装mysql并初始化密码为123456 mysql_name=mysql-5.7.31-linux-glibc2.12- ...

  7. Git常用命名

    文字整理: git config - - 可以配置git的参数,可以使用 git config --list查看已经配置的git参数. 其中有三个级别的保存位置, –system(本系统) –glob ...

  8. 数位dp 模板加例题

    概念:所谓数位"dp",是指对数字的"位"进行的与计数有关的DP.一个数一个位,十位,百位,千位等,数的每一位就是数位.数位DP用来解决与数字操作有关的问题.例 ...

  9. 11、MyBatis教程之动态SQL

    12.动态SQL 1.介绍 什么是动态SQL:动态SQL指的是根据不同的查询条件 , 生成不同的Sql语句. 官网描述: MyBatis 的强大特性之一便是它的动态 SQL.如果你有使用 JDBC 或 ...

  10. 12、django.urls.exceptions.NoReverseMatch:

    问题: django.urls.exceptions.NoReverseMatch: Reverse for 'project_star' with keyword arguments '{'proj ...