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

django之母版的继承

时间:2017-01-09 00:04:23      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:ref   block   doctype   导入   body   rip   模板   xtend   html   

模板继承示例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>{% block title %} {% endblock %}</title>
 6     <link rel="stylesheet" href="/static/commons.css" />
 7     <style>
 8         .pg-header{
 9             height: 50px;
10             background-color: seashell;
11             color: green;
12         }
13     </style>
14     {% block css %} {% endblock %}
15 </head>
16 <body>
17     <div class="pg-header">小男孩管理</div>
18     <div>
19         <a>asdf</a>
20         <a id="">asdf</a>
21         <a>asdf</a>
22         <a>asdf</a>
23         <a>asdf</a>
24     </div>
25     <iframe src="/"></iframe>
26 </body>
27 </html>

继承

 1 {% extends ‘master.html‘ %}    #继承master.html,只能继承一个模版
 2 
 3 {% block title %}用户管理{% endblock %}
 4 
 5 {% block content %}
 6     <h1>用户管理</h1>
 7     <ul>
 8         {% for i in u %}
 9             <li>{{ i }}</li>
10         {% endfor %}
11     </ul>
12 
13     {% for i in u %}
14         {% include ‘tag.html‘ %}     #include导入一个模板,可导入多个
15     {% endfor %}
16 
17 {% endblock %}
18 
19 {% block css %}
20     <style>
21         body{
22             background-color: red;
23         }
24     </style>
25 {% endblock %}
26 
27 {% block js %}
28     <script></script>
29 {% endblock %}

 

django之母版的继承

标签:ref   block   doctype   导入   body   rip   模板   xtend   html   

原文地址:http://www.cnblogs.com/liruixin/p/6262968.html

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