在繼承的使用上,我們最早接觸的是父類和子類的繼承。不過Flask框架中的繼承要簡單一些,只要有一個原文件,便可以對其進行繼承和修改的操作了。在修改的內(nèi)容方面,可以通過關(guān)鍵字來進行實現(xiàn)。下面我們就Flask中jinja2的繼承的實現(xiàn)先進行理論的介紹,然后帶來實例供大家練習(xí)。
1、說明
Jinja2中最強大的部分是模板繼承。通過模板繼承,我們可以創(chuàng)建一個基本(框架)文件,其他文件可以從中繼承,然后再根據(jù)需要對其進行修改。
在jinja2的框架文件中,使用block關(guān)鍵字表示它包含的內(nèi)容可以被修改。
2、實例
!DOCTYPE html>
html>
head>
{% block head %}
link rel="stylesheet" href="style.css" rel="external nofollow" />
title>{% block title %}{% endblock %} - My Webpage/title>
{% endblock %}
/head>
body>
div id="content">{% block content %}{% endblock %}/div>
div id="footer">
{% block footer %}
script>This is javascript code /script>
{% endblock %}
/div>
/body>
/html>
這里定義了四處 block,即:head,title,content,footer。那怎么進行繼承和變量替換呢?注意看下面的文件
{% extend "base.html" %} # 繼承base.html文件
{% block title %} Dachenzi {% endblock %} # 定制title部分的內(nèi)容
{% block head %}
{
{ super() }} # 用于獲取原有的信息
style type='text/css'>
.important { color: #FFFFFF }
/style>
{% endblock %}
# 其他不修改的原封不同的繼承
實例擴展:
jinja2模板繼承
父親:
!DOCTYPE html>
html>
head>
title>模板繼承/title>
/head>
body>
span>這是基模板/span>
div id="content">{% block content %}{% endblock %}/div>
/body>
/html>
用{% block content %}{% endblock %}包含jinja2的字模板塊;
子:
!DOCTYPE html>
html>
head>
title>模板繼承/title>
/head>
body>
{% extend "jinja2_模板繼承.html"%}
{% block content %}
p class="importtant">我在子模板/p>
/body>
/html>
{% extends "jinja2_模板繼承.html"%}標(biāo)簽是這里的關(guān)鍵,告訴模板引擎這個模板繼承自另外一個模板。該標(biāo)簽必須是子模板的第一個標(biāo)簽,解釋器會自動將父親的內(nèi)容復(fù)制到子模板中!
結(jié)果應(yīng)該是這樣:
!DOCTYPE html>
html>
head>
title>模板繼承/title>
/head>
body>
span>這是基模板/span>
div id="content">
p class="importtant">我在子模板/p>
/div>
/body>
/html>
到此這篇關(guān)于Flask中jinja2的繼承實現(xiàn)方法及實例的文章就介紹到這了,更多相關(guān)Flask中jinja2的繼承如何實現(xiàn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!