domestique

需要导入字体插件:

from PIL import Image,ImageDraw,ImageFont,ImageFilter
import random

def rd_check_code(width=120, height=30, char_length=5, font_file=\'kumo.ttf\', font_size=28):
    code = []
    img = Image.new(mode=\'RGB\', size=(width, height), color=(255, 255, 255))
    draw = ImageDraw.Draw(img, mode=\'RGB\')
 
    def rndChar():
        """
        生成随机字母   
        :return:
        """
        return chr(random.randint(65, 90))
 
    def rndColor():
        """
        生成随机颜色
        :return:
        """
        return (random.randint(0, 255), random.randint(10, 255), random.randint(64, 255))
 
    # 写文字
    font = ImageFont.truetype(font_file, font_size)
    for i in range(char_length):
        char = rndChar()
        code.append(char)
        h = random.randint(0, 4)
        draw.text([i * width / char_length, h], char, font=font, fill=rndColor())
 
    # 写干扰点
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())
 
    # 写干扰圆圈
    for i in range(40):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=rndColor())
        x = random.randint(0, width)
        y = random.randint(0, height)
        draw.arc((x, y, x + 4, y + 4), 0, 90, fill=rndColor())
 
    # 画干扰线
    for i in range(5):
        x1 = random.randint(0, width)
        y1 = random.randint(0, height)
        x2 = random.randint(0, width)
        y2 = random.randint(0, height)
 
        draw.line((x1, y1, x2, y2), fill=rndColor())
 
    img = img.filter(ImageFilter.EDGE_ENHANCE_MORE)
    return img,\'\'.join(code)
随机数插件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css">
    <style>
        .login {
            width: 600px;
            margin: 0 auto;
            padding: 20px;
            margin-top: 80px;
        }
    </style>

</head>
<body>
<div class="login">
    <form class="form-horizontal" action="/login.html" method="POST">
        {% csrf_token %}
        <div class="form-group">
            <label class="col-sm-2 control-label">用户名</label>
            <div class="col-sm-10">
                <p>{{ obj.username }}{{ obj.errors.username.0 }}{{ value_error }}</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">密码</label>
            <div class="col-sm-10">
                <p>{{ obj.password }}{{ obj.errors.password.0 }}{{ value_error }}</p>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">验证码</label>
            <div class="col-sm-5">
                <p><input type="text" class="form-control"  placeholder="验证码" name="code">{{ code_error }}</p>
            </div>
            <div class="col-sm-5">
                <img style="width: 120px;height: 30px;" src="/check_code.html">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" class="btn btn-default" value="登录">
            </div>
        </div>
    </form>
</div>
</body>
</html>
登录使用随机数html
from django.shortcuts import render, HttpResponse,redirect
from app01 import models
from django.forms import Form
from django.forms import fields
from django.forms import widgets
import os
from django.core.exceptions import ValidationError


class LoginForm(Form):
    """
    登录表单
    """
    username = fields.CharField(
        max_length=18,
        min_length=3,
        required=True,
        widget=widgets.TextInput(attrs={\'class\': \'form-control\',\'placeholder\':\'用户名\',\'name\':"username"}),
        error_messages={
                \'required\': "用户名不能为空",
                \'min_length\': \'太短了\',
                \'max_length\': \'太长了\',
            }
    )
    password = fields.CharField(
        max_length=18,
        min_length=3,
        required=True,
        widget=widgets.PasswordInput(attrs={\'class\': \'form-control\',\'placeholder\':\'密码\',\'name\':"password"}),
        error_messages={
            \'required\': "密码不能为空",
            \'min_length\': \'太短了\',
            \'max_length\': \'太长了\',
        }
    )

def login(request):
    """
    登录
    :param request:
    :return:
    """
    if request.method == \'GET\':
        obj = LoginForm()
        return render(request, \'login.html\', {\'obj\':obj})
    else:
        client_code = request.POST.get(\'code\')
        server_code = request.session.get(\'code\')
        obj = LoginForm(request.POST)
        if client_code != server_code:
            return render(request, \'login.html\', {\'code_error\': \'验证码错误\', \'obj\':obj})
        elif obj.is_valid():
            if models.UserInfo.objects.filter(**obj.cleaned_data).first():
                request.session[\'username\'] = obj.cleaned_data[\'username\']
                return redirect(\'/all/\')
            else:
                return render(request, \'login.html\', {\'value_error\': \'用户名或者密码错误\'})
        return render(request, \'login.html\', {\'obj\', obj})

def check_code(request):
    """
    验证码
    :param request:
    :return:
    """
    from io import BytesIO
    from utils.random_check_code import rd_check_code
    img, code = rd_check_code()
    stream = BytesIO()
    img.save(stream, \'png\')
    request.session[\'code\'] = code
    return HttpResponse(stream.getvalue())
视图函数

 

分类:

技术点:

相关文章: