一、引子
http协议是无状态的，就是它不会记录请求和响应的任何信息，比如你访问一个服务器的一个网页时，先要你登录一下，然后进入网页，但当你要进入这个服务器的另一个网页时，它照常不会知道刚才你已经登录过了，又要让你登录一下，就是一个bug。但是，你说你每次上网的时候，只需要登录一下就行了，并没有我说的让你每次都登录，这是会话路径技术帮你记录了你的登录信息，现在我们们就来讲讲Django的会话路径技术cookie和session，实现会话追踪。
二、cookie
cookie是key-value结构，类似于一个字典。随着服务器的响应发送给客户端浏览器，然后客户端浏览器会把cookie保存起来，当下一次再访问服务器时把cookie再发送给服务器。
语法：
response.set_cookie() #这是设置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: 用户验证成功后，设置cookie值，响应给浏览器，浏览器会保存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): #进入主页面视图 print("request.COOKIES",request.COOKIES)
is_login=request.COOKIES.get("is_login") #首先取到cookie值，对值进行判断
username=request.COOKIES.get("username") if not is_login: # 值为空时，执行这里，说明之前没有登录过，重定向到登录页面
return redirect("/login/") return render(request,"index.html",{"username":username})
三、session
上面的cookie是浏览器端保存的，现在的session是基于cookie的，但是保存在服务器端的技术，服务器在运行时可以为每一个访问的浏览器设置一个session，然后保存在Django下的Django_session表中。
语法：
request.session["k1"]="v1" 设置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})
四、图片验证码的实现
HTML文件：登录页面
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="/static/jquery-3.3.1.js"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="/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 class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="/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：
产生随机图片验证的视图函数
import randomfrom PIL import Image,ImageDraw,ImageFontfrom io import BytesIOdef 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')
原文出处： https://www.cnblogs.com/12345huangchun/p/10246930.html
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦