可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中的一个小功能块，然后在需要使用的地方，文件的任意位置按如下语法导入即可。
模板组件：
新建一个组件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")
结果演示：
