Django 模板中 include 标签使用小结
include
标签允许在模板中包含其它的模板的内容。 标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串。 每当在多个模板中出现相同的代码时,就应该考虑是否要使用 {% include %}
来减少重复
1. include 标签的基本用法
假设我们在多个 HTML 模板中都需要用到显示用户自定义的 HTML 片段,显示的方式是一个标题加上需要显示的具体内容。
下面的这个模板文件 html-section.html
就满足了基本的需求,我们可以在不同的 HTML 模板中引入这个子模版。
include
后面可以使用字符串或者变量名来指定模板路径
<div class="section-title">
<span>{{title}}</span>
</div>
<div class="section-content">
<div id="{{section_id}}">{% autoescape off %}{{content | default:''}}{% endautoescape %}</div>
</div>
在各个父模板中就可以使用 include
指令来引入这个子模版。
由于默认情况下子模版可以访问复模版中的变量,子模版可以正常显示指定的 HTML 内容。
{% include 'html-section.html' %}
## 2. include with
如果需要在一个网页多次引入同一个子模版,上面的方式就会出现问题。
因为在子模版中我们指定了变量名称,这个时候我们可以使用 with
关键字给子模版指定变量
{% include 'html-section.html' with title="Summary" content=article_summary section_id="article-summary" %}
{% include 'html-section.html' with title="Article Body" content=article_body section_id="article-body" %}
{% include 'html-section.html' with title="Contact US" content=article_footer section_id="article-contact" %}
### 2.1 使用过滤器修改变量
设想一下这样的场景:一个 HTML 页面中多次引入了一个子模版,其中部分 include
语句需要做一些定制。
比如说在变量后面加入固定的文字。
当然可以通过修改子模版满足任意的定制化需求。但如果仅仅只是变量上的改变, 修改子模版就显得太繁琐。
而 with
关键字可以在不改变子模版的前提下,使用过滤器来修改变量的值
假如我们需要将上面的子模版做以下的修改:
- 使用 content 里面的第一个单词作为标题
- 所有的标题后面添加指定的内容
- 标题的第一个字母要保证大写
在不改变子模版的前提下,我们可以将 include 语句做以下的修改
{% include 'html-section.html' with title=content|truncatewords:1|add:' Section'|capfirst content=article_footer section_id="article-contact" %}
### 2.2 阻止子模版访问除了 `with` 指定的变量
默认情况下子模版可以访问父模板的所有变量,在 Django 中还可以通过使用 only
选项来阻止这个默认行为
{% include "html-section.html" with title="Summary" content=article_summary section_id="article-summary" only %}
## 3. with 标签
另外 Django 还提供了单独的 with
标签来修改或者指定变量的值。
可以单独使用,也可以搭配 include
标签使用。使用方法如下:
<!-- 使用 with 标签指定变量 -->
{% with title="summary" content=article_body|capfirst section_id="article-body" %}
{% include 'html-section.html' %}
{% endwith %}
<!-- 使用 with as -->
{% with content|truncatewords:1|capfirst as title %}
{% include 'html-section.html'%}
{% endwith %}
转载请注明出处: [zf-l](http://www.cnblogs.com/zf-l/p/django-include.html)
Django 模板中 include 标签使用小结的更多相关文章
- 测试开发之Django——No6.Django模板中的标签语言
模板中的标签语言 1.if/else {% if %} 标签检查(evaluate)一个变量,如果这个变量为真(即:变量存在,非空,不是布尔值假),系统会显示在{% if %} 和 {% endi ...
- Django模板中include的标签的使用
在很多网站中,基本上的都会有一个开头和一个结尾,在每一个网页中都会显示.相对于这种的来说,在Django中,最好的方法就是使用include的标签,在每一个模板中都加入这个开头和结尾的标签. 官方文档 ...
- django学习-7.html模板中include标签使用场景
1.前言 假设一个公司A有一个网站B,且网站B有5个不同的页面分别为C1,C2,C3,C4,C5. 那么,我们在打开这5个不同页面后去查看页面的整体内容,会发现每个页面的顶部内容.底部内容都一模一样. ...
- django模板中的extends和include使用方法
一.extends使用方法 首先extends也就是继承,子类继承父类的一些特性.在django模板中通过继承可以减少重复代码. 首先我们建立一个app,名字叫做hello.别忘了在settings. ...
- 在 Django 模板中遍历复杂数据结构的关键是句点字符
在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <h ...
- django模板--条件控制标签
条件控制标签 在django模板中可以通过条件控制标签进行逻辑控制,条件控制标签的语法如下: {% if condition1 %} ... {% elif condition2 %} ... {% ...
- django 模板中定义临时列表
<ul class="num_t clr"> {% for obj in ""|ljust:"10" %} <li> ...
- Django 模板中引用静态资源(js,css等)
Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1. ...
- android中include标签使用详解
android中include标签是为了便于控件的覆用的一个很好解决方案. 但是也有一些需要注意的地方,下面是本人在项目中碰到过的一个问题,做此记录,便于以后查看. include标签用法. ...
随机推荐
- Microsoft Visual Studio调试监视器(MSVSMON.EXE)未能启动
在启动VS2010项目时,遇到如图所示"Microsoft Visual Studio调试监视器(MSVSMON.EXE)未能启动"的问题. 原因是VS2010安装路径(我的是D: ...
- 01.python基础知识_01
一.编译型语言和解释型语言的区别是什么? 1.编译型语言将源程序全部编译成机器码,并把结果保存为二进制文件.运行时,直接使用编译好的文件即可 2.解释型语言只在执行程序时,才一条一条的解释成机器语言给 ...
- 【Python练习1】统计一串字符中英文字母、空格、数字和其他字符的个数
练习思路: 1.输入一串字符 2.筛选出字符中的英文字母并统计 3.筛选出字符中的空格并统计 4.筛选出字符中的数字并统计 5.筛选出字符中的其他字符并统计 代码实现: def msg(s): abc ...
- 2017-2018 ACM-ICPC, NEERC, Southern Subregional Contest, qualification stage (Online Mirror, ACM-ICPC Rules, Teams Preferred)
题目链接:http://codeforces.com/problemset/problem/847/I I. Noise Level time limit per test 5 seconds mem ...
- 计蒜客 2017 NOIP 提高组模拟赛(四)Day1 T2 小X的密室
https://nanti.jisuanke.com/t/17323 小 X 正困在一个密室里,他希望尽快逃出密室. 密室中有 N 个房间,初始时,小 X 在 1号房间,而出口在 N号房间. 密室的每 ...
- 配置zabbix agent向多个server发送数据
1.背景: agent 端:dba-test-hzj02 172.16.59.197 server端:172.16.59.197 ,172.16.59.98 2.方式: 配置多个server,se ...
- Jquery 多选全选/取消 选项卡切换 获取选中的值
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- Spring读书笔记——bean解析
前情回顾 上篇<Spring读书笔记--bean加载>我们从代码角度介绍了有哪些类负责解析XML文件,又是如何一步步从XML格式脱变成我们熟悉的bean的,直到DefaultBeanDef ...
- Collection和Map的默认扩容参数
初始大小:调用无参构造函数时默认的容量 加载因子:超过 (当前容量*加载因子) 时会进行扩容 扩容因子:扩容时增加的容量为 (当前容量*扩容因子) 容器 初始容量 ...
- JAVA基础知识总结:九
二.面向对象特性之继承 1.什么是继承? 如果两个或者两个以上的类具有相同的属性和方法,我们可以抽取一个类出来,在抽取出来的类中声明各个类中公共的部分 被抽取出来的类-------父类,基类,超类 两 ...