Django之模板继承

为了在Django模板配置中减少代码的冗余,需使用模板继承1.语法2.步骤(1)创建一个base.html把需要显示的页面内容写在里面(2)在title部分写个盒子,以后谁来扩展就在这里面

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

  为了在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标签

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120066.html原文链接:https://javaforall.net

(0)
上一篇 2021年12月29日 下午5:00
下一篇 2021年12月29日 下午5:00


相关推荐

  • SSH config 文件的作用

    SSH config 文件的作用此内容为原创转载请添加必要说明 谢谢 今天趁着白雪皑皑覆青山的美景 我简单写一下 Linux 中 SSHconfig 文件的使用 首先我们得知道什么是 SSH 通俗讲服务器与客户端的安全通信协议 具体安装有客户端和服务端两种 具体安装方式 我在此不再累赘 对于安装好 SSH 服务之后如何通过 config 这里我们使用 Xshell 实现多台 linux 服务器管理 这里我来一一阐述 如下是 Xshell 客户端

    2026年3月17日
    2
  • Typora 开始收费, 不妨试试这个开源免费的MD编辑器[通俗易懂]

    Typora 开始收费, 不妨试试这个开源免费的MD编辑器[通俗易懂]相信大家很多人都已经知道了,最好用最受欢迎的markdown编辑器-Typora,从1.0.0版本已经开始收费,根据其官网的介绍,收费方式为买断制,也就是一次付费永久…

    2025年11月27日
    4
  • 数据结构 哈希表设计

    实验6哈希表设计一、实验目的熟练掌握哈希表的构造方法,深刻理解哈希表与其他结构表的实质性差别。 二、实验内容程序的功能是对一批关键字集合采用除留余数法和线性探测再散列的方法解决冲突来建立相应的哈希表和完成查找过程及平均查找长度的计算。【问题描述】    研究哈希(HAXI)表查找技术的两个重要问题是:构造HAXI函数和处理冲突。现在要求针对某个数据集合中的关键字设

    2022年4月9日
    56
  • python基础-内置函数详解[通俗易懂]

    python基础-内置函数详解[通俗易懂]一、内置函数(python3.x)内置参数详解官方文档:https://docs.python.org/3/library/functions.html?highlight=built#ascii

    2022年7月5日
    25
  • 【问题记录】idea全局搜索快捷键失效问题

    【问题记录】idea全局搜索快捷键失效问题idea 全局搜索快捷键失效问题

    2026年3月26日
    2
  • Make 命令零基础教程

    Make 命令零基础教程转载自 https mp weixin com s Wf01rO3HXT5A 命令零基础教程 Linux 公社 2018 09 30 代码变成可执行文件 叫做编译 compile 先编译这个 还是先编译那个 即编译的安排 叫做构建 build Make 是最常用的构建工具 诞生于 1977 年 主要用于 C 语言的项目 但是实际上 任何只要某个文件有变化 就要重新构建的项目 都可以用 Make 构建 本文介绍 Make 命令的用法 从简单的讲起 不需要任何

    2025年10月19日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号