63、django之模版层（template）

上篇主要介绍了django的MTV模型，主要介绍了视图层之路由配置系统url分发和视图层之视图函数view，本篇主要讲解MTV模型中的模版层template。

本篇导论：

模版简介
模版之变量
模版之过滤器
模版之标签
自定义标签和过滤器
模版继承
静态文件配置（扩展内容了解即可）

模版层（template）

一、模版简介

1、在我们之前写的代码还有没有记得最后返回是一个网页（上篇随笔）

示例：

def index(request):
    name="yuan"
    return render(request,"index.html",{"n":name})

每次我们创建一个新项目的时候路径下都会自带一个templates，没错这个文件夹就是用来放我们的html代码的。

所以说我们通俗的讲模版就是html代码+模版语法

模版包括在使用时会被值替换掉的变量，和控制模版逻辑的标签。

2、还有你可能已经注意到我们有一个例子视图中返回文本的方式有点特别。（上篇随笔）

也就是说，HTML被直接硬编码在 Python代码之中：

from django.http import HttpResponse
import datetime
 
def current_datetime(request):
    now = datetime.datetime.now()
    html = "<html><body>It is now %s.</body></html>" % now
    return HttpResponse(html)

尽管这种技术便于解释视图是如何工作的，但直接将HTML硬编码到你的视图里却并不是一个好处理方式。

3、HTML被直接硬编码在 Python代码中的缺点

1）对页面设计进行的任何改变都必须对 Python 代码进行相应的修改。站点设计的修改往往比底层 Python 代码的修改要频繁得多，因此如果可以在不进行 Python 代码修改的情况下变更设计，那将会方便得多。

2）Python 代码编写和 HTML 设计是两项不同的工作，大多数专业的网站开发环境都将他们分配给不同的人员（甚至不同部门）来完成。设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。

3）程序员编写 Python代码和设计人员制作模板两项工作同时进行的效率是最高的，远胜于让一个人等待另一个人完成对某个既包含 Python又包含 HTML 的文件的编辑工作。

基于这些原因，将页面的设计和Python的代码分离开会更干净简洁更容易维护。我们可以使用 Django的 模板系统 (Template System)来实现这种模式，这就是本章要具体讨论的问题。

4、我们来看看上面这段代码的其他实现方式

1）django模板修改的视图函数

from django.shortcuts import render,HttpResponse
 
def timeHandle(request):
    import datetime
    t=datetime.datetime.now()
 
    from django.template import Template, Context
    templateObj=Template("<h1 style='color:red'>current time： {{ time }}</h1>")
    contextObj=Context({"time":str(t)})
    html=templateObj.render(contextObj)
 
    return HttpResponse(html)

2）优化后的写法（推荐）

from django.shortcuts import render,HttpResponse
 
def timeHandle(request):
    import datetime
    t=datetime.datetime.now()
    return render(request,"time.html",{"time":str(t)[:19]})

template--->time.html:

<body>
<h1>current time： {{ time }}</h1>
</body>

二、模版之变量

1、语法：

{{ var }}

2、深度查询：通过句点符号 .

3、示例：

1）view：

def index(request):
    name="hello template"
    i=200
    l=[111,[333,444,555],333]
    d={"name":"yuan","age":23}
    class Person(object):
        def __init__(self,name,age):
            self.name=name
            self.age=age
        def dream(self):
            return "I am dreaming"
    person_bjd=Person("bjd",20)
 
    #return render(request,"index.html",{"name":name,"i":i,"l":l,"d":d,"person_egon":person_bjd})
    return render(request,"index.html",locals())

locals()可以代替传参，但是必须在html里的模版变量和view里的变量名一致，耗资源，不推荐。

2）template

<p>{{ name }}</p>
<p>{{ i }}</p>
<p>{{ l.1 }}</p>
<p>{{ d.name }}</p>
<p>{{ person_egon.name }}</p>
<p>{{ person_egon.age }}</p>
<p>{{ person_egon.dream }}</p>

注意：句点符只可以用来引用对象的无参数方法

三、模版之过滤器

1、语法：

{{obj|filter_name:param}}

2、default 设置默认

如果一个变量是false或者为空，使用给定的默认值。例如：

{{ value|default:"查询为空" }}

3、lenght 长度

返回值的长度。它对字符串和列表都起作用。例如：

{{ value|length }}

4、filesizeformat 文件大小

将值格式化为一个 “人类可读的” 文件尺寸（例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：

{{ value|filesizeformat }}

如果 value 是 123456789，输出将会是 117.7 MB。

4、date 时间

{{ t|date:"Y-m-d" }}

5、slice 切分

可以将我们需要的部分切分出来

{{ value|slice:"2:-1" }}

顾头不顾尾

6、truncatechars与truncatewords 截断

按照指定的字符或单词数量截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。

参数：要截断的字符数或单词数

{{ value|truncatechars:20 }}    <!--按字符截断-->
{{ value|truncatewords:5 }}    <!--按单词截断-->

7、safe 安全机制

Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。

但是有的时候我们可能不希望这些HTML元素被转义，我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。比如：

value="<a href="">点击</a>"

{{ value|safe}}

四、模版之标签

1、语法

{% tag %}

2、for 标签遍历

{% for person in person_list %}
    <p>{{ person.name }}</p>
{% endfor %}    <!--必须有的结束符-->
 
{% for k,v in d.items %}
     <p>{{ k }},{{ v }}</p>
{% endfor %}
 
{% for person in personList reversed %}
     <p>{{ forloop.counter }}---{{ person.name }},{{ person.age }}</p>
{% endfor %}

可以利用{% for obj in list reversed %}反向完成循环。

循环序号可以通过｛｛forloop｝｝显示:：

forloop.counter    从1开始计数
forloop.counter0    从0开始基数
forloop.revcounter    倒序到1结束
forloop.revcounter0    倒序到0结束
forloop.first    是一个布尔值，如果该迭代是第一次执行，那么它被置为True
forloop.last    是一个布尔值，如果该迭代是最后一次执行，那么它被置为True

for 标签带有一个可选的{% empty %} 从句，在给出的组是空的或者没有被找到时执行

{% for person in person_list %}
    <p>{{ person.name }}</p>
 
{% empty %}
    <p>sorry,no person here</p>
{% endfor %}

3、if 标签分支

{% if num > 100 or num < 0 %}
    <p>无效</p>
{% elif num > 80 and num < 100 %}
    <p>优秀</p>
{% else %}
    <p>凑活吧</p>
{% endif %}

除了格式和其他编程语言用法相同不做过多阐述。

4、with 缓存

使用一个简单地名字缓存一个复杂的变量，当你需要使用一个复杂的变量很多次的时候是非常有用的

{% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

5、csrf_token

上篇随笔我们在最后写了一个注意，那是不正确的方法，我们所注释掉的一行是保护机制，这样想当时失去了保护，之所以介绍此方法是应为还没有接触到模版标签，csrf_token就是用来解决post请求的。（用于跨站请求伪造保护）

<form action="/login/" method="post">
    {% csrf_token %}
    <p><input type="text" name="user"></p>
    <input type="submit">
</form>

看看这个标签在浏览器中检查的结果

它是隐藏的，value值相当于带着一个服务器给它的身份证，没有身份证的post请求会被拒绝，value值是打开登录页面是get请求的时候返回的。

五、自定义标签和过滤器

自定义标签和过滤器过程：

1、在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag.

一般默认已经配置好了如果没有配置自己加上

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app1.apps.App1Config',    #默认已有 如果没有只要添加app名称即可 例如： 'app1'
]

2、在app中创建templatetags模块(模块名只能是templatetags)

模块名是固定的不能自己起名，因为django会自己在此模块找

3、创建任意 .py 文件，如：my_tags.py

此文件名为自定义

from django import template
from django.utils.safestring import mark_safe
 
register = template.Library()   #register的名字是固定的,不可改变
 
@register.filter
def multi(x,y):
    return x*y
 
@register.simple_tag
def multiTag(x,y,z):
    return x*y*z

前三行也是固定的不可改变

如果是自定义过滤器加@register.filter装饰器

如果是自定义标签加@register.simple_tag装饰器

4、在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

{% load my_tag %}

5、使用simple_tag和filter（如何调用）

<!--i=100-->
<p>{{ i|multi:2 }}</p>
<p>{% multiTag i 5 2 %}</p>
 
<!-- 自定义标签不能用到 if 和 for 标签中 -->
{% if i|multi:5 > 1000 %}
    <p>大于</p>
{% else %}
    <p>小于或等于</p>
{% endif %}

6、对比过滤器与自定义标签的使用：
过滤器函数的参数只能有两个，自定义标签无参数限制
过滤器可以与逻辑标签共同使用，比如if标签。自定义标签不可以。

六、模版继承

Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版，它包含您站点中的全部元素，并且可以定义能够被子模版覆盖的 blocks 。

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css" />
    <title>{% block title %}My amazing site{% endblock %}</title>
</head>
 
<body>
    <div id="sidebar">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
        {% endblock %}
    </div>
 
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

{% endblock %}结束标志

这个模版，我们把它叫作 base.html，它定义了一个可以用于两列排版页面的简单HTML骨架。“子模版”的工作是用它们的内容填充空的blocks。

在这个例子中， block 标签定义了三个可以被子模版内容填充的block。 block 告诉模版引擎：子模版可能会覆盖掉模版中的这些位置。

{% extends "base.html" %}
 
{% block title %}My amazing blog{% endblock %}
 
{% block content %}
{% for entry in blog_entries %}
    <h2>{{ entry.title }}</h2>
    <p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}

extends 标签是这里的关键。它告诉模版引擎，这个模版“继承”了另一个模版。当模版系统处理这个模版时，首先，它将定位母版——在此例中，就是“base.html”。

那时，模版引擎将注意到 base.html 中的三个 block 标签，并用子模版中的内容来替换这些block。根据 blog_entries 的值，覆盖后看起来是这样的：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css" />
    <title>My amazing blog</title>
</head>
 
<body>
    <div id="sidebar">
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
    </div>
 
    <div id="content">
        <h2>Entry one</h2>
        <p>This is my first entry.</p>
 
        <h2>Entry two</h2>
        <p>This is my second entry.</p>
    </div>
</body>
</html>

请注意，子模版并没有定义 sidebar block，所以系统使用了母版中的值。母版的 {% block %} 标签中的内容总是被用作备选内容（fallback）。

这种方式使代码得到最大程度的复用，并且使得添加内容到共享的内容区域更加简单，例如，部分范围内的导航。

这里是使用继承的一些提示：

1）如果你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其他的任何情况下，模版继承都将无法工作。

2）在base模版中设置越多的 {% block %} 标签越好。请记住，子模版不必定义全部父模版中的blocks，所以，你可以在大多数blocks中填充合理的默认内容，然后，只定义你需要的那一个。多一点钩子总比少一点好。

3）如果你发现你自己在大量的模版中复制内容，那可能意味着你应该把内容移动到母版中的一个 {% block %} 中。

4）如果子模版不想直接覆盖母板内容只想做追加，那么在需要追加的内容前加上标签 {{ block.super }}这个标签就代表这母板{% block %}里的备选内容

5）为了更好的可读性，你也可以给你的 {% endblock %} 标签一个名字。例如：

{% block content %}
...
{% endblock content %}

在大型模版中，这个方法帮你清楚的看到哪一个　 {% block %} 标签被关闭了。

最后，请注意您并不能在一个模版中定义多个相同名字的 block 标签。这个限制的存在是因为block标签的作用是“双向”的。这个意思是，block标签不仅提供了一个坑去填，它还在 _父模版_中定义了填坑的内容。如果在一个模版中有两个名字一样的 block 标签，模版的父模版将不知道使用哪个block的内容。

七、静态文件配置（扩展内容了解即可）

如果我们的模版需要使用css文件或者js文件那么这些文件放哪里呢？

1、新建文件夹static

在你的项目里新建文件夹static

2、改setting配置文件

在文件最后 STATIC_URL = '/static/' 后添加

STATIC_URL = '/static/'    相当于别名
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,"static"),
]

3、使用

以bootstrap-3.3.7文件为例

<link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">

63、django之模版层（template）的更多相关文章

django之模版层（template）
上篇主要介绍了django的MTV模型,主要介绍了视图层之路由配置系统url分发和视图层之视图函数view,本篇主要讲解MTV模型中的模版层template. 本篇导论: 模版简介模版之变量模版之 ...
Django之模版层
一.模版简介你可能已经注意到我们在例子视图中返回文本的方式有点特别,也就是说,HTML被直接硬编码在python代码之中. def current_datetime(request): now = ...
Django基础——模板层(template) （Day67）
阅读目录变量标签自定义过滤器和标签模板层(template) 你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python代码之中. 1 2 3 4 ...
模版层Template layer
每一个Web框架都需要一种很便利的方法用于动态生成HTML页面. 最常见的做法是使用模板. 模板包含所需HTML页面的静态部分,以及一些特殊的模版语法,用于将动态内容插入静态部分. 说白了,模板层就是 ...
Django 之模版层
一.模板简介将前端页面和Python 的代码分离是一种的开发模式. 为此 Django专门提供了模板系统 (Template System,即模板层)来实现这种模式. Django 的模板 = HT ...
Django day06 模版层(二) 过滤器标签
一: 模板语言之过滤器: " | " 前后的区分: 前面的是函数的第一个参数, 后面的是python的一个函数, 冒号后面的是第二个参数例: <p>过滤器之默认值:{ ...
Django day06 模版层(一) 变量和深度查询
一.模版语法之变量: 1 - {{ 变量 }} ******重要*******{#这个相当于print了该变量#} def index(request): name = 'prince' #字符串 ...
Django之模版层-语法：标签 {% %}
标签 {% %} for循环以及for..empty.. <h4>for标签</h4> {% for i in lis %} <p>{{ i }}</p> ...
6.-Django设计模式及模版层
一.MVC (java等其他语言) MVC代表Model-view-Contorller(模型-视图-控制器)模式 M模型层主要用于对数据库层的封装 V视图层用于向用户展示结果 C控制器用于处理请求. ...

随机推荐

201521123007《Java程序设计》第1周学习总结
1. 本周学习总结了解了JAVA语言的发展历史及特点,还有JDK.JRE.JVM三者之间的关系,安装并设置JAVA开发平台,使用Notepad++和Eclipse编辑器编写JAVA程序并运行,学会使 ...
201521123054 《Java程序设计》第11周学习总结
1. 本周学习总结 2. 书面作业 1.1 除了使用synchronized修饰方法实现互斥同步访问,还有什么办法实现互斥同步访问(请出现相关代码)? 使用Lock对象和Condition对象实现互斥 ...
201521123110《Java程序设计》第12周学习总结
1. 本周学习总结 2. 书面作业 1. 字符流与文本文件:使用 PrintWriter(写),BufferedReader(读) 1.1 生成的三个学生对象,使用PrintWriter的printl ...
Java课程设计购物车系统（个人博客）
1. 团队课程设计博客链接课程设计 2. 个人负责模块或任务说明编写ShoppingCart类,连接数据库编写updateCart类,从数据库中获取商品信息,获取指定编号的商品信息编写User ...
webservice07#契约优先#webservice实现简单的动态web项目
1, 用户管理 User{username,password,nickname} 属性. 2,契约优先[ 先用schema做标准来写wsdl.再生成服务器端的接口,再编写接口的类] 在src下创建目录 ...
14.LINUX-platform机制实现驱动层分离(详解)
版权声明:本文为博主原创文章,未经博主允许不得转载. 本节目标: 学习platform机制,如何实现驱动层分离 1.先来看看我们之前分析输入子系统的分层概念,如下图所示: 如上图所示,分 ...
Day-1：初识开发板与基础知识
买的这款51,ARM,AVR三合一的单片机,也不知道后面具体使用会不会有问题,先玩玩看吧. ------------------------------------------------------ ...
L1正则化及其推导
\(L1\)正则化及其推导在机器学习的Loss函数中,通常会添加一些正则化(正则化与一些贝叶斯先验本质上是一致的,比如\(L2\)正则化与高斯先验是一致的.\(L1\)正则化与拉普拉斯先验是一致的等 ...
跨Storyboard调用
在开发中我们会有这种需求从一个故事板跳到另一个故事板 modal UIStoryboard *secondStoryboard = [UIStoryboard storyboardWithName:@ ...
LINUX通过PXE自动部署系统
原理介绍 TFTP(Trivial File Transfer Protocol,简单文件传输协议)是TCP/IP 协议族中的一个用来在客户机与服务器之间进行简单文件传输的协议,提供不复杂.开销不大的 ...

63、django之模版层（template）

63、django之模版层（template）的更多相关文章

随机推荐

热门专题