Django模板之模板组件(include)

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

模板组件：

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

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

模板组件引用演示：

zujian.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <style>

         .c1, .nav {margin: 0 auto;width: 1200px;background-color: #d6d6d6;color: white;}

         .navleft {float: left;text-align: left;}

         .navright {float: right;}

         .fixed:after {content: "";display: block;clear: both;}

          ul, li {list-style: none;display: inline;margin: 0;padding: 0;}

     </style>

     <title>模板组件</title>

 </head>

 <body>

 <div class="c1">

     <div class="nav fixed">

         <div class="navleft ">

             <ul>

                 <li>古诗</li>

                 <li>绝句</li>

                 <li>诗经</li>

             </ul>

         </div>

         <div class="navright">

             <ul>

                 <li>登录</li>

                 <li>注册</li>

             </ul>

         </div>

     </div>

 </div>

 </body>

 </html>

　zujian_demo.html　　

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>模板组件引入演示</title>

 </head>

 <body>

 <div> {% include "zujian.html" %}</div>

 <div><h1>模板组件引入演示（include标签可以放在任意位置）</h1></div>

 <div> {% include "zujian.html" %}</div>

 </body>

 </html>

　　views.py

 def zujian(request):

     return render(request,"zujian.html")

 def zujian_demo(request):

     return render(request,"zujian_demo.html")

　　结果演示：

巴特西

Django模板之模板组件(include)

模板组件：

模板组件引用演示：

最新文章

热门文章