Flask block繼承和include包含
阿新 • • 發佈:2018-12-24
繼承(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>