Django-cookie与session
会话跟踪技术
什么是会话跟踪技术
会话可以理解为客户端与服务器之间的一次会晤,在一次会晤中可能会包含多次请求和响应。例如你给10086打个电话,你就是客户端,而10086客服就是服务器了。从双方接通电话那一刻起,会话就开始了,到某一方挂断电话表示会话结束。在通话过程中,你会向10086发出多个请求,那么这多个请求都在一个会话中。
在JavaWeb中,客户向某一服务器发出第一个请求开始,会话就开始了,直到客户关闭了浏览器会话结束。
在一个会话的多个请求中共享数据,这就是会话跟踪技术。
例如在一个会话中的请求如下:
- 请求银行主页;
- 请求登录(请求参数是用户名和密码);
- 请求转账(请求参数与转账相关的数据);
- 请求信用卡还款(请求参数与还款相关的数据);
在上述会话中当前用户信息必须是共享的,因为登录的是张三,那么在转账和还款时一定是相对张三的转账和还款。这就说明必须在一个会话过程中有共享数据的能力。
Cookie与Session应用
HTTP协议是无状态协议,即每个请求都是独立的,无法记录前一次请求的状态。但HTTP协议中可以使用Cookie来完成会话跟踪,Web开发可使用Session来完成会话跟踪,session底层依赖Cookie技术。
Cookie
Cookie简介
Cookie,中文即小甜点,小饼干。在HTTP中它表示服务器发送给客户端浏览器的小甜点。
Cookie是key-value结构,类似于一个python中的字典,随着服务器端的响应发送给客户端浏览器,然后客户端浏览器会把Cookie保存起来。当下一次再访问服务器时把Cookie再发送给服务器。
Cookie是由服务器创建,然后通过响应发送给客户端的一个键值对。客户端会保存Cookie,并会标注出Cookie的来源(哪个服务器的Cookie)。当客户端向服务器发出请求时会把所有这个服务器Cookie包含在请求中发送给服务器,这样服务器就可以识别客户端了。
不同浏览器之间是不共享Cookie的。即使用IE访问服务器时,服务器会把Cookie发给IE,然后由IE保存起来,当你在使用FireFox访问服务器时,不可能把IE保存的Cookie发送给服务器。
Cookie规范
- Cookie大小上限为4KB;
- 一个服务器最多在客户端浏览器上保存20个Cookie;
- 一个浏览器最多保存300个Cookie;
上面的数据只是HTTP的Cookie规范,但在浏览器大战的今天,一些浏览器为了打败对手,展现自己的能力起见,可能对Cookie规范"扩展"了一些,例如每个Cookie的大小为8KB,最多可保存500个Cookie等。但也不会出现把你硬盘占满的可能。
Cookie与HTTP头
Cookie是通过HTTP请求头和响应头在客户端和服务器端传递的。
请求头:客户端发送给服务器端
- 格式:Cookie:a=A; b=B; c=C (即多个Cookie用分号隔开)
响应头:服务器端发送给客户端
- 格式:Set-Cookie: a=A Set-Cookie: b=B Set-Cookie: c=C (一个Cookie对象一个Set-Cookie)
Cookie的覆盖
如果服务器端发送重复的Cookie,那么会覆盖原有的Cookie,例如客户端的第一个请求服务器端发送的Cookie是:Set-Cookie: a=A; 第二个请求服务器端发送的是:Set-Cookie: a=AA,那么客户端只留下一个Cookie,即a=AA。
Django中Cookie语法
设置Cookie
rep = HttpResponse(...)/render(request,...)/redirect(...) rep.set_cookie(key, value) rep.set_signed_cookie(key, value, salt="加密盐")
''' class HttpResponseBase: def set_cookie(self, key, 键 value='', 值 max_age=None, 超长时间 cookie需要延续的时间(以秒为单位) 如果参数是\ None`` ,这个cookie会延续到浏览器关闭为止。 expires=None, 超长时间 expires默认None ,cookie失效的实际日期/时间。 path='/', Cookie生效的路径, 浏览器只会把cookie回传给带有该路径的页面,这样可以避免将 cookie传给站点中的其他的应用。 / 表示根路径,特殊的:根路径的cookie可以被任何url的页面访问 domain=None, Cookie生效的域名 你可用这个参数来构造一个跨站cookie。 如, domain=".example.com" 所构造的cookie对下面这些站点都是可读的: www.example.com 、 www2.example.com 和an.other.sub.domain.example.com 。 如果该参数设置为 None ,cookie只能由设置它的站点读取。 secure=False, 如果设置为 True ,浏览器将通过HTTPS来回传cookie。 httponly=False 只能http协议传输,无法被JavaScript获取 (不是绝对,底层抓包可以获取到也可以被覆盖) ): pass '''
获取Cookie
request.COOKIE.get()
删除cookie
rep.delete_cookie(key)
from django.shortcuts import render, HttpResponse, redirect # Create your views here. from cookie import models def login(request): if request.method == "GET": return render(request, "login.html") else: username = request.POST.get("username") password = request.POST.get("password") user_obj = models.Userinfo.objects.filter(username=username, password=password).first() if user_obj: obj = redirect("/index/") obj.set_cookie("is_login", True) obj.set_cookie("username", username) return obj return redirect("/login/") def index(request): user = request.COOKIES.get("username") is_login = request.COOKIES.get("is_login") if is_login: return render(request, "index.html", {"user": user}) else: return redirect("/login/")
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <style> .container { margin-top:100px; } </style> </head> <body> <div class="container"> <div class="row col-md-6 col-md-offset-3"> <form action="" method="post"> {% csrf_token %} <div class="from-group"> <label for="user">用户名</label> <input type="text" id="user" name="username" class="form-control"> </div> <div class="form-group"> <label for="pwd">密码</label> <input type="text" id="pwd" name="password" class="form-control"> </div> <input type="submit" value="提交" class="btn-info pull-right"> </form> </div> </div> </body> </html>
jquery操作Cookie
Session
Session简介
Session是服务器端技术,利用这个技术,服务器在运行时可以为每一个用户的浏览器创建一个其独享的session对象,由于session为用户浏览器独享,所以用户在访问服务器的web资源时,可以把各自的数据放在各自的session中,当用户再去访问该服务器中的其它web资源时,其它web资源再从用户各自的session中取出数据为用户服务。
Django中session语法
# 1. 设置Session值 request.session['session_name'] = 'admin' # 2. 获取Session值 session_name = request.session['session_name'] session_name = request.session.get('session_name') # 3. 删除Session值 del request.session['session_name'] # 4. flush() 删除当前会话数据并删除会话的Cookie。 这用于确保前面的会话数据不可以再次被用户的浏览器访问
Session配置
Django默认支持Session,并且默认是将Session数据存储在数据库中,即django_session表中。
SESSION_ENGINE = 'django.contrib.sessions.backends.db' # 引擎(默认) SESSION_COOKIE_NAME = "sessionid" # Session的cookie保存在浏览器上时的key,即:sessionid=随机字符串(默认) SESSION_COOKIE_PATH = "/" # Session的cookie保存的路径(默认) SESSION_COOKIE_DOMAIN = None # Session的cookie保存的域名(默认) SESSION_COOKIE_SECURE = False # 是否Https传输cookie(默认) SESSION_COOKIE_HTTPONLY = True # 是否Session的cookie只支持http传输(默认) SESSION_COOKIE_AGE = 1209600 # Session的cookie失效日期(2周)(默认) SESSION_EXPIRE_AT_BROWSER_CLOSE = False # 是否关闭浏览器使得Session过期(默认) SESSION_SAVE_EVERY_REQUEST = False # 是否每次请求都保存Session,默认修改之后才保存(默认)
示例
def login_required(func): ''' request.session.get("is_login")的实现: 1 取钥匙 2 去django-session表中获取对应记录对象 3 通过对象取出is_login这个键对应的值 ''' def inner(request,*args,**kwargs): is_login = request.session.get("is_login") if is_login: func(*args) else: return redirect("/login/") return inner # 自动生成验证码图片 def get_random_color(): return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255) def valid_img(request): img = Image.new("RGB", (250, 35), get_random_color()) draw = ImageDraw.Draw(img) font = ImageFont.truetype("static/font/kumo.ttf", 34) keep_str = "" for i in range(5): random_num = str(random.randint(0, 9)) random_low_alpha = chr(random.randint(97, 122)) random_upper_alpha = chr(random.randint(65, 90)) random_char = random.choice([random_num, random_low_alpha, random_upper_alpha]) draw.text((20+i*35, 0), random_char, get_random_color(), font=font) keep_str += random_char # 噪点噪线 width = 250 height = 35 # 噪线 for i in range(5): 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): ''' request.session["is_login"]=True的实现: if not 获取钥匙(sessionid): 1 随机字符串 2 在django-sesion表下创建一条记录(代表一个客户端浏览器) 3 响应set_cookie("sessionid",随机的字符串) else: 1 在django-sesion表下创建一条记录(代表一个客户端浏览器) 2 跟新数据 ''' if request.method == "GET": return render(request, "login.html") else: user = request.POST.get("username") pwd = request.POST.get("password") validCode = request.POST.get("validCode") if validCode.upper() == request.session.get("keep_str").upper(): user_obj = models.UserInfoSession.objects.filter(username=user, password=pwd).first() if user_obj: request.session["is_login"] = True request.session["username"] = user return redirect("/index/") else: return redirect("/login/") else: return redirect("/login/") # 主页 @login_required def index(request): return render(request, "index.html", {"user": request.session.get("username")}) # 注销 def logout(request): ''' request.session.flush()的实现: 1 取钥匙 2 过滤djangosession对应记录 3 删除记录 ''' request.session.flush() return redirect("/login/")
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <style> .container{ margin-top: 100px; } </style> </head> <body> <div class="container"> <div class="row col-md-6 col-md-offset-3"> <h2 class="text-center">用户登录</h2> <form action="" method="POST"> {% csrf_token %} <div class="form-group"> <label for="username">用户名</label> <input type="text" id="username" name="username" class="form-control"> </div> <div class="form-group"> <label for="pwd">密码</label> <input type="text" id="pwd" name="password" class="form-control"> </div> <div class="form-group"> <label for="validCode">验证码</label> <div class="row"> <div class="col-md-6"> <input type="text" id="validCode" name="validCode" class="form-control"> </div> <div class="col-md-6"> <img src="/valid_img/" alt="" width="250" height="35"> </div> </div> </div> <input type="submit" class="btn btn-info pull-right"> </form> </div> </div> </body> </html>