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