[py][mx]django邮箱注册的验证码部分-django-simple-captcha库使用

程序员长春技术 2022年11月6日

0 收藏 392 点赞 918 浏览 1830 个字

邮箱注册-验证码

这个安装图形插件步骤官网有哦- 1.Install django-simple-captcha via pip: pip install  django-simple-captcha
- 2.Add captcha to the INSTALLED_APPS in your settings.py
- 3.Run python manage.py migrate
- 4.Add an entry to your urls.py:urlpatterns += [
    url(r'^captcha/', include('captcha.urls')),
]- forms.py里使用
from django import forms
from captcha.fields import CaptchaFieldclass CaptchaTestForm(forms.Form):
    myfield = AnyOtherField()
    captcha = CaptchaField()

pip install -i https://pypi.douban.com/simple django-simple-captcha

users/forms.py

from captcha.fields import CaptchaFieldclass RegisterForm(forms.Form):
    email = forms.EmailField(required=True)
    password = forms.CharField(required=True)
    captcha = CaptchaField(error_messages={"invalid":"验证码错误"})

users/views.py

class RegisterView(View):
    def get(self, request):
        register_form = RegisterForm()#实例化register表单
        return render(request, 'register.html', {'register_form': register_form}) #定制错误提示    def post(self, request):
        pass

urls.py

from users import viewsurlpatterns = [
    path('register/', views.RegisterView.as_view(), name="register"),  # 邮箱注册url
    path('captcha/', include('captcha.urls')),# 图形验证码
]

templates/register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>
<div>
    <h1>邮箱注册</h1>
    <form action="/register/" method="post">
        <p><input type="text" name="email" placeholder="username"></p>
        <p><input type="text" name="password" placeholder="password"></p>
        <p>{{ register_form.captcha }}</p>
        <p><input type="submit"></p>
        {% csrf_token %}
    </form>
</div>
</body>
</html>

图形验证码验证原理

<p>{{ register_form.captcha }}</p>最终生成<p>
<img src="/captcha/image/16fd37375ff4cd3c5dd603f61316daac3a728099/" alt="captcha" class="captcha" /><input id="id_captcha_0" name="captcha_0" type="hidden" value="16fd37375ff4cd3c5dd603f61316daac3a728099" />
<input autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" id="id_captcha_1" name="captcha_1" type="text" /></p>