Django6 图形验证码

最新推荐文章于 2024-06-15 10:55:52 发布

weixin_40354992

最新推荐文章于 2024-06-15 10:55:52 发布

阅读量109

点赞数

分类专栏： 5-web 文章标签： django

本文链接：https://blog.csdn.net/weixin_40354992/article/details/104976787

版权

5-web 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ django-simple-captcha

settings

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'App',
    'captcha'  # 安装应用
]

# 图形验证码配置
# 证码设置
CAPTCHA_IMAGESIZE = (8,45)   # 设置captcha图片大小

CAPTCHA_LENGTH =4   #字符个数
CAPTCHA_TIMEOUT =1  #超时(minutes)*

# 输出格式：输入框验证码图片隐藏域•
# '%(image)s %(hidden_field)s %(text_field)s'
CAPTCHA_OUTPUT_FORMAT ='%(text_field)s %(image)s %(hidden_field)s'
CAPTCHA_NOISE_FUNCTIONS =(
    'captcha.helpers.noise_null',
    'captcha.helpers.noise_arcs',
    'captcha.helpers.noise_dots',
)
CAPTCHA_CHALLENGE_FUNCT =  'captcha.helpers.math_challenge'

urls

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include("App.urls")),
    path('captcha/',include("captcha.urls"))
]

App.urls

from django.urls import path
from App import views

app_name = "App"
urlpatterns = [
    path("cap/",views.handle_captcha, name='cap'),
]

App.views

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.

from App.forms import LoginForm


def handle_captcha(request):
    if request.method == "POST":
        form = LoginForm(request.POST,request)
        print(form)
        if form.is_valid():
            return HttpResponse("验证通过")
        else:
            return render(request, 'verifycode.html', locals())
    else:
        form = LoginForm()
        return render(request,'verifycode.html',locals())

App.forms

from django import forms
from captcha.fields import CaptchaField

class LoginForm(forms.Form):
    captcha = CaptchaField()  # 验证码字段

verifycode.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="{% url 'App:cap' %}" method="post">
    {% csrf_token %}
    {{ form.captcha }} {{ form.captcha.errors }} <br>
    <input type="submit">
</form>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script>
    //点击刷新验证码
    $(function () {
        $('.captcha').css({
            'cursor': 'pointer'
        });
        // ajax刷新
        $('.captcha').click(function () {
            console.log('click');
            $.get("{% url 'captcha-refresh' %}",
                function (result) {
                    $('.captcha').attr('src', result['image_url']);
                    $('#id_captcha_0').val(result['key'])
                });
        });
    })
</script>

连接数据库，创建图形认证库

python manage.py makemigrations
python manage.py migrate

weixin_40354992

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django6 图形验证码

pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ django-simple-captchasettingsINSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', ...
复制链接

扫一扫