快捷導(dǎo)航

Flask中jinja2的繼承實(shí)現(xiàn)方法及實(shí)例

更新時(shí)間：2021年03月03日 14:45:26 作者：小妮淺淺

在本篇文章里小編給大家分享的是一篇關(guān)于Flask中jinja2的繼承實(shí)現(xiàn)方法及實(shí)例，有興趣的朋友們可以學(xué)習(xí)下。

在繼承的使用上，我們最早接觸的是父類和子類的繼承。不過(guò)Flask框架中的繼承要簡(jiǎn)單一些，只要有一個(gè)原文件，便可以對(duì)其進(jìn)行繼承和修改的操作了。在修改的內(nèi)容方面，可以通過(guò)關(guān)鍵字來(lái)進(jìn)行實(shí)現(xiàn)。下面我們就Flask中jinja2的繼承的實(shí)現(xiàn)先進(jìn)行理論的介紹，然后帶來(lái)實(shí)例供大家練習(xí)。

1、說(shuō)明

Jinja2中最強(qiáng)大的部分是模板繼承。通過(guò)模板繼承，我們可以創(chuàng)建一個(gè)基本(框架)文件，其他文件可以從中繼承，然后再根據(jù)需要對(duì)其進(jìn)行修改。

在jinja2的框架文件中，使用block關(guān)鍵字表示它包含的內(nèi)容可以被修改。

2、實(shí)例

<!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。那怎么進(jìn)行繼承和變量替換呢？注意看下面的文件

{% extend "base.html" %}    # 繼承base.html文件
{% block title %} Dachenzi {% endblock %}  # 定制title部分的內(nèi)容
{% block head %}
{
{ super() }}    # 用于獲取原有的信息
<style type='text/css'>
.important { color: #FFFFFF }
</style>
{% endblock %}  
# 其他不修改的原封不同的繼承

實(shí)例擴(kuò)展：

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)鍵，告訴模板引擎這個(gè)模板繼承自另外一個(gè)模板。該標(biāo)簽必須是子模板的第一個(gè)標(biāo)簽，解釋器會(huì)自動(dòng)將父親的內(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的繼承實(shí)現(xiàn)方法及實(shí)例的文章就介紹到這了,更多相關(guān)Flask中jinja2的繼承如何實(shí)現(xiàn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: