一、什么是cookie
Cookie是由服务器端生成,发送给浏览器,浏览器将发送的cookie记录,当用户访问的时候讲cookie发送给服务器端,进行判断,一般应用场景在网页登陆。
有时候我们发现,我在谷歌浏览器登陆,但打开ie又给重新登陆,但是在使用谷歌却不用,因为cookie是储存在各自的浏览器中,所以一般应对本职工作测试的时候,我都会双开浏览器。
浏览器查看cookies.png
二、django 中cookie 方法
从浏览器获取cookie
- 从浏览器获取cookie分别可以用,
request.COOKIES.get('key')
,request.COOKIES['key']
,获取加盐后的cookiesrequest.get_signed_cookie("username",default=None,salt="pwd")
没有key时设置默认返回
从服务端生成cookie
- 服务端生成cookie
set_cookie(key,value)
例:
red = redirect('/index/')
red.set_cookie("username",u)
return red
- 生成的cookie加盐
set_cookie("username",u,salt='加盐')
例:
red = redirect('/index/')
red.set_signed_cookie("username",u,salt="pwd")
return red
- 设置时间限制,当以秒为单位时
set_cookie("username",u,max_age=data)
属性例:
red = redirect('/index/')
#设置十秒后过期
red.set_cookie("username",u,max_age=10)
return red
- 设置时间限制,当以具体的时间时
set_cookie("username",u,expires=data)
属性例:
import datetime
data = datetime.datetime.utcnow()
data = data + datetime.timedelta(seconds=5)
red = redirect('/index/')
red.set_cookie("username",u,expires=data)
return red
- 设置生效路径
set_cookie("username",u,path='/')
默认/
- 设置生效域名
set_cookie("username",u,domain=None)
- https传输cookie
set_cookie("username",u,secure=False)
- 只能http协议传输,无法被JavaScript获取(不是绝对,底层抓包可以获取到也可以被覆盖)
set_cookie("username",u,httponly=False)
三、简单登陆例子
def login(request):
msg = ''
if request.method == "GET":
return render(request,"login.html",{'msg':msg})
elif request.method == "POST":
u = request.POST.get('user')
p = request.POST.get('pwd')
if u and p :
obj = models.user_info.objects.filter(user_name=u,user_pwd=p).first()
if obj:
red = redirect('/index/')
red.set_signed_cookie("username",u,salt="pwd")
return red
else:
msg = "密码错误"
return render(request,"login.html",{'msg':msg})
else:
return render(request, "login.html", {'msg': msg})
def index(request):
u = request.COOKIES.get("username")
if u:
return render(request,"index.html",{'u':u})
return redirect('/login/')
四、cookie分页的例
首先用到几个知识点
-
juqery.cookie.js
和jquery-1.12.4.js
,主要用这两个包版本无要求,js用的知识onchange 事件会在域的内容改变时发生
-
思路如下:
1.通过js 获取页面下拉选择的页数,通过$.cookie("key","val")方法进行保存。
2.前端触发页面刷新,后台通过request.COOKIE.get()方法用来接受,前端传回的值
3.通过传回的cookie,接受后改变接片值
- 案例操作
前端操作
<select id="ps" onchange="chan(this)">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
<script>
$(function () {
var v=$.cookie("page_count");
if(v){
$('#ps').val(v);
}else {
$('#ps').val(10);
};
});
function chan(ths) {
var v = $(ths).val();
$.cookie("page_count",v);
location.reload();
}
</script>
后台操作变动的地方
image.png
网友评论