Django實(shí)現(xiàn)登錄隨機(jī)驗(yàn)證碼的示例代碼
登錄驗(yàn)證碼是每個(gè)網(wǎng)站登錄時(shí)的基本標(biāo)配,網(wǎng)上也有很多相應(yīng)的文章, 但是從生成驗(yàn)證碼到 應(yīng)用到自己的網(wǎng)站上的全步驟,并沒(méi)有看到很多, 為了節(jié)約大家的時(shí)間,我把整體步驟寫(xiě)下來(lái), 即拿即用哈
1. 生成隨機(jī)驗(yàn)證碼
#_*_coding:utf-8_*_ from PIL import Image,ImageDraw,ImageFont,ImageFilter import random import math, string #字體的位置,不同版本的系統(tǒng)會(huì)有不同 font_path = '/Library/Fonts/Arial.ttf' #font_path = '/Library/Fonts/Hanzipen.ttc' #生成幾位數(shù)的驗(yàn)證碼 number = 4 #生成驗(yàn)證碼圖片的高度和寬度 size = (100,30) #背景顏色,默認(rèn)為白色 bgcolor = (255,255,255) #字體顏色,默認(rèn)為藍(lán)色 fontcolor = (0,0,255) #干擾線顏色。默認(rèn)為紅色 linecolor = (255,0,0) #是否要加入干擾線 draw_line = True #加入干擾線條數(shù)的上下限 line_number = (1,5) def gen_text(): source = list(string.ascii_letters) for index in range(0,10): source.append(str(index)) return ''.join(random.sample(source,number))#number是生成驗(yàn)證碼的位數(shù) #用來(lái)繪制干擾線 def gene_line(draw,width,height): begin = (random.randint(0, width), random.randint(0, height)) end = (random.randint(0, width), random.randint(0, height)) draw.line([begin, end], fill = linecolor) def gene_code(save_path,filename): width,height = size #寬和高 image = Image.new('RGBA',(width,height),bgcolor) #創(chuàng)建圖片 font = ImageFont.truetype(font_path,25) #驗(yàn)證碼的字體和字體大小 #font = ImageFont.truetype(25) #驗(yàn)證碼的字體和字體大小 draw = ImageDraw.Draw(image) #創(chuàng)建畫(huà)筆 #text = "我是中國(guó)人" #生成字符串 text = gen_text() #生成字符串 print(text) font_width, font_height = font.getsize(text) draw.text(((width - font_width) / number, (height - font_height) / number),text,\ font= font,fill=fontcolor) #填充字符串 if draw_line: gene_line(draw, width, height) gene_line(draw, width, height) gene_line(draw, width, height) gene_line(draw, width, height) image = image.transform((width + 20, height +10), Image.AFFINE, (1, -0.3, 0, -0.1, 1, 0), Image.BILINEAR) # 創(chuàng)建扭曲 image = image.filter(ImageFilter.EDGE_ENHANCE_MORE) # 濾鏡,邊界加強(qiáng) image.save('%s/%s.png' %(save_path,filename)) # 保存驗(yàn)證碼圖片 print("savepath:",save_path) return text if __name__ == "__main__": gene_code('/tmp','test') #會(huì)把生成的圖片存成/tmp/test.png
2. 如何應(yīng)用到你的django項(xiàng)目中
整個(gè)驗(yàn)證碼的流程如下
1.用戶訪問(wèn)登錄頁(yè)面,你的后臺(tái)程序在給用戶返回登錄頁(yè)面時(shí),同時(shí)生成了驗(yàn)證碼圖片
2.用戶輸入賬戶信息和驗(yàn)證碼數(shù)字,提交表單
3.后臺(tái)判斷用戶輸入的驗(yàn)證碼和你生成的圖片信息是否一致,如果一致,就代表驗(yàn)證碼是沒(méi)有問(wèn)題的
問(wèn)題就卡在第3步,你在第1步生成驗(yàn)證碼并返回給用戶后,由于一會(huì)用戶還需要把這個(gè)驗(yàn)證碼提交過(guò)來(lái),你在后臺(tái)就需要拿用戶輸入的和你之前生成 的驗(yàn)證碼進(jìn)行對(duì)比是否相等,
所以你必須在生成驗(yàn)證碼的同時(shí),把驗(yàn)證碼存下來(lái),存到哪? 必然是緩存,這樣直接在存的同時(shí)加個(gè)超時(shí)時(shí)間 , 就可以限定驗(yàn)證碼有效期了。
那存入緩存時(shí)的key是設(shè)置成什么呢?為了保證驗(yàn)證碼的安全,我采取了以下設(shè)計(jì)
3.代碼實(shí)現(xiàn)
login視圖
def acc_login(request): err_msg = {} today_str = datetime.date.today().strftime("%Y%m%d") verify_code_img_path = "%s/%s" %(settings.VERIFICATION_CODE_IMGS_DIR, today_str) if not os.path.isdir(verify_code_img_path): os.makedirs(verify_code_img_path,exist_ok=True) print("session:",request.session.session_key) #print("session:",request.META.items()) random_filename = "".join(random.sample(string.ascii_lowercase,4)) random_code = verify_code.gene_code(verify_code_img_path,random_filename) cache.set(random_filename, random_code,30) if request.method == "POST": username = request.POST.get('username') password = request.POST.get('password') _verify_code = request.POST.get('verify_code') _verify_code_key = request.POST.get('verify_code_key') print("verify_code_key:",_verify_code_key) print("verify_code:",_verify_code) if cache.get(_verify_code_key) == _verify_code: print("code verification pass!") user = authenticate(username=username,password=password) if user is not None: login(request,user) request.session.set_expiry(60*60) return HttpResponseRedirect(request.GET.get("next") if request.GET.get("next") else "/") else: err_msg["error"] = 'Wrong username or password!' else: err_msg['error'] = "驗(yàn)證碼錯(cuò)誤!" return render(request,'login.html',{"filename":random_filename, "today_str":today_str, "error":err_msg})
template文件
{% extends 'base.html' %} {% block body %} <div id="container" class="cls-container"> <!-- BACKGROUND IMAGE --> <!--===================================================--> <div id="bg-overlay" class="bg-img img-balloon"></div> <!-- HEADER --> <!--===================================================--> <div class="cls-header cls-header-lg"> <div class="cls-brand"> <a class="box-inline" href="index.html" rel="external nofollow" > <!-- <img alt="Nifty Admin" src="img/logo.png" class="brand-icon"> --> <span class="brand-title">PerfectCRM <span class="text-thin">老男孩教育</span></span> </a> </div> </div> <!--===================================================--> <!-- LOGIN FORM --> <!--===================================================--> <div class="cls-content"> <div class="cls-content-sm panel"> <div class="panel-body"> <p class="pad-btm">Sign In to your account</p> <form method="post">{% csrf_token %} <div class="form-group"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-user"></i></div> <input type="text" name="username" class="form-control" placeholder="Username"> </div> </div> <div class="form-group"> <div class="input-group"> <div class="input-group-addon"><i class="fa fa-asterisk"></i></div> <input type="password" name="password" class="form-control" placeholder="Password"> </div> </div> <div class="form-group"> <div class="input-group"> <div class="input-group-addon"> <img height="30px" src="/static/verify_code_imgs/{{ today_str }}/{{ filename }}.png"> </div> <input style="height: 50px" type="text" name="verify_code" class="form-control" placeholder="驗(yàn)證碼"> <input type="hidden" name="verify_code_key" value="{{ filename }}" > </div> </div> <div class="row"> <div class="col-xs-8 text-left checkbox"> <label class="form-checkbox form-icon"> <input type="checkbox"> Remember me </label> </div> <div class="col-xs-4"> <div class="form-group text-right"> <button class="btn btn-success text-uppercase" type="submit">Sign In</button> </div> </div> </div> {% if error %} <span style="color: red">{{ error.error }}</span> {% endif %} </form> </div> </div> <div class="pad-ver"> <a href="pages-password-reminder.html" rel="external nofollow" class="btn-link mar-rgt">Forgot password ?</a> <a href="pages-register.html" rel="external nofollow" class="btn-link mar-lft">Create a new account</a> </div> </div> <!--===================================================--> </div> <!--===================================================--> <!-- END OF CONTAINER --> {% endblock %}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 給Django Admin添加驗(yàn)證碼和多次登錄嘗試限制的實(shí)現(xiàn)
- django中的圖片驗(yàn)證碼功能
- django項(xiàng)目登錄中使用圖片驗(yàn)證碼的實(shí)現(xiàn)方法
- Django為窗體加上防機(jī)器人的驗(yàn)證碼功能過(guò)程解析
- django 利用pillow 進(jìn)行簡(jiǎn)單的設(shè)置驗(yàn)證碼功能(python)
- Django中使用極驗(yàn)Geetest滑動(dòng)驗(yàn)證碼過(guò)程解析
- Python 中Django驗(yàn)證碼功能的實(shí)現(xiàn)代碼
- Django框架登錄加上驗(yàn)證碼校驗(yàn)實(shí)現(xiàn)驗(yàn)證功能示例
- django 發(fā)送手機(jī)驗(yàn)證碼的示例代碼
- Django實(shí)現(xiàn)隨機(jī)圖形驗(yàn)證碼的示例
相關(guān)文章
Python使用Tesseract實(shí)現(xiàn)從圖像中讀取文本
Tesseract?是一個(gè)基于計(jì)算機(jī)的系統(tǒng),用于光學(xué)字符識(shí)別?(OCR)?和其他圖像到文本處理,本文將介紹如何使用?Python?中的?Tesseract?創(chuàng)建一個(gè)可以從圖像中讀取文本的程序,需要的可以參考下2023-11-11python開(kāi)發(fā)之str.format()用法實(shí)例分析
這篇文章主要介紹了python開(kāi)發(fā)之str.format()用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了str.format()函數(shù)的功能,使用方法與相關(guān)注意事項(xiàng),代碼包含詳盡的注釋說(shuō)明,需要的朋友可以參考下2016-02-02基于Python編寫(xiě)一個(gè)刷題練習(xí)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了如何基于Python語(yǔ)言編寫(xiě)一個(gè)簡(jiǎn)單的刷題練習(xí)系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-02-02Python?FastApi結(jié)合異步執(zhí)行方式
這篇文章主要介紹了Python?FastApi結(jié)合異步執(zhí)行方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06python寫(xiě)入數(shù)據(jù)到csv或xlsx文件的3種方法
這篇文章主要為大家詳細(xì)介紹了python寫(xiě)入數(shù)據(jù)到csv或xlsx文件的3種方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08弄懂這56個(gè)Python使用技巧(輕松掌握Python高效開(kāi)發(fā))
這篇文章主要介紹了弄懂這56個(gè)Python使用技巧(輕松掌握Python高效開(kāi)發(fā)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-09-09Python 數(shù)據(jù)可視化之Seaborn詳解
這篇文章主要介紹了Python數(shù)據(jù)可視化庫(kù)seaborn的使用總結(jié),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2021-11-11