django模板templates详解(二)

1 总体结构

​ Django是MTV结构，即：Model, Template, View

Model：定义数据的存储格式，并且提供了数据库访问的API。

View：定义那些数据被显示，是业务逻辑处理模块。

Template：定义数据如何被显示。

Django工程包含工程的配置、及多个APP，每个APP完成相对独立的功能。在设计中，要尽量保持每个APP的独立性，以做到APP是即插即用。

2 各个模块的交互关系

​ Django收到HTTP请求后，依次完成下列处理：

根据URL通过URLConf模块映射到View函数，将HttpRequest对象作为参数传入。

在View函数中，获取HTTP请求的参数，通过Model访问数据库，进行业务逻辑运算得到输出数据。

然后，加载Template，根据输出数据生成页面，将HttpResponse对象返回。

3 模板概述

#模板处理过程:
1. 模板加载
2. 模板渲染
#模板包含两个部分:
3. 原始的html⻚⾯
4. 模板语法标记的内容(标记语言)
#模板引擎就是把模板语法标记的内容,替换成导⼊到模板引擎的数据
   render(request, 模板名称,传递给模板渲染的字典)
   render返回的是HttpResponse对象
   render的中间结果就是⼀个字符串,然后⽤该字符串创建HttpResponse对象

4 定义模板

(1)变量
语法:{{变量名}}  {{ var }}
字典查询{{'student':students}}
属性与方法{{stu.sname}}

(2)标签
语法: {%tag%} 标签
格式:if语句
{%  if 表达式1 %}
语句1
{% elif表达式2 %}
语句2
{% endif %}  

格式:for语句
格式{% for 变量 in 列表 %}
语句1
{% empty %}  #当列表为空或不存在时执行语句2
语句2
{% endfor %}  

(3)comment 多行注释
{% comment %}
注释内容
{% endcomment %}    多行注释

(4)ifqual/ifnotequal  判断是否相等
作用 : 判断是否相等或者不相等
格式 : {% ifequal 值1 值2 %} #如果值1=值2则执行
	  {% endifequal %}

(5) 其他功能
include
作用 : 加载模板并以标签内的参数渲染
格式 : {% include  '模板目录'  参数1  参数2%}

url作用反向解析格式 : {% url 'namespace:name'  p1 p2 %}

csrf_token作用: 用于跨站请求伪造保护
格式: {% csrf_token %}

block/extends作用 : 用于模板的继承
autoescape: 作用用于html的转义

循环forloop常见的功能:

循环类型	说明
{{ forloop.counter0}}	表示当前是第⼏次循环，从0数数
{{ forloop.revcounter}}	表示当前是第⼏次循环，倒着数数，到1停
{{ forloop.revcounter0}}	表示当前第⼏次循环，倒着数，到0停
{{ forloop.last }}	布尔值是否是最后⼀个 布尔值
{{ forloop.first }}	是否是第⼀个
{{ forloop.counter }}	表示当前是第⼏次循环，从1数数

#例子
data={“values”:range(10)}
{% for value in values %}
{{value}}//forloop.count {{forloop.count}}
{% endfor %}

5 过滤器

	1 语法
		{{ var过滤器 }}
	作用
		在变量被显示前修改它
			{{ str | upper}}

	2 过滤器可以传递参数,参数用引号引起
		join
			格式
				列表|join:'#'
				{{list|join:'#'}}   列表数据以#号连接
	3 如果一个变量没有被提供,或者值为false/空,可以使用默认值
		default
			格式
				{{var|default:'值'}}
			实例
				{{test|default:'没有'}}  没有默认显示没有
	4 根据给定格式转换日期为字符串
		date
			格式
				{{ dateVal|date:'y-m-d' }}
	5 HTML转义
		escape
	6 加减乘除
		{{num|add:10}}
		{{num|add:-5}}
		{% widthratio num 1 5%}}
			计算方法num/1*5
		{% widthratio num 2 1%}
			计算方法num/2*1

6 反向解析

#urls.py根路由
urlpatterns = [
	url(r'^sunck/',include('myApp.urls',namespace='app'))
]
#myApp urls.py
urlpatterns = [
	url(r'^good/(\d+)/(\d+)/$',views.good,name='good'),
]
#index.html
<a href=' '>
<a href='{% url 'app:good' 1 2 %}'>   第一页 下第二条

7 模板继承

1 作用
	模板继承可以减少页面的重复,父模板base.html
2 block标签
	在父模版中预留区域,子模板去填充
	{% block 标签名 %}
3 子模板填充
{% endblock 标签名 %}
extends标签
	继承模板,需要写在模板文件的第一行
	{% extends '父模板路径' %}
	{% extends 'myApp/base.html' %}   引入父模板路径
#4 实例  base.html    定义父模板
    <div id='main'>
        {% block main %}
        {% endblock  main%}
        <hr/>
        {% block main2 %}
        {% endblock main2 %}
    </div>
# main.html    定义子模板
    {% entends 'myApp/base.html' %}

    {% block mian %}
        <h1>sunck is a good man<h1/>
    {% endblock main %}

    {% block mian2%}
        <h1>kaige is a good man<h1/>
    {% endblock main %}

8 HTML转义

HTML转义
	作用将受到的字符串当成HTML代码渲染
	转义
		单个转义
			{{ <h1>sunck is a good man</h1>|safe }}
		多个转义
		   {% autoescape off %}
            {{<h1>sunck is a good man</h1>}}
            {% endautoescape %}

9 CSRF验证

CSRF
	跨站请求伪造
		防护恶意网站:链接,表单,按钮,利用登录用户在浏览器中认证从而攻击服务
	防止CSRF
		在settings中启用
		表单过验证  {{crsf_token}}
		在view.py中引入
from django.views.decorators.csrf import csrf_exempt
在对应的提交函数中
添加@csrf_exempt

#附中间件模块
MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

10 静态资源的访问

1. ⼯程下建⽴static⽂件夹
2. settings⾥⾯设置
   STATICFILES_DIRS=[os.path.join(BASE_DIR,’static’)]
3. 在模板中可以直接使⽤{% load static %} <link href=“{%
   static 资源位置 %}“>
   模板中去访问静态资源
4. 加载静态资源模块
5. src=“{% static 资源位置 %}”URL配置
   r’/index/(?P<page_id>\d+)/(?P<anchor>\w+)’
   re.findall(r’/index/(?P<page_id>\d+)/(?P<anchor>\w+)’,’/index/12341234/
   asdfSDADH,.14387,./,')
   处理函数使⽤固定位置来接收参数