使用Django框架怎么實現(xiàn)驗證碼功能-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)使用Django框架怎么實現(xiàn)驗證碼功能,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗,為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù),案例作品覆蓋成都餐廳設(shè)計等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身定制品質(zhì)網(wǎng)站。

驗證碼

1、作用

  • 在用戶登錄,注冊以及一些敏感操作的時候,我們?yōu)榱朔乐狗?wù)器被暴力請求,或爬蟲爬取,我們可以使用驗證碼進(jìn)行過濾,減輕服務(wù)器的壓力。

  • 驗證碼需要使用繪圖 Pillow

    • 手動指定字體

    • 綁定畫布

    • 模式

    • 封裝了繪制的API

    • text

    • point

    • line

    • arch

    • 需要模式

    • 尺寸

    • 背景色

    • pip3 install Pillow

    • 核心API

    • Image

    • ImageDraw

    • ImageFont

2、業(yè)務(wù)流程

繪制驗證碼圖片

background = (10,20,30) // RGB顏色

初始化畫布

image = Image.new(‘RGB',(100,50),background)

獲取畫布中畫筆對象

draw = ImageDraw.Draw(image)

繪制驗證碼,隨機(jī)四個

font = ImageFont.truetype(‘path',size)
fontcolor = (20,40,60)
draw.text((x,y),'R',font,fontcolor)

返回驗證碼內(nèi)容

# 刪除畫筆
del draw
#保存圖片到BytesIO對象
Import io
buf = io.BytesIO()
image.save(buf,'png')
#返回BytesIO中的內(nèi)容
return HttpResponse(buf.getvalue(),'image/png')

3、代碼范例

html頁面

<form method="post" action="{% url 'sitesApp:login' %}">
  {% csrf_token %}
    <div class="login">
      <div class="input-group">
       <span class="input-group-addon" id="basic-addon1">用戶名</span>
       <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" name="uName">
      </div>
      <div class="input-group">
       <span class="input-group-addon" id="basic-addon1">密&nbsp;&nbsp;&nbsp;&nbsp;碼</span>
       <input type="text" class="form-control" placeholder="Password" aria-describedby="basic-addon1" name="uPswd">
      </div>
      <div class="input-group">
       <span class="input-group-addon" id="basic-addon1">驗證碼</span>
       <input type="text" class="form-control" placeholder="Auth code" aria-describedby="basic-addon1" name="uCode">
      </div>
      <div class="vcode">
        <img src="/app/getvcode/" id="vcode">
      </div>
      <input type="submit" class="loginBtn" value="登 錄"><br>
    </div>
  </form>
  <script type="text/javascript">
    $(function () {
      $('#vcode').click(function () {
        $(this).attr('src',"/app/getvcode"+Math.random())
      })
    })
  </script>

views視圖

'''
生成并返回驗證碼
'''
def getvcode(request):
  # 隨機(jī)生成驗證碼
  population = string.ascii_letters+string.digits
  letterlist = random.sample(population,4)
  vcode = ''.join(letterlist)
  # 保存該用戶的驗證碼
  request.session['vcode']=vcode
  # 繪制驗證碼
  # 需要畫布,長寬顏色
  image = Image.new('RGB',(176,60),color=getRandomColor())
  # 創(chuàng)建畫布的畫筆
  draw = ImageDraw.Draw(image)
  # 繪制文字,字體所在位置
  path = os.path.join(BASE_DIR,'static','fonts','ADOBEARABIC-BOLDITALIC.OTF')
  font = ImageFont.truetype(path,50)
  for i in range(len(vcode)):
    draw.text((20+40*i,0),vcode[i],fill=getRandomColor(),font=font)
  # 添加噪聲
  for i in range(500):
    position = (random.randint(0,176),random.randint(0,50))
    draw.point(position,fill=getRandomColor())
  # 返回驗證碼字節(jié)數(shù)據(jù)
  # 創(chuàng)建字節(jié)容器
  buffer = io.BytesIO()
  # 將畫布內(nèi)容丟入容器
  image.save(buffer,'png')
  # 返回容器內(nèi)的字節(jié)
  return HttpResponse(buffer.getvalue(),'image/png')
# 獲取隨機(jī)顏色
def getRandomColor():
  red = random.randint(0,255)
  green = random.randint(0,255)
  blue = random.randint(0,255)
  return (red,green,blue)

上述就是小編為大家分享的使用Django框架怎么實現(xiàn)驗證碼功能了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目:使用Django框架怎么實現(xiàn)驗證碼功能-創(chuàng)新互聯(lián)
文章路徑:http://muchs.cn/article28/dgepcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、品牌網(wǎng)站建設(shè)微信公眾號、Google、小程序開發(fā)、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司