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. git的基本操作流程

    1.git clone 初始会有默认的master分支,并且master和origin/master自动建立了映射关系 2. git checkout -b local    创建并且切换到local ...

  2. hadoop hbase 快速启动 关闭 配置：

    vim ~/.bashrcexport JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64   //JDK安装路径export HADOOP_HOME=/usr/l ...

  3. 一款超好用的第三方评论插件--Gitalk

    一,使用Gitalk的背景: 1.最近在做一个基于Java的个人博客系统,已经基本完工了,突然发现怎么没有评论的操作,如果再从头开始从数据库开始写的话,花费的代价有点大,于是乎我就在网上寻找一款适合我 ...

  4. 如何自学编程，零基础适合学习Java或者Web前端吗，非科班的能学java吗？

    很多人都会选择自学Java或者前端,相信有在校的大学生,有正在上班想转行的,也有已经在自学的.下面通过几个问题我来给大家分析学习编程的难易程度. 编程是什么? 通俗的理解,编程就是编写程序,哪什么是程 ...

  5. Vue中nextTick()解析

    最近,在开发的时候遇到一个问题,让我对vue中nextTick()的用法加深了了解- 下面是在组件中引用的一个拖拽的组件: <vue-draggable-resizable class=&quo ...

  6. JavaScript--编程

    第一步:把注释语句注释. 第二步:编写代码,在页面中显示 “系好安全带,准备启航--目标JS”文字: 第三步:编写代码,在页面中弹出提示框“准备好了,起航吧!” 提示: 可以把弹框方法写在函数里. 第 ...

  7. Educational Codeforces Round 24 题解

    A: 考你会不会除法 //By SiriusRen #include <bits/stdc++.h> using namespace std; #define int long long ...

  8. EF--ModelFirst

    EF框架有三种基本的方式:DB First,Model First,Code First.这里简单的说一下Model First,适合没有基础的同学照着做,学习基础的东西. 1.建立一个类库项目,这个 ...

  9. linux命令(001) -- chkconfig

    一.准备知识 在说明chkconfig命令的用途之前,有必要先了解一下Linux系统中/etc/rc[0-6].d目录的用途. 众所周知,在Linux系统定义了7种不同的启动级别,这7种启动级别的含义 ...

  10. reactnative(1) - RefreshControl 使用案例

    'use strict'; import React, { Component } from 'react'; import { AppRegistry, ScrollView, StyleSheet ...