[解決済み] Jinja2テンプレートにHTMLファイルをインクルードするには?
2023-01-07 01:35:23
質問
私はJinjaテンプレートを使用するサーバーにFlaskマイクロフレームワークを使用しています。
私は、親
template.html
という名前の子テンプレートがあります。
child1.html
と
child2.html
これらの子テンプレートはかなり大きなHTMLファイルであるため、私の作業をより明確にするために、どうにかして分割したいと思います。
私の
main.py
スクリプトの内容です。
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/')
@app.route('/<task>')
def home(task=''):
return render_template('child1.html', task=task)
app.run()
簡略化された
template.html
:
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="container">
{% block content %}{% endblock %}
</div>
</body>
</html>
マジックは
child1.html
:
{% extends 'template.html' %}
{% block content %}
{% if task == 'content1' %}
<!-- include content1.html -->
{% endif %}
{% if task == 'content2' %}
<!-- include content2.html -->
{% endif %}
{% endblock %}
コメントの代わりに
<!-- include content1.html -->
私は多くのhtmlテキストを持っており、変更を追跡するのは非常に困難であり、いくつかのミスを犯さないようにすることは、その後見つけて修正するのはかなり困難です。
を読み込むだけでいいのですが
content1.html
で全部書くのではなく
child1.html
.
私が出会ったのは この質問 を見つけましたが、それを実装するのに問題がありました。
Jinja2にはもっと良いツールがあるかもしれませんね。
NOTEです。 上記のコードは正しく動作しないかもしれません。問題を説明するために書いただけです。
どのように解決するのですか?
jinja2 を使用する。
{% include %}
ディレクティブを使用します。
{% extends 'template.html' %}
{% block content %}
{% if task == 'content1' %}
{% include 'content1.html' %}
{% endif %}
{% if task == 'content2' %}
{% include 'content2.html' %}
{% endif %}
{% endblock %}
これは、正しいcontent-fileからコンテンツを含めます。
関連
-
[解決済み] プログラムの実行やシステムコマンドの呼び出しはどのように行うのですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] Pythonでファイルやフォルダを削除する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】ネストされたディレクトリを安全に作成するには?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】2つの辞書を1つの式でマージする(辞書の和をとる)には?)
-
[解決済み] あるメソッドが複数の引数のうち1つの引数で呼び出されたことを保証する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTML ファイルに別の HTML ファイルをインクルードする
-
[解決済み] バブルソートの宿題
-
[解決済み] django.db.migrations.exceptions.InconsistentMigrationHistory
-
[解決済み] データフレームをソートした後にインデックスを更新する
-
[解決済み] 古いバージョンのPythonにおける辞書のキーの並び順
-
[解決済み] SQLAlchemy - テーブルのリストを取得する
-
[解決済み] 異なる順序で同じ要素を持つ2つのJSONオブジェクトを等しく比較するには?
-
[解決済み] CSVデータを処理する際、1行目のデータを無視する方法を教えてください。
-
[解決済み] Python Empty Generator 関数
-
[解決済み] 単純な文字列からtimedeltaオブジェクトを作成する方法