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


相关推荐

  • Windows命令窗口输入命令报错不是内部或外部命令,也不是可运行的程序 或批处理文件

    Windows命令窗口输入命令报错不是内部或外部命令,也不是可运行的程序 或批处理文件

    2021年6月3日
  • 博科Brocade 300光纤交换机配置zone教程

    博科Brocade 300光纤交换机配置zone教程博科Brocade300光纤交换机配置zone教程光纤交换机作为SAN网络的重要组成部分,在日常应用中非常普遍,本次将以常用的博科交换机介绍基本的配置方法。博科300实物图:环境描述:如上图,四台服务器通过各自的双HBA卡连接至两台博科300光纤交换机,IBMV3700为双控制器,每个控制器再分别与两台光纤交换机相连。完成所有的连线及配置工作后,还需对光纤交…

    2022年5月21日
  • qxdm使用教程_log命令

    qxdm使用教程_log命令(一)、首先保证PC机和手机串口(或并口)之间连接畅通,这个可以从QXDM工具的系统栏看出,如果是MSM6000的项目,系统栏会显示“COMX:SURF6000-ZRF6000”;如果是MSM6025的项目,系统栏会显示“COMX:SURF6025-ZRF6025”。其中X为某个串口,比如COM1,X=1等。(二)、QXDM打开后,先配置好messageview要打印的信息,具体的配置如

    2022年10月2日
  • oracle12.2灵异的ORA-01017: invalid username/password; logon denied[通俗易懂]

    oracle12.2灵异的ORA-01017: invalid username/password; logon denied[通俗易懂]今天研发一台数据库,我需要做个物理备份,出现一个灵异的错oracle@kungpeng-sk-db01[/oracle/product/122/dbs]$sqlplus/assysdbaSQL*Plus:Release12.2.0.1.0ProductiononFriOct1219:11:182018Copyright(c)1982,2016,Orac…

    2022年5月31日
  • 常见积分不等式

    常见积分不等式文章目录①柯西施瓦茨不等式②6.75③3.132④3.133⑤3.134⑥3.142①柯西施瓦茨不等式[∫f(x)∗g(x)dx]2≤∫f2(x)dx⋅∫g2(x)dx[\intf(x)*g(x)dx]^2\leq\intf^2(x)dx\cdot\intg^2(x)dx[∫f(x)∗g(x)dx]2≤∫f2(x)dx⋅∫g2(x)dx这个在张…

    2022年6月3日
  • 进入mariadb_Windows10系统下安装MariaDB 的教程图解[通俗易懂]

    进入mariadb_Windows10系统下安装MariaDB 的教程图解[通俗易懂]截至写这篇博客为止,MariaDB官方的稳定版本为,详情访问官方地址:https://downloads.mariadb.org/安装之前先简单说一下MariaDB:MariaDB由MySQL的创始人麦克尔·维德纽斯主导开发,他早前曾以10亿美元的价格,将自己创建的公司MySQL卖给了SUN,此后,随着SUN被甲骨文收购,MySQL的所有权也落入Oracle的手中。甲骨文公司收购了MySQL后,有…

    2022年6月4日

发表回复

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

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