import random

from PIL import Image, ImageFont, ImageDraw


def get_code():
    mode = 'RGB'
    bg_width = 180 #這個(gè)是驗(yàn)證碼那個(gè)框框的寬度
    bg_height = 30 #這個(gè)是驗(yàn)證碼那個(gè)框框的高度
    bg_size = (bg_width, bg_height)
    bg_color = (255, 255, 255)
    ttf_path = 'config/DejaVuSansMono.ttf'#這個(gè)是字體，從linux里扒出來(lái)餓字體
    # ttf_path = '/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf' #這個(gè)要換你服務(wù)器里有的字體才行
    img = Image.new(mode, bg_size, bg_color)
    draw = ImageDraw.Draw(img, mode)
    font = ImageFont.truetype(ttf_path, 20)#這個(gè)俺也沒(méi)懂

    # generate text
    letters = get_letters()
    for index, text in enumerate(letters):
        x = 35 * index + 10 #這個(gè)好像是調(diào)那個(gè)字符間距的
        y = 0
        draw.text((x, y), text, get_rdmcolor(), font)

    # blur the background
    for i in range(100): #這個(gè)是設(shè)置干擾線的,數(shù)值越大,干擾的越厲害
        x = random.randint(0, bg_width)
        y = random.randint(0, bg_height)
        fill = get_rdmcolor()
        draw.point((x, y), fill)
    return img, letters


def get_letters(): #這個(gè)就是從下面這些字母里去隨機(jī)4個(gè)出來(lái)
    base = '1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM'
    result = []
    for i in range(4): #這個(gè)是4位,應(yīng)該改更多位,那么上面的參數(shù)還要調(diào)試,不然顯示有問(wèn)題
        result.append(random.choice(base))
    return result

def get_rdmcolor():
    return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>Title/title>
/head>
body>
form method="POST" action="login/">
    p>用戶名：input type="text" name="user">/p>
    p>密碼：input type="text" name="pwd">/p>
    label for="verification_code">驗(yàn)證碼:/label>input type="text" id="verification_code" name="verification_code"
                                                      placeholder="Please type below code">
    img class="identifyCode" title="點(diǎn)擊重新獲取" onclick="this.setAttribute('src','verification_code?random='+Math.random())" src="{% url 'verification_code' %}" alt="verification code">
    br>
    input type="submit" value="登錄">
/form>
script>
/script>
/body>
/html>

onclick="this.setAttribute('src','verification_code?random='+Math.random())"

from django.urls import path

from test_login_app import views

urlpatterns = [
    path('',views.index),
    path('verification_code/', views.verification_code, name='verification_code'),
    path('login/',views.login),
    path('index/',views.index2),
]

from io import BytesIO

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

from common.verification_code import get_code


# Create your views here.

def index(request):
    return render(request, 'login.html')


def verification_code(request):
    img, letters = get_code()
    request.session['verification_code'] = ''.join(letters)
    fp = BytesIO()
    img.save(fp, 'png')
    return HttpResponse(fp.getvalue(), content_type='image/png')


def login(request):#我這個(gè)沒(méi)跟數(shù)據(jù)庫(kù)聯(lián)動(dòng),簡(jiǎn)單模擬的邏輯
    if request.method == 'POST':
        name = request.POST.get('user')
        password = request.POST.get('pwd')
        code = request.POST.get('verification_code')
        if name == 'fuck' and password == 'xxoo' and code == request.session.get('verification_code', ''):
            return redirect('/index/')
    return render(request,'login.html')


def index2(request):
    return render(request,'index.html')