Django

  1. 模板标签
  2. 常用标签
  3. 模板的继承与引用

模板标签

  • 标签在渲染的过程中提供任意的逻辑
  • 标签语法: 由%}和 {% 来定义的，例如：{%tag%} {%endtag%}
  • 这个定义是刻意模糊的。 例如，一个标签可以输出内容，作为控制结构，例如“if”语句或“for”循环从数据库中提取内容，甚至可以访问其他的模板标签。

常用的标签

配置好url和视图

views.py

# 模板标签

def tem_tags(request):

    return render(request, 'book/tags.html', context={

        'str1': 'Django',

        'str2': 'Flask',

        'fruit_list': ['apple', 'pear', 'orange'],

        'num_list': ['one', 'two', 'three'],

        "whats_your_name": 'whoaU?',

        'html': '<h1>hello world</h1>'

    })
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>模板标签</title>

    <style>

    </style>

</head>

<body>

<p></p>

if elif else

{% if str1 == 'tornado' %}

    这是tornado课程

{% elif str1 == str2 %}

    这是scrapy课程

{% else %}

    这是{{ str1 }}课程

{% endif %}

<br>

ifnotequal   ifequal

{% ifnotequal str1 str2 %}

    {{ str1 }}{{ str2}}是两个不同的课程

{% endifnotequal %}

<br>

{% for foo in fruit_list %}

    {{ foo }}<br>

{% endfor %}

<br>

forloop.counter0

{% for foo in fruit_list %}

    {{ forloop.counter }}

    {% if forloop.counter0 == 1 %}

        {{ foo }}是梨子 <br>

    {% elif forloop.counter0 == 0 %}

        {{ foo }}是苹果 <br>

    {% else %}

        {{ foo }}是橘子

    {% endif %}

{% endfor %}

<br>

first  last

{% for foo in fruit_list %}

    {% if forloop.first %}

        first is {{ foo }} <br>

    {% endif %}

    {% if forloop.last %}

        last is {{ foo }} <br>

    {% endif %}

{% endfor %}

<br>

 forloop.parentloop.

{% for foo in num_list %}

    {% for fo in fruit_list %}

        {% if forloop.parentloop.counter0 == 1 %}

            {{ foo }} better {{ fo }} <br>

        {% else %}

            {{ foo }} {{ fo }} <br>

        {% endif %}

    {% endfor %}

{% endfor %}

<br>

url

<a href="{% url 'static' %}">跳转到静态文件演示页面(参数后面用空格隔开)</a>

<br>

with

{% with whats_your_name as o %}

    {{ o }}<br>

{% endwith %}

<br>

autoescape

{% autoescape on %}

    {{ html }}

{% endautoescape %}

<br>

{% autoescape off %}

    {{ html }}

{% endautoescape %}

</body>

页面结果：

 

 模板的继承与引用

  • Django模版引擎中最强大也是最复杂的部分就是模版继承了。 模版继承可以让你创建一个基本的“骨架”模版，它包含您站点中的全部元素，并且可以定义能够被子模版覆盖的 blocks 。
  • 模板继承使用extends标签实现。通过使用block来给子模板开放接口。
  • 1、extends必须是模板中的第一个出现的标签。
  • 2、子模板中的所有内容，必须出现在父模板定义好的block中，否则django将不会渲染。
  • 3、如果出现重复代码，就应该考虑使用模板。
  • 4、尽可能多的定义block，方便子模板实现更细的需求。
  • 5、如果在某个block中，要使用父模板的内容，使用block.super获取。

在模板文件夹中新建两个html文件

base.html文件中：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %}base{% endblock %}</title>

    <style>

    </style>

</head>

<body>

　　{% block content %}

    　　<p>这是基类模板文件</p>

　　{% endblock %}

　　{% block last %}

    　　<p>这是结尾的模板内容</p>

　　{% endblock %}

</body>

</html>

index_1.html文件中：

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

然后配置到url和view视图将index_1渲染出来：

现在我们来更改block里面的内容，做成我们自己的东西，将index_1.py中对应名字的block内容进行更改

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

{% block title %}

    我自己的网页

{% endblock %}

{% block content %}

    <p>这是我自己的中心内容，不是继承来的</p>

{% endblock %}

{% block last %}

    <p>这是我自己的结尾内容，不是继承来的</p>

{% endblock %}

再渲染出来查看

接下来我们来继承父类base中的内容，并加上我们自己的内容

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

{% block title %}

    我自己的网页

{% endblock %}

{% block content %}

    {{ block.super }}

    <p>这是我自己的中心内容，不是继承来的</p>

{% endblock %}

{% block last %}

    {{ block.super }}

    <p>这是我自己的结尾内容，不是继承来的</p>

{% endblock %}

现在再base中的block外面添加一句话，在index_1中也添加一句话

base.py

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %}base{% endblock %}</title>

    <style>

    </style>

</head>

<body>

    {% block content %}

        <p>这是基类模板文件</p>

    {% endblock %}

    {% block last %}

        <p>这是结尾的模板内容</p>

    {% endblock %}

<p>这是base没有block包括的内容</p>

</body>

</html>

index_1.py中：

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

{% block title %}

    我自己的网页

{% endblock %}

{% block content %}

    {{ block.super }}

    <p>这是我自己的中心内容，不是继承来的</p>

{% endblock %}

{% block last %}

    {{ block.super }}

    <p>这是我自己的结尾内容，不是继承来的</p>

{% endblock %}

<p>这是index_1中没有block包括的内容</p>

查看结果：

子模板中的所有内容，必须出现在父模板定义好的block中，否则django将不会渲染。

Django——4 模板标签 模板的继承与引用的更多相关文章

  1. django自定义过滤器及模板标签

    创建一个模板库 不管是写自定义标签还是过滤器,第一件要做的事是创建模板库(Django能够导入的基本结构). 创建一个模板库分两步走: 第一,决定模板库应该放在哪个Django应用下. 如果你通过 m ...

  2. Django框架(十一)：模板介绍、模板语言、模板继承、HTML转义

    1. 模板介绍 1.1 模板的功能 产生html,控制页面上展示的内容.模板文件不仅仅是一个html文件. 模板文件包含两部分内容: 静态内容:css.js.html. 动态内容:用于动态去产生一些页 ...

  3. Django学习系列之模板

    什么是django模板 模板是一个文本,用于分离文档的表现形式和内容,模板定义了占位符以及各种用于规范文档该如何显示的各部分基本逻辑(模板标签) 模板通常用于产生HTML 如何使用模板 创建一个Tem ...

  4. python的Web框架，Django模板标签及模板的继承

    模板标签 在传递数据的时候,会有大量的数据展示在浏览器上,而数据会是动态变化的,在html的编写中,数据也是需要动态的,而不能是写死的,如果动态展示呢. 给定的例子数据 views传递数据给html ...

  5. Django项目中模板标签及模板的继承与引用【网站中快速布置广告】

    Django项目中模板标签及模板的继承与引用 常见模板标签 {% static %} {% for x in range(x) %}{% endfor %} 循环的序号{% forloop %} 循环 ...

  6. Django 04 模板标签（if、for、url、with、autoeacape、模板继承于引用、静态文件加载）

    Django 04 模板标签(if.for.url.with.autoeacape.模板继承于引用.静态文件加载) 一.if.for.url.with.autoescape urlpatterns = ...

  7. Django入门--模板标签、继承与引用

    一.模板标签 Django模板引擎提供的可以在模板中进行的各种逻辑操作,是函数调用的一种特殊形式,如循环.判断等功能,期语法规则为: {% tag %} content {% tag 参数1 参数2 ...

  8. Django（十五）模板详解：模板标签、过滤器、模板注释、模板继承、html转义

    一.模板的基础配置及使用 [参考]https://docs.djangoproject.com/zh-hans/3.0/topics/templates/ 作为Web框架,Django提供了模板,用于 ...

  9. 潭州课堂25班：Ph201805201 django框架 第四课 模板常用标签，模板继承与引用，自定义过渡器 (课堂笔记)

    if 语句 判断传入的 name 值 建好这些文件后,对 url 进行配置 在浏览器中访问 for 循环 页面跳转: 通过  name 跳转时要在 urls 文件中为该 path 设置 name 带参 ...

随机推荐

  1. BZOJ 3343: 教主的魔法(分块+二分查找)

    BZOJ 3343: 教主的魔法(分块+二分查找) 3343: 教主的魔法 Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 1172  Solved:  ...

  2. VS2010中使用AnkhSvn

    VS2010中使用AnkhSvn   今天想到要在自己的开发环境IDE(Visual Studio 2010)中安装一个代码管理器的插件,本人在使用VS2005的时候一直都是使用AnkhSvn-2.1 ...

  3. PCB javascript解析Gerber274X格式实现方法

    解析钻Gerber274X格式前首先得了解此格式,这样才能更好的解析呀. 一个Gerber274X里面包含的基本信息如下: 1.单位:公式mm,英制inch 2.省零方式:前省零,后省零 3.坐标方式 ...

  4. Rails mysql数据库连接的小坑

    基本上直接clone下来的话,数据库连接必失败.   注意,把用户名密码写在.env文件下

  5. P2085最小函数值（优先队列）

    P2085 最小函数值(minval) 题目描述 有n个函数,分别为F1,F2,...,Fn.定义Fi(x)=Ai*x^2+Bi*x+Ci (x∈N*).给定这些Ai.Bi和Ci,请求出所有函数的所有 ...

  6. async 函数-----------------解决异步操作隧道的亮光

    之前也学过,只是没有学好,公司现在用的都是async函数 , 所以决定把它弄懂.最近看了看阮一峰的博客,做下记录. 异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用 ...

  7. JavaScript--编程练习1

    使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除. 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById( ...

  8. ORA-01075: you are currently logged on

    [root@hear01 ~]# su - oracle[oracle@hear01 ~]$ sqlplus "/as sysdba" SQL*Plus: Release 11.2 ...

  9. 一键生成Spring MVC + MyBatis + maven项目

    首先创建一个新的maven项目,在src/main/java创建一个类Test 然后在Test复制以下代码: import java.io.*; import java.sql.Connection; ...

  10. Leetcode0006--ZigZag Conversion

    [转载请注明]https://www.cnblogs.com/igoslly/p/9017638.html 来看一下题目: The string "PAYPALISHIRING" ...