- 7.1 静态文件配置
- 7.2 Csrf(防跨站攻击)
- 7.3 Ajax
- 7.4 状态保持(会话跟踪技术)
- 7.5 验证码
- 7.6 中间件
- 7.7 文件上传
- 7.8 密码管理
- 7.9 分页和优化
- 7.10 富文本编辑器
- 7.11 Django部署Apache
- 7.12 Redis缓存应用
- 7.13 Auth认证
- 7.14 admin后台管理
- 常用web模块
7.1 静态文件配置
项目中的CSS、图片、js都是静态文件
一,在settings 文件中定义静态内容
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
二,在项目根目录下创建static目录,再创建当前应用名称的目录
mysite/static/myapp/
三,在模板中可以使用硬编码
/static/my_app/myexample.jpg
四,在模板中可以使用static编码
{ % load static from staticfiles % }
<img src="{ % static "my_app/myexample.jpg" % }" alt="My image"/>
7.2 Csrf(防跨站攻击)
CSRF(Cross-site request forgery)跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。尽管听起来像跨站脚本XSS,但它与XSS非常不同,XSS利用站点内的信任用户,而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS攻击相比,CSRF攻击往往不大流行(因此对其进行防范的资源也相当稀少)和难以防范,所以被认为比XSS更具危险性
CSRF中间件和模板标签为防止跨站点请求伪造提供了易用的保护。
当恶意网站包含链接,表单按钮或某些旨在在您的网站上执行某些操作的JavaScript时,会使用在浏览器中访问恶意网站的登录用户的凭据进行此类攻击。
还介绍了一种相关攻击类型,即“登录CSRF”,攻击网站欺骗用户的浏览器,以便使用其他人的凭证登录到网站。
一,csrf的使用
在django的模板中,提供了防止跨站攻击的方法,使用步骤如下:
-
step1:在settings.py中启用’django.middleware.csrf.CsrfViewMiddleware’中间件,此项在创建项目时,默认被启用
-
step2:在HTML的表单中添加标签
<form> { % csrf_token % } ... </form>
二,取消保护
如果某些视图不需要保护,可以使用装饰器csrf_exempt,模板中也不需要写标签,修改csrf2的视图如下 from django.views.decorators.csrf import csrf_exempt
```
@csrf_exempt
def csrf2(request):
uname=request.POST['uname']
return render(request,'booktest/csrf2.html',{'uname':uname})
运行上面的两个请求,发现都可以请求
```
三,保护原理
加入标签后,可以查看源代码,发现多了如下代码
```
<input type='hidden' name='csrfmiddlewaretoken' value='nGjAB3Md9ZSb4NmG1sXDolPmh3bR2g59' />
```
-
在浏览器的调试工具中,通过network标签可以查看cookie信息
-
本站中自动添加了cookie信息,如下图csrf3
-
查看跨站的信息,并没有cookie信息,即使加入上面的隐藏域代码,发现又可以访问了
-
结论:django的csrf不是完全的安全
-
当提交请求时,中间件’django.middleware.csrf.CsrfViewMiddleware’会对提交的cookie及隐藏域的内容进行验证,如果失败则返回403错误
四,Ajax CSRF 认证
GET 请求不需要 CSRF 认证,POST 请求需要正确认证才能得到正确的返回结果。
如果使用Ajax调用的时候,就要麻烦一些。需要注意以下几点:
- 在视图中使用render (而不要使用 render_to_response)
-
使用 jQuery 的 ajax 或者 post 之前 加入这个 js 代码
jQuery(document).ajaxSend(function(event, xhr, settings) { function getCookie(name) { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } function sameOrigin(url) { // url could be relative or scheme relative or absolute var host = document.location.host; // host + port var protocol = document.location.protocol; var sr_origin = '//' + host; var origin = protocol + sr_origin; // Allow absolute or scheme relative URLs to same origin return (url == origin || url.slice(0, origin.length + 1) == origin + '/') || (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') || // or any other URL that isn't scheme relative or absolute i.e relative. !(/^(\/\/|http:|https:).*/.test(url)); } function safeMethod(method) { return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); } if (!safeMethod(settings.type) && sameOrigin(settings.url)) { xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); } });
或者 更为优雅简洁的代码(不能写在 .js 中,要直接写在模板文件中):
```
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{ { csrf_token } }' },
});
```
这样之后,就可以像原来一样的使用 jQuery.ajax() 和 jQuery.post()了
7.3 Ajax
使用jquery中的ajax实现省市区的多级联动的选择
一,在数据库中导入数据
...
二,创建模型
from django.db import models
# Create your models here.
class district(models.Model):
name = models.CharField(max_length=255)
upid = models.IntegerField()
class Meta:
db_table = "district" # 指定表名
三,定义路由
from django.conf.urls import url
from . import views
urlpatterns = [
# ajax 城市联动
url(r'^city/$', views.city,name="city"),
url(r'^city/([0-9]+)$', views.city2,name="city2"),
]
四,定义模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>城市联动</title>
</head>
<body>
<select id="citys">
<option>--请选择省--</option>
</select>
<script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
</body>
</html>
7.4 状态保持(会话跟踪技术)
- HTTP协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状态
- 客户端与服务器端的一次通信,就是一次会话
- 实现状态保持的方式:在客户端或服务器端存储与会话有关的数据
- 存储方式包括cookie、session,会话一般指session对象
- 使用cookie,所有数据存储在客户端,注意不要存储敏感信息
- 推荐使用sesison方式,所有数据存储在服务器端,在客户端cookie中存储session_id
- 状态保持的目的是在一段时间内跟踪请求者的状态,可以实现跨页面访问当前请求者的数据
- 注意:不同的请求者之间不会共享这个数据,与请求者一一对应