Django でインクルードタグを使用する

Salman Mehmood 2022年6月21日
Django でインクルードタグを使用する

このチュートリアルは、Django の個々の HTML ファイル内で include タグを使用する方法をすばやく簡単に教えることを目的としています。

Django の include タグを使用して、HTML ファイル内に外部ファイルをインポートする

Django のドキュメントには、使用できるさまざまな組み込みのテンプレートタグがあります。また、extends タグはテンプレートの継承の一部です。

include タグもテンプレート継承の一部です。include タグは、冗長なコードを回避するためのよりスマートな方法をもたらし、小さなコードに外部ファイルを追加するのに役立ちます。

たとえば、navbar を備えたホームページがあり、Web サイト全体に複数のページを統合する場合、異なるページに追加する必要があります。ただし、すべてのページに個別にナビゲーションバーを追加するのは時間のかかるプロセスです。

その場合、navbar を個別に追加することはありません。base.html ファイルと navbar.html ファイルを作成し、これらのファイルに navbar スクリプトを記述してから、include タグを使用して置き換えたい場所で使用できるようにする必要があります。

ドキュメントによると、include タグは現在のコンテキストでテンプレートをロードしてレンダリングします。これは、テンプレート内に他のテンプレートを含める方法です。

次に、include タグを使用する navbar.html ファイルを使用して新しい HTML ファイルを作成します。このタグは HTML の body タグで使用する必要があり、HTML コード内で jinja テンプレートを使用する必要があります。

Jinja テンプレートは、変数をインポートし、HTML ファイル内に継承を適用​​するのに役立ちます。include タグには中括弧を開いたり閉じたりする必要があることがわかります。その周りに include タグを書き込み、1つのスペースの後に、置き換える必要のあるファイル名を書き込みます。

Django テンプレートに例を含める

サーバーを実行すると、別のページにナビゲーションバーがあることがわかります。

Django テンプレートには出力が含まれます

include タグを使用して、Django プロジェクトに外部 HTML ファイルを含めることがいかに簡単であるかを学びました。詳細については、こちらから入手できます。

Salman Mehmood avatar Salman Mehmood avatar

Hello! I am Salman Bin Mehmood(Baum), a software developer and I help organizations, address complex problems. My expertise lies within back-end, data science and machine learning. I am a lifelong learner, currently working on metaverse, and enrolled in a course building an AI application with python. I love solving problems and developing bug-free software for people. I write content related to python and hot Technologies.

LinkedIn

関連記事 - Django Template