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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c语言列车调度,列车调度

    c语言列车调度,列车调度火车站的列车调度铁轨的结构如下图所示:两端分别是一条入口(Entrance)轨道和一条出口(Exit)轨道,它们之间有N条平行的轨道。每趟列车从入口可以选择任意一条轨道进入,最后从出口离开。在图中有9趟列车,在入口处按照{8,4,2,5,3,9,1,6,7}的顺序排队等待进入(一条轨道可以停放多个火车)。如果要求它们必须按序号递减的顺序从出口离开,则至少需要多少条平行铁轨用于调度?输入格式输入第一…

    2022年7月26日
    7
  • java循环语句_Java中的循环语句

    java循环语句_Java中的循环语句1.1while循环语句while语句也称为条件判断语句.循环方式:利用一个条件来控制是否要反复执行这个语句.语法:1while(条件表达式){2执行语句3}当条件表达式的返回值为真时,执行”{}”中的语句,当执行完”{}”中的语句后,重新判断条件表达式的返回值,直到表达式返回的结果为假时,退出循环.注意:不能在while表达式的括号后面不加”{}”!!…

    2022年7月7日
    15
  • git需要安装吗(git与gitlab的区别)

    git需要安装吗(git与gitlab的区别)git和github的区别及安装1.什么是Git,与Github的关系(1)Git的定义(2)Github是什么(3)Git和Github的关系2.Git的安装(1)Windows系统上的安装(2)Linux系统上的安装(部分,参考[git官网](https://git-scm.com/download/linux”DownloadforLinu…

    2022年4月18日
    326
  • EJB通过ANT提高EJB应用程序的开发效率、无状态发展本地接口bean、开发状态bean「建议收藏」

    EJB通过ANT提高EJB应用程序的开发效率、无状态发展本地接口bean、开发状态bean

    2022年1月17日
    48
  • eclipse 加html注释快捷键

    eclipse 加html注释快捷键1.单行注释:先写下注释,然后光标放到这一行上,接着按下ctrl+shitf+C快捷键,eclipse会自动注释掉这一行。2.多行注释,拖动鼠标选中你要注释的内容,然后再按下ctrl+shitf+c

    2022年6月14日
    63
  • 将menubar加入_java菜单栏工具栏

    将menubar加入_java菜单栏工具栏importjava.awt.*;importjava.awt.event.*;importjavax.swing.*;importjava.util.EventListener;publicclassTestMenuBarextendsFrame/*implementsActionListener*/{MenuBarmenubar=newMenuBar();Menufi…

    2025年7月29日
    1

发表回复

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

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