Django模板之模板组件(include)

　　可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中的一个小功能块，然后在需要使用的地方，文件的任意位置按如下语法导入即可。

模板组件：

新建一个组件zujian.html文件（一个固定写好的静态页面）

在新的html文件中需要引入的位置加上include标签：{% include "zujian.html" %}

模板组件引用演示：

zujian.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <style>
 6         .c1, .nav {margin: 0 auto;width: 1200px;background-color: #d6d6d6;color: white;}
 7         .navleft {float: left;text-align: left;}
 8         .navright {float: right;}
 9         .fixed:after {content: "";display: block;clear: both;}
10          ul, li {list-style: none;display: inline;margin: 0;padding: 0;}
11     </style>
12     <title>模板组件</title>
13 </head>
14 <body>
15 <div class="c1">
16     <div class="nav fixed">
17         <div class="navleft ">
18             <ul>
19                 <li>古诗</li>
20                 <li>绝句</li>
21                 <li>诗经</li>
22             </ul>
23         </div>
24         <div class="navright">
25             <ul>
26                 <li>登录</li>
27                 <li>注册</li>
28             </ul>
29         </div>
30     </div>
31 </div>
32  
33 </body>
34 </html>

　zujian_demo.html　　

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>模板组件引入演示</title>
 6 </head>
 7 <body>
 8 <div> {% include "zujian.html" %}</div>
 9 <div><h1>模板组件引入演示（include标签可以放在任意位置）</h1></div>
10 <div> {% include "zujian.html" %}</div>
11 </body>
12 </html>

　　views.py

1 def zujian(request):
2     return render(request,"zujian.html")
3 def zujian_demo(request):
4     return render(request,"zujian_demo.html")

　　结果演示：

Django模板之模板组件(include)

模板组件：

模板组件引用演示：

猜你喜欢