Django之模板继承
为了在Django模板配置中减少代码的冗余,需使用模板继承
1. 语法
{% block classinfo %}
{% endblock}
2. 步骤
(1)创建一个base.html把需要显示的页面内容写在里面
(2)在title部分写个盒子,以后谁来扩展就在这里面添加相应的内容,即完成title.html
<title>
{% block title %}
{% endblock %}
</title>
(3)创建一个title.html,让title.html继承base.html
{%extends "base.html"%} #必须放在首行
继续添加内容:
{%block title%}blog titles{%endblock%}
(4)也可以分别在base.html或title.html中写好多盒子,方法同上
{%load staticfiles%}
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="X-UA_compatible" content="IE=Edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{%block title%}
{%endblock%}
</title>
<link rel="stylesheet" href="{% static 'css/bootstrap.css'%}">
</head>
<body>
{%include 'header.html'%}
<div class="container">
{%block content%}
{%endblock%}
</div>
{%include 'footer.html'%}
{% block javascritp%}{%endblock%}
</body>
</html>
注意:盒子里面可以又默认的内容,如果又默认的时候你不扩展就走默认的,如果你扩展了,就替换了,如果要实现不替换直接在后面追加的话,可以使用{% block.super%}方法
{% block menu %}
{{ block.super }}
<p>!!!</p> #先继承父类的,后插入数据
{% endblock %}
3. 总结
(1)模板继承围绕两点:继承和扩展,有什么继承什么,扩展的是盒子
(2)模板中设置的盒子越多越好,因为这样你想扩展的时候就扩展,不想扩展的时候就不扩展了
(3)为了更好的可读性,你也可以给你的{% endblock %}标签一个名字,例如:
{% block content %}
...
{% endblock content %}
(4)不能在一个模板中使用多个相同名字的block标签
Django之模板继承的更多相关文章
- Django框架----模板继承和静态文件配置
母板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...
- Django学习:模板继承和配置静态文件
一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...
- Django【第4篇】:Django之模板继承
jango框架之模板继承和静态文件配置 一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.htm ...
- django之模板继承以和模板导入
1,模板继承 一,模板继承 1.在template下面新建一个master.html的文件,当做母版. 2. 母版里需要被替代的部分,以block开始,以endblock结尾 {% block con ...
- Django框架(六) Django之模板继承
模版导入和继承 模版导入 一个页面只能继承一个模板,如何解决了?如何使用多个模板,或者引入其他页面 <% include "a.html" %> 可以引用多次 模板,i ...
- django,模板继承常用标签和规则
一.定义基础模板 在html内容中定义多个block块,block由子模板引用同名block块,来决定是否替换这些部分{% block title %}一些内容,这里可不填{% endblock %} ...
- Django的模板继承
来看一个例子 我们有一个订单的页面和购物车的页面,比如下面的截图,我的购物车的页面和订单的页面只有圆圈中的截图的内容不一样 所以我们的订单的html页面和购物车的html业务的html几乎都是一致的 ...
- django 前端模板继承显示model中使用choices的字段
比如model中的一个class Need class Need(models.Model): """ 任务 """ party_a=mod ...
- django html模板继承 {%block 标记名} {%endblock%}
对于url文件 url(r'^tp1/', views.tp1) 对于views文件,跳转到tp1.html 同时将list列表传到前端 def tp1(request): list = [1, 2, ...
随机推荐
- ocx的容器调试和ie调试
1 容器调试 1.1 F5,选择ActivesX Control Test Containor 1.2 ok--ok,选择工具栏的new control 1.3 在Insert Control内选择你 ...
- Spring 之通过 Java 代码装配 bean
[关于IoC的几点认识] 1.面向接口编程 --> 每层只向上层提供接口 2.inversion of control (IoC) -->参考百度百科 3.DI是IoC的一种实现方式 [ ...
- 【META http-equiv="Content-Type" Content="text/html; Charset=*】意义详解
[META http-equiv="Content-Type" Content="text/html; Charset=*]意义详解 META,网页Html语言里Head ...
- jQuery UI 自定义样式的日历控件
在线演示 本地下载
- Mac & Xcode 技巧
1.Xcode 删除过期的Provisioning Profile文件 解决:Xcode 中所有的Provisioning Profile文件路径,都在 ~/Library/MobileDevice/ ...
- Spring_属性配置细节
XML 代码: <!-- 使用构造器注入属性值的位置和参数的类型!以区分重载的构造器! --> <bean id="car1" class="com.h ...
- redis通过命令批量删除key
需求:想删除 notify_ 开头的所有key redis-cli KEYS "notify_*" | xargs redis-cli DEL 通过 notify_* 来匹配
- spring集成spring mvc 和hibernate详解
1.配置IOC容器 <!-- 配置IOC容器 --> <context-param> <param-name>contextConfigLocation</p ...
- Linux 查看进程基本命令
https://www.cnblogs.com/zwgblog/p/5971455.html https://www.cnblogs.com/lcword/p/6046261.html https:/ ...
- Linux Wget 命令
Linux wget是一个下载文件的工具,它用在命令行下.对于Linux用户是必不可少的工具,尤其对于网络管理员,经常要下载一些软件或从远程服务器恢复备份到本地服务器.如果我们使用虚拟主机,处理这样的 ...