Django html 模板

当多个页面用到重复的东西，可以把公共部分拿出来做成一个模板

 在base.html 中可以为 block 设置默认值，当页面替换block的时候，base.HTML 的默认值将不会显示，如果不替换， 将显示默认值，要拿到这个默认值可以通过{{ block.super }}

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>t11</title>
      <link rel="stylesheet" href="/static/css/t9.css" type="text/css" />
</head>
<body>

 <div>
     <div class="page-header"> </div>
     <div class="page-body">
         <div class="menu">
             <a href="/ordered">订单</a><br>
             <a href="/shoppingCar">购物车</a>
         </div>
{#      content 这个可以自定义 ， 就相当于一个盒子的name#}
         {% block content %}

         {% endblock %}

     </div>
     <div class="page-footer"></div>
 </div>

</body>

{#<script src="/static/js/index.js"></script>#}
</html>

 

在其他HTML 中可以使用这个模板，同时添加自己的东西

{% extends %} 标签必须是模板中第一个标记

ordered.html

{% extends "base.html" %}

{% block content %}
    <div class="content">
             ordered
         </div>
{% endblock %}

 

shoppingCar.html

{% extends "base.html" %}

{% block content %}
    <div class="content">
             shoppingCar
    </div>
{% endblock %}

　　

 

posted on 2018-07-27 17:08  gaizhongfeng  阅读(216)  评论(0)  编辑  收藏  举报