第三十四节使用模板继承优化模板代码重复问题

views.py 代码部分

1 from django.shortcuts import render,HttpResponse,redirect,reverse
2 from datetime import datetime
3 
4 def test_view(request):
5     context = {
6         'today1':datetime.now(),
7     }
8     return render(request, 'test.html', context=context)

父模板内容 base.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <style>
 8     .box1{
 9         width: 500px;
10         height: 300px;
11         background-color: gold;
12         margin: 20px auto;
13     }
14 </style>
15 
16 <body>
17     <div>
18         <ul>
19             <li>首页1</li>
20             <li>首页2</li>
21             <li>首页2</li>
22         </ul>
23     </div>
24     <br>
25     <div class="box1">
26         {% block 'box2' %}
27             {{ today1|my_time }}
28         {% endblock %}
29     </div>
30     <br>
31     <div>
32         <ul>
33             <li>底部1</li>
34             <li>底部2</li>
35             <li>底部2</li>
36         </ul>
37     </div>
38 
39 </body>
40 </html>

子模板部分代码 test.html

1 {% extends 'base.html' %}
2 <!-- extend标签必须放在字模板的第一行 -->
3 {% block 'box2' %}
4     {{ block.super }}
5     <!-- block.super标签可以继承父模板内原有的内容 -->
6     这是子模板内的内容
7 {% endblock %}

pycharm截图

第三十四节 使用模板继承优化模板代码重复问题

第三十四节使用模板继承优化模板代码重复问题