模板介绍

作为Web框架，Django提供了模板，可以很便利的动态生成HTML
模版系统致力于表达外观，而不是程序逻辑
模板的设计实现了业务逻辑(view)与显示内容（template）的分离，一个视图可以使用任意一个模板，一个模板可以供多个视图使用
模板包含
- HTML的静态部分
- 动态插入内容部分
Django模板语言，简写DTL，定义在django.template包中
由startproject命令生成的settings.py定义关于模板的值：
- DIRS定义了一个目录列表，模板引擎按列表顺序搜索这些目录以查找模板源文件
- APP_DIRS告诉模板引擎是否应该在每个已安装的应用中查找模板
常用方式：在项目的根目录下创建templates目录，设置DIRS值
```
DIRS=[os.path.join(BASE_DIR,"templates")]
```
模板处理
Django处理模板分为两个阶段
Step1 加载：根据给定的标识找到模板然后预处理，通常会将它编译好放在内存中
```
loader.get_template(template_name)，返回一个Template对象
```
Step2 渲染：使用Context数据对模板插值并返回生成的字符串
```
Template对象的render(RequestContext)方法，使用context渲染模板
```

加载渲染完整代码：

from django.template import loader, RequestContext

from django.http import HttpResponse

def index(request):

    tem = loader.get_template('temtest/index.html')

    context = RequestContext(request, {})

    return HttpResponse(tem.render(context))

快捷函数

为了减少加载模板、渲染模板的重复代码，django提供了快捷函数
render_to_string("")

render(request,'模板',context)

from django.shortcuts import render

def index(request):

    return render(request, 'temtest/index.html')

定义模板

模板语言包括
- 变量
- 标签 { % 代码块 % }
- 过滤器
- 注释{# 代码或html #}
变量

语法：

{{ variable }}

当模版引擎遇到一个变量，将计算这个变量，然后将结果输出
变量名必须由字母、数字、下划线（不能以下划线开头）和点组成
当模版引擎遇到点(".")，会按照下列顺序查询：
1. 字典查询，例如：foo["bar"]
2. 属性或方法查询，例如：foo.bar
3. 数字索引查询，例如：foo[bar]
如果变量不存在，模版系统将插入'' (空字符串)
在模板中调用方法时不能传递参数

在模板中调用对象的方法

在models.py中定义类HeroInfo

from django.db import models

class HeroInfo(models.Model):

    ...

    def showName(self):

        return self.hname

在views.py中传递HeroInfo对象

from django.shortcuts import render

from models import *

def index(request):

    hero = HeroInfo(hname='abc')

    context = {'hero': hero}

    return render(request, 'temtest/detail.html', context)

在模板detail.html中调用
```
{{hero.showName}}
```
标签
语法：{ % tag % }
作用
在输出中创建文本
控制循环或逻辑
加载外部信息到模板中供以后的变量使用

for标签

{ %for ... in ...%}

循环逻辑

{{forloop.counter}}表示当前是第几次循环

{ %empty%}

给出的列表为或列表不存在时，执行此处

{ %endfor%}

if标签

{ %if ...%}

逻辑1

{ %elif ...%}

逻辑2

{ %else%}

逻辑3

{ %endif%}

comment标签

{ % comment % }

多行注释

{ % endcomment % }

include：加载模板并以标签内的参数渲染
```
{ %include "foo/bar.html" % }
```
url：反向解析
```
{ % url 'name' p1 p2 %}
```
csrf_token：这个标签用于跨站请求伪造保护
```
{ % csrf_token %}
```
布尔标签：and、or，and比or的优先级高
block、extends：详见“模板继承”
autoescape：详见“HTML转义”

过滤器
语法：{ { 变量|过滤器 }}，例如{ { name|lower }}，表示将变量name的值变为小写输出
使用管道符号 (|)来应用过滤器
通过使用过滤器来改变变量的计算结果
可以在if标签中使用过滤器结合运算符
```
if list1|length > 1
```
过滤器能够被“串联”，构成过滤器链
```
name|lower|upper
```
过滤器可以传递参数，参数使用引号包起来
```
list|join:", "
```
default：如果一个变量没有被提供，或者值为false或空，则使用默认值，否则使用变量的值
```
value|default:"什么也没有"
```
date：根据给定格式对一个date变量格式化
```
value|date:'Y-m-d'
```
escape：详见“HTML转义”
点击查看详细的过滤器

注释
单行注释
```
{#...#}
```
注释可以包含任何模版代码，有效的或者无效的都可以
```
{# { % if foo % }bar{ % else % } #}
```

使用comment标签注释模版中的多行内容

示例

查询所有英雄信息显示出来，要求奇数行显示为红色，偶数行显示为蓝色

模板继承

模板继承可以减少页面内容的重复定义，实现页面内容的重用
典型应用：网站的头部、尾部是一样的，这些内容可以定义在父模板中，子模板不需要重复定义
block标签：在父模板中预留区域，在子模板中填充
extends继承：继承，写在模板文件的第一行

定义父模板base.html

{ %block block_name%}

这里可以定义默认值

如果不定义默认值，则表示空字符串

{ %endblock%}

定义子模板index.html
```
{ % extends "base.html" %}
```

在子模板中使用block填充预留区域

{ %block block_name%}

实际填充内容

{ %endblock%}

说明

如果在模版中使用extends标签，它必须是模版中的第一个标签
不能在一个模版中定义多个相同名字的block标签
子模版不必定义全部父模版中的blocks，如果子模版没有定义block，则使用了父模版中的默认值
如果发现在模板中大量的复制内容，那就应该把内容移动到父模板中
使用可以获取父模板中block的内容
为了更好的可读性，可以给endblock标签一个名字
```
{ % block block_name %}

区域内容

{ % endblock block_name %}
```
三层继承结构
三层继承结构使代码得到最大程度的复用，并且使得添加内容更加简单
如下图为常见的电商页面

1.创建根级模板

名称为“base.html”

存放整个站点共用的内容

<!DOCTYPE html>

<html>

<head>

    <title>{%block title%}{%endblock%} 水果超市</title>

</head>

<body>

top--{{logo}}

<hr/>

{%block left%}{%endblock%}

{%block content%}{%endblock%}

<hr/>

bottom

</body>

</html>

2.创建分支模版

继承自base.html
名为“base_*.html”
定义特定分支共用的内容

定义base_goods.html

{%extends 'temtest/base.html'%}

{%block title%}商品{%endblock%}

{%block left%}

<h1>goods left</h1>

{%endblock%}

定义base_user.html

{%extends 'temtest/base.html'%}

{%block title%}用户中心{%endblock%}

{%block left%}

<font color='blue'>user left</font>

{%endblock%}

定义index.html，继承自base.html，不需要写left块
```
{%extends 'temtest/base.html'%}

{%block content%}

首页内容

{%endblock content%}
```
3.为具体页面创建模板，继承自分支模板

定义商品列表页goodslist.html

{%extends 'temtest/base_goods.html'%}

{%block content%}

商品正文列表

{%endblock content%}

定义用户密码页userpwd.html

{%extends 'temtest/base_user.html'%}

{%block content%}

用户密码修改

{%endblock content%}

4.视图调用具体页面，并传递模板中需要的数据

首页视图index

logo='welcome to itcast'

def index(request):

    return render(request, 'temtest/index.html', {'logo': logo})

商品列表视图goodslist

def goodslist(request):

    return render(request, 'temtest/goodslist.html', {'logo': logo})

用户密码视图userpwd

def userpwd(request):

    return render(request, 'temtest/userpwd.html', {'logo': logo})

5.配置url

from django.conf.urls import url

from . import views

urlpatterns = [

    url(r'^$', views.index, name='index'),

    url(r'^list/$', views.goodslist, name='list'),

    url(r'^pwd/$', views.userpwd, name='pwd'),

]

HTML转义

Django对字符串进行自动HTML转义，如在模板中输出如下值：

视图代码：

def index(request):

    return render(request, 'temtest/index2.html',

                  {

                      't1': '<h1>hello</h1>'

                  })

模板代码：

{{t1}}

显示效果如下图：

会被自动转义的字符

html转义，就是将包含的html标签输出，而不被解释执行，原因是当显示用户提交字符串时，可能包含一些攻击性的代码，如js脚本

Django会将如下字符自动转义：

< 会转换为&lt;

> 会转换为&gt;

' (单引号) 会转换为'

" (双引号)会转换为 &quot;

& 会转换为 &amp;

当显示不被信任的变量时使用escape过滤器，一般省略，因为Django自动转义
```
{{t1|escape}}
```
关闭转义
对于变量使用safe过滤器
```
{{ data|safe }}
```

对于代码块使用autoescape标签

{ % autoescape off %}

{{ body }}

{ % endautoescape %}

标签autoescape接受on或者off参数
自动转义标签在base模板中关闭，在child模板中也是关闭的

字符串字面值

手动转义
```
{ { data|default:"<b>123</b>" }}
```

应写为

{ { data|default:"&lt;b&gt;123&lt;/b&gt;" }}

csrf

全称Cross Site Request Forgery，跨站请求伪造
某些恶意网站上包含链接、表单按钮或者JavaScript，它们会利用登录过的用户在浏览器中的认证信息试图在你的网站上完成某些操作，这就是跨站攻击
演示csrf如下

创建视图csrf1用于展示表单，csrf2用于接收post请求

def csrf1(request):

    return render(request,'booktest/csrf1.html')

def csrf2(request):

    uname=request.POST['uname']

    return render(request,'booktest/csrf2.html',{'uname':uname})

配置url

url(r'^csrf1/$', views.csrf1),

url(r'^csrf2/$', views.csrf2),

创建模板csrf1.html用于展示表单

<html>

<head>

    <title>Title</title>

</head>

<body>

<form method="post" action="/crsf2/">

    <input name="uname"><br>

    <input type="submit" value="提交"/>

</form>

</body>

</html>

创建模板csrf2用于展示接收的结果

<html>

<head>

    <title>Title</title>

</head>

<body>

{{ uname }}

</body>

</html>

在浏览器中访问，查看效果，报错如下：

将settings.py中的中间件代码'django.middleware.csrf.CsrfViewMiddleware'注释
查看csrf1的源代码，复制，在自己的网站内建一个html文件，粘贴源码，访问查看效果

防csrf的使用

在django的模板中，提供了防止跨站攻击的方法，使用步骤如下：
step1：在settings.py中启用'django.middleware.csrf.CsrfViewMiddleware'中间件，此项在创建项目时，默认被启用
step2：在csrf1.html中添加标签
```
<form>

{% csrf_token %}

...

</form>
```
step3：测试刚才的两个请求，发现跨站的请求被拒绝了，效果如下图

取消保护

如果某些视图不需要保护，可以使用装饰器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信息，如下图

查看跨站的信息，并没有cookie信息，即使加入上面的隐藏域代码，发现又可以访问了
结论：django的csrf不是完全的安全
当提交请求时，中间件'django.middleware.csrf.CsrfViewMiddleware'会对提交的cookie及隐藏域的内容进行验证，如果失败则返回403错误

验证码

在用户注册、登录页面，为了防止暴力请求，可以加入验证码功能，如果验证码错误，则不需要继续处理，可以减轻一些服务器的压力
使用验证码也是一种有效的防止crsf的方法
验证码效果如下图：

验证码视图

新建viewsUtil.py，定义函数verifycode
此段代码用到了PIL中的Image、ImageDraw、ImageFont模块，需要先安装Pillow（3.4.1）包，详细文档参考http://pillow.readthedocs.io/en/3.4.x/
Image表示画布对象
ImageDraw表示画笔对象
ImageFont表示字体对象，ubuntu的字体路径为“/usr/share/fonts/truetype/freefont”

代码如下：

from django.http import HttpResponse

def verifycode(request):

    #引入绘图模块

    from PIL import Image, ImageDraw, ImageFont

    #引入随机函数模块

    import random

    #定义变量，用于画面的背景色、宽、高

    bgcolor = (random.randrange(20, 100), random.randrange(

        20, 100), 255)

    width = 100

    height = 25

    #创建画面对象

    im = Image.new('RGB', (width, height), bgcolor)

    #创建画笔对象

    draw = ImageDraw.Draw(im)

    #调用画笔的point()函数绘制噪点

    for i in range(0, 100):

        xy = (random.randrange(0, width), random.randrange(0, height))

        fill = (random.randrange(0, 255), 255, random.randrange(0, 255))

        draw.point(xy, fill=fill)

    #定义验证码的备选值

    str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0'

    #随机选取4个值作为验证码

    rand_str = ''

    for i in range(0, 4):

        rand_str += str1[random.randrange(0, len(str1))]

    #构造字体对象

    font = ImageFont.truetype('FreeMono.ttf', 23)

    #构造字体颜色

    fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255))

    #绘制4个字

    draw.text((5, 2), rand_str[0], font=font, fill=fontcolor)

    draw.text((25, 2), rand_str[1], font=font, fill=fontcolor)

    draw.text((50, 2), rand_str[2], font=font, fill=fontcolor)

    draw.text((75, 2), rand_str[3], font=font, fill=fontcolor)

    #释放画笔

    del draw

    #存入session，用于做进一步验证

    request.session['verifycode'] = rand_str

    #内存文件操作

    import cStringIO

    buf = cStringIO.StringIO()

    #将图片保存在内存中，文件类型为png

    im.save(buf, 'png')

    #将内存中的图片数据返回给客户端，MIME类型为图片png

    return HttpResponse(buf.getvalue(), 'image/png')

配置url

在urls.py中定义请求验证码视图的url

from . import viewsUtil

urlpatterns = [

    url(r'^verifycode/$', viewsUtil.verifycode),

]

显示验证码

在模板中使用img标签，src指向验证码视图

<img id='verifycode' src="/verifycode/" alt="CheckCode"/>

启动服务器，查看显示成功

扩展：点击“看不清，换一个”时，可以换一个新的验证码

<script type="text/javascript" src="/static/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

    $(function(){

        $('#verifycodeChange').css('cursor','pointer').click(function() {

            $('#verifycode').attr('src',$('#verifycode').attr('src')+1)

        });

    });

</script>

<img id='verifycode' src="/verifycode/?1" alt="CheckCode"/>

<span id='verifycodeChange'>看不清，换一个</span>

为了能够实现提交功能，需要增加form和input标签

<form method='post' action='/verifycodeValid/'>

    <input type="text" name="vc">

    <img id='verifycode' src="/verifycode/?1" alt="CheckCode"/>

<span id='verifycodeChange'>看不清，换一个</span>

<br>

<input type="submit" value="提交">

</form>

验证

接收请求的信息，与session中的内容对比

from django.http import HttpResponse

def verifycodeValid(request):

    vc = request.POST['vc']

    if vc.upper() == request.session['verifycode']:

        return HttpResponse('ok')

    else:

        return HttpResponse('no')

配置验证处理的url

urlpatterns = [

    url(r'^verifycodeValid/$', views.verifycodeValid),

]

第三方

可以在网上搜索“验证码”，找到一些第三方验证码提供网站，阅读文档，使用到项目中

Django之模板Template的更多相关文章

Django之模板(Template)
Django模板系统官方文档每一个Web框架都需要一种很便利的方法用于动态生成HTML页面. 最常见的做法是使用模板. 模板包含所需HTML页面的静态部分,以及一些特殊的模版语法,用于将动态内容插 ...
Django：模板template（一）
把模板的过程.语法.标签.反向地址解析.过滤器.模板继承与HTML转义记下笔记 1.概述及demo 动态生成HTML 模板的设计实现业务逻辑(View)和显示内容(template)的分离一个模板可 ...
Django：模板template（二）
将跨站请求伪造和验证码的东西记一下 CSRF Cross Site Request Forgery.跨站请求伪造链接:GET请求:表单:POST请求某些恶意的网站上,包含链接.表单.按钮.Java ...
django模板(template)
模板层(template) 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. 1 2 3 4 def current_datetime ...
Django之模板配置（template）
Django模板系统官方文档 jinja2模块中文 jinja2模块官方常用语法只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量在Djan ...
Django基础——模板层(template) （Day67）
阅读目录变量标签自定义过滤器和标签模板层(template) 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. 1 2 3 4 ...
Django框架简介及模板Template,filter
Django框架简介 MVC框架和MTV框架 MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View) ...
python学习笔记--Django入门二 Django 的模板系统
为了使网站更干净简洁更容易维护,页面的设计和Python的代码必须分离开.我们可以使用Django的模板系统 (Template System)来实现这种模式. 几个简单的模板标签(tag): ...
第四章：Django 的模板系统(转)
在之前的章节中,你可能觉得例子中视图返回文本有点不妥.即是, HTML 是直接写在 Python 代码中的. 这种做法会导致这些问题: 要做任何设计上的更改就必须改写 Python 代 ...

随机推荐

poj2253 最短路
题意:青蛙跳石头,给出石头的坐标,然后要确定一条路径,使路径上的最大跨度最小,其实也是一道最短路问题,只要将更新条件从总距离最短改为最大跨度最小就行,即从某点到当前点路径上的最大跨度如果小于当前点原本 ...
Hadoop之HDFS
摘要:HDFS是Hadoop的核心模块之一,围绕HDFS是什么.HDFS的设计思想和HDFS的体系结构三方面来介绍. 关键词:Hadoop HDFS 分布式存储系统 HDFS是Hadoop的核心 ...
YUV和RGB之间的转换方法
yCbCr<-->rgb Y’ = 0.257*R' + 0.504*G' + 0.098*B' + 16 Cb Cr R) G) - 0.392*(Cb'-128) B) 参考: htt ...
Oracle 基础知识入门
前记: 近来项目用到Oracle数据库,大学学了点,后面基本忘记得差不多了,虽然基本语法跟sql 差不多,但是oracle知识是非常多的. 这里简单说点基础知识,希望后面补上更多的关于ORacle知识 ...
nyoj 三个水杯
三个水杯时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述给出三个水杯,大小不一,并且只有最大的水杯的水是装满的,其余两个为空杯子.三个水杯之间相互倒水,并且水杯没有标识,只 ...
使用 mysqldump 备份时的一些参数
因为还没有用到 ThinkPHP 的迁移组件,暂时使用 mysqldump 来备份,并版本控制. 有几个参数需要用到. --skip-dump-date 不要完成时间. --skip-extended ...
通过手动安装来启动ZStack
当您使用手动安装手册完成ZStack的安装之后,您可以继续进行一些必要的配置以便用它来自动云环境.ZStack的管控工具zstack-ctl会安装到每一个ZStack管理节点,您可以使用它来控制本地 ...
hadoop框架结构介绍
近年,随着互联网的发展特别是移动互联网的发展,数据的增长呈现出一种爆炸式的成长势头.单是谷歌的爬虫程序每天下载的网页超过1亿个(2000年数据,)数据的爆炸式增长直接推动了海量数据处理技术的发展.谷歌 ...
Action<T>和Func<T>委托
Action<T>和Func<T>委托泛型Action<T>委托和Func<T>委托是系统定义的两个泛型委托. Action<T>委托表示 ...
System V 消息队列实例
前言: 消息队列是消息的链接表,存放在内核中,并由消息队列标识符标识.我们将称消息队列为 “队列”,其标识符为“队列I D”.msgget创建一个新队列或打开一个存在的队列; msgsnd向队列末端添 ...

Django之模板Template

模板介绍

模板处理

快捷函数

定义模板

变量

在模板中调用对象的方法

标签

过滤器

注释

模板继承

说明

三层继承结构

1.创建根级模板

2.创建分支模版

3.为具体页面创建模板，继承自分支模板

4.视图调用具体页面，并传递模板中需要的数据

5.配置url

HTML转义

会被自动转义的字符

关闭转义

字符串字面值

csrf

防csrf的使用

取消保护

保护原理

验证码

验证码视图

配置url

显示验证码

验证

第三方

Django之模板Template的更多相关文章

随机推荐

热门专题