Django中示例验证码的实现总结
生活随笔
收集整理的這篇文章主要介紹了
Django中示例验证码的实现总结
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
驗(yàn)證碼
在用戶注冊(cè)、登錄頁(yè)面,為了防止暴力請(qǐng)求,可以加入驗(yàn)證碼功能,如果驗(yàn)證碼錯(cuò)誤,則不需要繼續(xù)處理,可以減輕業(yè)務(wù)服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器的壓力。
1)安裝包Pillow3.4.1。
| 1 | pip install Pillow==3.4.1 |
點(diǎn)擊查看PIL模塊APIhttp://pillow.readthedocs.io/en/3.4.x/,以下代碼中用到了Image、ImageDraw、ImageFont對(duì)象及方法。
2)在booktest/views.py文件中,創(chuàng)建視圖verify_code。
- 提示1:隨機(jī)生成字符串后存入session中,用于后續(xù)判斷。
- 提示2:視圖返回mime-type為image/png。
3)打開booktest/urls.py文件,配置url。
| 1 | url(r'^verify_code/$', views.verify_code), |
4)運(yùn)行服務(wù)器,在瀏覽器中輸入如下網(wǎng)址,即可看到。
| 1 | http://127.0.0.1:8000/verify_code/ |
利用以上畫布代碼生成__看不請(qǐng)換一張__效果
打開templates/booktest文件,創(chuàng)建show_verify2.html,編寫代碼如下:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>show_verify</title> #需要導(dǎo)入js文件<script src="/static/js/jquery-1.12.4.min.js"></script><script>$(function () {// 添加點(diǎn)擊事件 鼠標(biāo)浮動(dòng)時(shí)變成小手$('#change').css('cursor', 'pointer').click(function () {// 獲取到圖片的src路徑 換一個(gè)新的路徑 此代碼相當(dāng)與在原來的基礎(chǔ)上增加數(shù)據(jù)$('#yzm').attr('src', $("#yzm").attr('src')+'?1')})})</script> </head> <body> <form action="/verify_check2/" method="post">{% csrf_token %}請(qǐng)輸入驗(yàn)證碼:<input type="text" name="verify"><br>{# 方法一:#} {# ? ?<img id='yzm' src="/verify_code/"/>#} {# ? ?<span id="change">#} {# ? ?<a href="/verify_show/" style="text-decoration:none">看不清楚,換一個(gè)</a>#} {# ? ?</span>#} {# ? ?<hr>#} {#方法二:#}<img id="yzm" src="/verify_code/?1"/><span id="change"><a href="" style="text-decoration:none">看不清,換一個(gè)</a> </span><input type="submit" value="提交"> </form> </body> </html> def verify_check2(request): """驗(yàn)證碼的驗(yàn)證"""# 1.獲取post請(qǐng)求當(dāng)中的輸入驗(yàn)證碼的內(nèi)容verify = request.POST.get('verify')# 2.獲取瀏覽器請(qǐng)求當(dāng)中的session中的值verifycode = request.session.get('verifycode')# 3.判斷兩個(gè)驗(yàn)證碼是否相同if verify == verifycode:return HttpResponse('ok')else:return HttpResponse('err')def show_verify2(request):"""顯示驗(yàn)證碼界面"""return render(request, 'booktest/show_verify2.html') url(r'^verify_code/$', views.verify_code), # 配置驗(yàn)證碼圖片url(r'^show_verify2/$', views.show_verify2), # 顯示驗(yàn)證碼界面url(r'^verify_check2/$', views.verify_check2) # 檢測(cè)驗(yàn)證碼總結(jié):以上就是畫布生成的驗(yàn)證碼保存到session中發(fā)給瀏覽器,當(dāng)瀏覽器提交驗(yàn)證時(shí),將用戶輸入的驗(yàn)證碼及session中的驗(yàn)證碼對(duì)比即可
總結(jié)
以上是生活随笔為你收集整理的Django中示例验证码的实现总结的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java phaser用法_第3章Pha
- 下一篇: coturn的负载均衡特性_高性能负载均