1 {% extends "base.html" %} 2 3 钩子:{% block title %} 4 xxx 5 {% endblock %} 6 钩子:{% block title %} 7 xxx 8 {% endblock title %} 9 10 钩子:{% block title %} 11 {{ block.super }} #显示模板内容 12 xxx 13 {% endblock title %}
可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方,文件的任意位置按如下语法导入即可。
{% include 'navbar.html' %}
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .c1{ 8 background-color: red; 9 height: 40px; 10 } 11 </style> 12 </head> 13 <body> 14 15 <div class="c1"> 16 <div> 17 <a href="">xx</a> 18 <a href="">dd</a> 19 </div> 20 </div> 21 22 </body> 23 </html>
组件是提供某一完整功能的模块,如:编辑器组件,QQ空间提供的关注组件 等。 而插件更倾向封闭某一功能方法的函数。 这两者的区别在 Javascript 里区别很小,组件这个名词用得不多,一般统称插件。