标签：bsp nav lang name ini div UI set 信息
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> {% block page-css %} {% endblock %} </head> <body> <h1>这是母板的标题</h1> {% block page-main %} {% endblock %} <h1>母板底部内容</h1> {% block page-js %} {% endblock %} </body> </html>
注意：我们通常会在母板中定义页面专用的CSS块和JS块，方便子页面替换。
在子页面中在页面最上方使用下面的语法来继承母板。
{% extends ‘layouts.html‘ %}
通过在母板中使用{% block xxx %}来定义"块"。
在子页面中通过定义母板中的block名来对应替换母板中相应的内容。
{% block page-main %}
<p>世情薄</p>
<p>人情恶</p>
<p>雨送黄昏花易落</p>
{% endblock %}
可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。
{% include ‘navbar.html‘ %}
未完待续...
标签：bsp nav lang name ini div UI set 信息
原文地址：http://www.cnblogs.com/liwenzhou/p/7931828.html
