可以將常用的頁面內容如導航條，頁尾信息等組件保存在單獨的文件中的一個小功能塊，然后在需要使用的地方，文件的任意位置按如下語法導入即可。
模板組件：
新建一個組件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")
結果演示：
