Django中使用pillow實現登錄驗證碼功能(帶刷新驗證碼功能)
首先在項目裡建立common目錄,編寫驗證碼的函數
verification_code.py
import random from PIL import Image, ImageFont, ImageDraw def get_code(): mode = 'RGB' bg_width = 180 #這個是驗證碼那個框框的寬度 bg_height = 30 #這個是驗證碼那個框框的高度 bg_size = (bg_width, bg_height) bg_color = (255, 255, 255) ttf_path = 'config/DejaVuSansMono.ttf'#這個是字體,從linux裡扒出來餓字體 # ttf_path = '/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf' #這個要換你服務器裡有的字體才行 img = Image.new(mode, bg_size, bg_color) draw = ImageDraw.Draw(img, mode) font = ImageFont.truetype(ttf_path, 20)#這個俺也沒懂 # generate text letters = get_letters() for index, text in enumerate(letters): x = 35 * index + 10 #這個好像是調那個字符間距的 y = 0 draw.text((x, y), text, get_rdmcolor(), font) # blur the background for i in range(100): #這個是設置幹擾線的,數值越大,幹擾的越厲害 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(): #這個就是從下面這些字母裡去隨機4個出來 base = '1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM' result = [] for i in range(4): #這個是4位,應該改更多位,那麼上面的參數還要調試,不然顯示有問題 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">驗證碼:</label><input type="text" id="verification_code" name="verification_code" placeholder="Please type below code"> <img class="identifyCode" title="點擊重新獲取" onclick="this.setAttribute('src','verification_code?random='+Math.random())" src="{%%20url%20'verification_code'%20%}" alt="verification code"> <br> <input type="submit" value="登錄"> </form> <script> </script> </body> </html>
onclick="this.setAttribute('src','verification_code?random='+Math.random())"
這個 onclick事件 就是實現點擊圖片刷新驗證碼功能 ,那為啥要加個隨機數呢,這樣就不會走瀏覽器緩存瞭
urls.py
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), ]
views.py
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):#我這個沒跟數據庫聯動,簡單模擬的邏輯 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')
成品如圖
到此這篇關於Django中使用pillow實現登錄驗證碼功能(帶刷新驗證碼功能)的文章就介紹到這瞭,更多相關Django刷新驗證碼內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Django框架之路由用法
- Django路由層如何獲取正確的url
- Django中session進行權限管理的使用
- Django中url與path及re_path的區別說明
- Python3+Django get/post請求實現教程詳解