快捷導(dǎo)航

Django組件之cookie與session的使用方法

更新時間：2019年01月10日 07:46:37 作者：W的一天

這篇文章主要介紹了Django組件之cookie與session的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

一、引子

http協(xié)議是無狀態(tài)的，就是它不會記錄請求和響應(yīng)的任何信息，比如你訪問一個服務(wù)器的一個網(wǎng)頁時，先要你登錄一下，然后進(jìn)入網(wǎng)頁，但當(dāng)你要進(jìn)入這個服務(wù)器的另一個網(wǎng)頁時，它照常不會知道剛才你已經(jīng)登錄過了，又要讓你登錄一下，就是一個bug。但是，你說你每次上網(wǎng)的時候，只需要登錄一下就行了，并沒有我說的讓你每次都登錄，這是會話路徑技術(shù)幫你記錄了你的登錄信息，現(xiàn)在我們們就來講講Django的會話路徑技術(shù)cookie和session，實現(xiàn)會話追蹤。

二、cookie

cookie是key-value結(jié)構(gòu)，類似于一個字典。隨著服務(wù)器的響應(yīng)發(fā)送給客戶端瀏覽器，然后客戶端瀏覽器會把cookie保存起來，當(dāng)下一次再訪問服務(wù)器時把cookie再發(fā)送給服務(wù)器。

語法：

 response.set_cookie()   #這是設(shè)置cookie值
 request.COOKIES      #取cookie值

基于cookie的登錄頁面和主頁面

def login(request):    #登錄視圖
  if request.method=="GET":   
    return render(request,"login.html")
  else:
    user = request.POST.get("user")
    pwd = request.POST.get("pwd")

    user_obj=UserInfo.objects.filter(name=user,pwd=pwd).first()
    if user_obj:     用戶驗證成功后，設(shè)置cookie值，響應(yīng)給瀏覽器，瀏覽器會保存cookie
      # obj=HttpResponse("登錄成功!")
      obj=redirect("/index/")
      obj.set_cookie("is_login",True,20)
      obj.set_cookie("username",user)
      return obj
    return HttpResponse("Error!")

def index(request):   #進(jìn)入主頁面視圖

  print("request.COOKIES",request.COOKIES)
  is_login=request.COOKIES.get("is_login")  #首先取到cookie值，對值進(jìn)行判斷
  username=request.COOKIES.get("username")

  if not is_login: # 值為空時，執(zhí)行這里，說明之前沒有登錄過，重定向到登錄頁面
    return redirect("/login/")

  return render(request,"index.html",{"username":username})

三、session

上面的cookie是瀏覽器端保存的，現(xiàn)在的session是基于cookie的，但是保存在服務(wù)器端的技術(shù)，服務(wù)器在運(yùn)行時可以為每一個訪問的瀏覽器設(shè)置一個session，然后保存在Django下的Django_session表中。

語法：

request.session["k1"]="v1"   設(shè)置session值
 request.session.get("k1")   取session值
 request.session.flush()    清空session值

基于session的登錄頁面和主頁面的訪問

def login(request):
  if request.method=="GET":
    return render(request,"login.html")
  else:
    user = request.POST.get("user")
    pwd = request.POST.get("pwd")
    user_obj=UserInfo.objects.filter(name=user,pwd=pwd).first()
    if user_obj:
      request.session["is_login"]=True
      request.session["username"]=user
      return redirect("/index/")
    return HttpResponse("Error!")def index(request):
  is_login=request.session.get("is_login")
  username=request.session.get("username")if not is_login:
    return redirect("/login/")
  return render(request,"index.html",{"username":username})

四、圖片驗證碼的實現(xiàn)

HTML文件：登錄頁面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="/static/css/bootstrap.css" rel="external nofollow" >
  <script src="/static/jquery-3.3.1.js"></script>
  <script src="/static/js/bootstrap.js"></script>
</head>
<body>
{% csrf_token %}
<div class="container">
  <div class="row">
    <div class="col-md-5">
      <div style="color: blue;font-size: 20px">登錄頁面</div>
      <div class="form-group">
        名字 <input type="text" name="user" class="form-control">
      </div>
      <div class="form-group">
        密碼 <input type="password" name="pwd" class="form-control">
      </div>
      <div class="row form-group">
        <div class="col-md-6">驗證碼<input type="text" name="yan" class="form-control"></div>
        <div class="col-md-6" style="line-height:60px"><img src="/img_drow/" alt="" width="200" height="40"></div>
      </div>
      <button class="login">登錄</button>
      <p style="color: red;font-size: 30px"></p>
    </div>
  </div>
</div>
  <script>
    $('.login').click(function () {
      var name = $('[name="user"]').val();
      var pw = $('[name="pwd"]').val();
      var yan = $('[name="yan"]').val();
      $.ajax({
        url: '/login/',
        type: 'post',
        data: {csrfmiddlewaretoken: $('[name="csrfmiddlewaretoken"]').val(), user: name, pwd: pw, yan: yan},
        success: function (data) {
          if (data == '200') {
            location.href = '/books/'
          }
          else if (data == '100') {
            $('p').html('用戶名或密碼輸入錯誤')
          }
          else {
            $('p').html('驗證碼錯誤');
             var num=Math.random();
            $('img').attr('src', '/img_drow?'+num)
          }
        }
      })
    });
    $('img').click(function () {
      var num=Math.random();
      $(this).attr('src', '/img_drow?'+num)
    })
  </script>
</body>
</html>

views：

產(chǎn)生隨機(jī)圖片驗證的視圖函數(shù)
import random
from PIL import Image,ImageDraw,ImageFont
from io import BytesIO
def get_random_color():
  return random.randint(0,255),random.randint(0,255),random.randint(0,255)
def img_drow(request):
  img=Image.new('RGB',(200,40),get_random_color())
  draw=ImageDraw.Draw(img)
  font=ImageFont.truetype('static/fonts/kumo.ttf',34)
  keep_str=''
  for i in range(5):
    num=str(random.randint(0,9))
    lower=chr(random.randint(65,90))
    upper=chr(random.randint(97,122))
    random_char=random.choice([num,lower,upper])
    draw.text((i*30+50,0),random_char,get_random_color(),font=font)
    keep_str+=random_char
  width = 200
  height=40
  for i in range(10):
    x1=random.randint(0,width)
    x2=random.randint(0,width)
    y1=random.randint(0,height)
    y2=random.randint(0,height)
    draw.line((x1,y1,x2,y2),fill=get_random_color())
  for i in range(10):
    draw.point([random.randint(0, width), random.randint(0, height)], fill=get_random_color())
    x = random.randint(0, width)
    y = random.randint(0, height)
    draw.arc((x, y, x + 4, y + 4), 0, 90, fill=get_random_color())
  request.session['keep_str']=keep_str
  f=BytesIO()
  img.save(f,'png')
  data=f.getvalue()
  return HttpResponse(data)
def login(request):
  if request.method=='GET':
    return render(request,'login.html')
  else:
    yan=request.POST.get('yan')
    if yan.upper()==request.session.get('keep_str').upper():
      user=request.POST.get('user')
      pwd=request.POST.get('pwd')
      obj=UserInfo.objects.filter(name=user,pwd=pwd).first()
      if obj :
        request.session['state']=True
        request.session['user']=user
        return HttpResponse('200')
      else:
        return HttpResponse('100')
    else:
      return HttpResponse('300')

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: