WebフレームワークFlaskで共通テンプレートを作る
【開発環境】
OS：Win10（64ビット）
言語：Python3.8.5（64bit）
コード エディター：VSCode
Webフレームワーク：Flask
【共通テンプレート】
Flaskでは基盤になるHTMLを準備して、そのファイルを他のHTMLに継承させることができる。
クラスの継承と同じだよ。
1）基盤になるテンプレートを作る
templateフォルダの下に基盤になるテンプレートのbase.htmlファイルを作る
コード
＜!DOCTYPE html＞
＜html lang="ja"＞
＜head＞
＜meta charset="UTF-8"＞
＜meta name="viewport" content="width=device-width, initial-scale=1.0"＞
＜title＞Document＜/title＞
{% block head %}{% endblock %}
＜/head＞
＜body＞
{% block body %}{% endblock %}
＜/body＞
＜/html＞
2）index.htmlを書き換える
コード
{% extends 'base.html' %}
{% block body %}
＜h1＞共通テンプレートだよ。＜/h1＞
{% endblock %}
変更箇所
<head>部分に、{% block head %}{% endblock %}が増えた
<body>部分に、{% block body %}{% endblock %}が増えた
を削除した
実行してブラウザで見てみる
※コメント投稿者のブログIDはブログ作成者のみに通知されます