码迷,mamicode.com
首页 > 其他好文 > 详细

extend模板继承

时间:2017-10-19 15:05:45      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:引号   加载   它的   log   内容   代码   char   span   pre   

模板继承作用是减少大量重复的页面

将主页面复制一份更名base,名字可以随变取

将主页面公共部分保留下来,非公告部分删除

 

技术分享

 

继承的命令用{% block content %}  content 这个名可以随自己取

extend模板继承

------include 模板标签

在讲解了模板加载机制之后,我们再介绍一个利用该机制的内建模板标签: {% include %} 。该标签允许在(模板中)包含其它的模板的内容。 标签的参数是所要包含的模板名称,可以是一个变量,也可以是用单/双引号硬编码的字符串。 每当在多个模板中出现相同的代码时,就应该考虑是否要使用 {% include %} 来减少重复。

------extend(继承)模板标签

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .page-header{
            height: 50px;
            background-color: rebeccapurple;
        }
        .page-body .menu{
            height:400px;
            background-color: antiquewhite;
            float: left;
            width: 20%;
        }
        .page-body .content{
            height: 400px;
            background-color: cornflowerblue;
            float: left;
            width: 80%;
        }
        .page-footer{
            background-color: darkblue;
            height:30px;
            clear: both;
        }

    </style>
</head>
<body>
<div class="page-header"></div>
<div class="page-body">
    <div class="menu">
        <a href="/ordered/">订单</a> <br>
        <a href="/shopping_car/">购物车</a>
    </div>
    {% block content %}

    {% endblock %}
</div>
<div class="page-footer"></div>

</body>
</html>

重复代码模板

{% extends base.html %}   #这里要载入继承模板的html
{%block content  %}   这里和base模板名字要一致
<div class="content"> 我是内容 </div> {% endblock %}

 

extend模板继承

标签:引号   加载   它的   log   内容   代码   char   span   pre   

原文地址:http://www.cnblogs.com/Mjonj/p/7692166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!