1. 程式人生 > >Flask block繼承和include包含

Flask block繼承和include包含

繼承(Block)的本質是程式碼替換,繼承我認為就是把完整的html檔案繼承到一個不完整的html檔案裡。

被繼承html檔案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"
> <title>主模板</title> </head> <body> {# 模板繼承使用block關鍵字 #} {% block top %} 這裡是導航欄 {% endblock top %} {% block content %} 需要被繼承的內容,在這裡填充 {% endblock content %} </body> </html>

 

繼承html檔案:

{# 繼承模板使用extends關鍵字 #}
{% extends "day3_base.html" %}
{% block content %}
123123456789
{% endblock content %}

 

 

包含(include)是直接將目標模板檔案整個渲染出來,包含就是和繼承相反。

等待被包含的html檔案:

<!-- 頭部檔案,只定義區域性內容-->

<div>
    這裡是頭部,可以被包含的
</div>

呼叫等待被包含的檔案:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"
> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>模板包含學習</title> </head> <body> <!--使用include關鍵字,來包含之前定義好的模板--> {% include 'day3_top.html' %} <div> <div>{{contect}}</div> 身體 </div> </body> </html>