Django——4 模板标签 模板的继承与引用
Django
模板标签
- 标签在渲染的过程中提供任意的逻辑
- 标签语法: 由%}和 {% 来定义的,例如:{%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 模板标签 模板的继承与引用的更多相关文章
- django自定义过滤器及模板标签
创建一个模板库 不管是写自定义标签还是过滤器,第一件要做的事是创建模板库(Django能够导入的基本结构). 创建一个模板库分两步走: 第一,决定模板库应该放在哪个Django应用下. 如果你通过 m ...
- Django框架(十一):模板介绍、模板语言、模板继承、HTML转义
1. 模板介绍 1.1 模板的功能 产生html,控制页面上展示的内容.模板文件不仅仅是一个html文件. 模板文件包含两部分内容: 静态内容:css.js.html. 动态内容:用于动态去产生一些页 ...
- Django学习系列之模板
什么是django模板 模板是一个文本,用于分离文档的表现形式和内容,模板定义了占位符以及各种用于规范文档该如何显示的各部分基本逻辑(模板标签) 模板通常用于产生HTML 如何使用模板 创建一个Tem ...
- python的Web框架,Django模板标签及模板的继承
模板标签 在传递数据的时候,会有大量的数据展示在浏览器上,而数据会是动态变化的,在html的编写中,数据也是需要动态的,而不能是写死的,如果动态展示呢. 给定的例子数据 views传递数据给html ...
- Django项目中模板标签及模板的继承与引用【网站中快速布置广告】
Django项目中模板标签及模板的继承与引用 常见模板标签 {% static %} {% for x in range(x) %}{% endfor %} 循环的序号{% forloop %} 循环 ...
- Django 04 模板标签(if、for、url、with、autoeacape、模板继承于引用、静态文件加载)
Django 04 模板标签(if.for.url.with.autoeacape.模板继承于引用.静态文件加载) 一.if.for.url.with.autoescape urlpatterns = ...
- Django入门--模板标签、继承与引用
一.模板标签 Django模板引擎提供的可以在模板中进行的各种逻辑操作,是函数调用的一种特殊形式,如循环.判断等功能,期语法规则为: {% tag %} content {% tag 参数1 参数2 ...
- Django(十五)模板详解:模板标签、过滤器、模板注释、模板继承、html转义
一.模板的基础配置及使用 [参考]https://docs.djangoproject.com/zh-hans/3.0/topics/templates/ 作为Web框架,Django提供了模板,用于 ...
- 潭州课堂25班:Ph201805201 django框架 第四课 模板常用标签,模板继承与引用,自定义过渡器 (课堂笔记)
if 语句 判断传入的 name 值 建好这些文件后,对 url 进行配置 在浏览器中访问 for 循环 页面跳转: 通过 name 跳转时要在 urls 文件中为该 path 设置 name 带参 ...
随机推荐
- Codeforces 920F. SUM and REPLACE / bzoj 3211 花神游历各国
题目大意: 一个数列 支持两种操作 1 把区间内的数变成他们自己的约数个数 2 求区间和 思路: 可以想到每个数最终都会变成2或1 然后我们可以线段树 修改的时候记录一下每段有没有全被修改成1或2 是 ...
- codeforces 939F 单调队列优化dp
F. Cutlet time limit per test 4 seconds memory limit per test 256 megabytes input standard input out ...
- Rails 服务器架设失败问题
更新: 2017/09/14 补充了简单的确认号码的方法 A server is already running. Check /Users/...../pids/server.pid. Exitin ...
- knockjs
用VS2012建立Web站点有个新惊喜,默认加了KnockoutJS这个Javascript的MVVM模式的实现库,方便Web前端的开发 官方站点 √主页: http://www.knockoutj ...
- python 学习笔记一 (数据结构和算法)
2018年刚刚过完年,从今天起,做一个认真的技术人.开始进入记笔记阶段. python内置了很多数据结构,list , set,dictionary 1.将序列分解为单独的变量 1.1 通过赋值的方式 ...
- python网络爬虫数据中的三种数据解析方式
一.正则解析 常用正则表达式回顾: 单字符: . : 除换行以外所有字符 [] :[aoe] [a-w] 匹配集合中任意一个字符 \d :数字 [0-9] \D : 非数字 \w :数字.字母.下划线 ...
- python 生成器函数.推导式.生成器表达式
一.生成器 什么是生成器,生成器的实质就是迭代器 在python中有三种方式来获取生成器: 1.通过生成器函数 2.通过各种推导式来实现生成器 3.通过数据的转换也可以获取生成器 1 def func ...
- mysql简单增删改查(CRUD)
先描述一下查看表中所有记录的语句以便查看所做的操作(以下所有语句建议自己敲,不要复制以免出错): user表,字段有 id, name,age,sex:id为主键,自增,插入时可以写 NULL 或者 ...
- JS高级——缓存原理
缓存的原理 1.就是将常用的数据存储起来,提供便利,减少查询次数和所消耗的事件 2.利用作用的原理所产生的数据库:非关系型数据库(内存型数据库) MongoDB.Redis等 3.还有网站静态页面缓存 ...
- html5——盒子模式
box-sizing属性 box-sizing: border-box;/*内减模式*/ box-sizing: content-box;/*外加模式(默认值)*/ box-sizing: paddi ...