Flask での Jinja2 テンプレート

FlaskFlaskBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、Flask で Jinja2 テンプレートを使用する方法を学びます。Jinja2 は、Flask アプリケーションで動的な HTML ページを生成できる強力なテンプレート エンジンです。テンプレートは、アプリケーションの表示ロジックとビジネス ロジックを分離するための素晴らしい方法です。

注: コード ファイルは自分で作成し、環境で実行する必要があります。Web 5000 で Flask サービスの状態をプレビューできます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL flask(("Flask")) -.-> flask/DataHandlingGroup(["Data Handling"]) flask(("Flask")) -.-> flask/CoreConceptsGroup(["Core Concepts"]) flask(("Flask")) -.-> flask/DevelopmentToolsGroup(["Development Tools"]) flask/DataHandlingGroup -.-> flask/incoming_request_data("Incoming Request Data") flask/CoreConceptsGroup -.-> flask/application_object("Application Object") flask/CoreConceptsGroup -.-> flask/sessions("Sessions") flask/CoreConceptsGroup -.-> flask/useful_internals("Useful Internals") flask/DevelopmentToolsGroup -.-> flask/blueprint_objects("Blueprint Objects") subgraph Lab Skills flask/incoming_request_data -.-> lab-136107{{"Flask での Jinja2 テンプレート"}} flask/application_object -.-> lab-136107{{"Flask での Jinja2 テンプレート"}} flask/sessions -.-> lab-136107{{"Flask での Jinja2 テンプレート"}} flask/useful_internals -.-> lab-136107{{"Flask での Jinja2 テンプレート"}} flask/blueprint_objects -.-> lab-136107{{"Flask での Jinja2 テンプレート"}} end

Flask と Jinja2 のインストール

始める前に、Python 環境に Flask と Jinja2 がインストールされていることを確認してください。pip を使用してインストールできます。

pip install Flask
pip install Jinja2

Flask アプリケーションの作成

app.py という名前の新しいファイルを作成し、必要なモジュールをインポートします。

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

このコードでは、新しい Flask アプリケーションを作成し、ルート URL ("/") のルートを定義しています。ユーザーがルート URL にアクセスすると、index() 関数が呼び出され、index.html テンプレートがレンダリングされます。

Jinja2 テンプレートの作成

app.py ファイルと同じディレクトリに templates という名前の新しいディレクトリを作成します。templates ディレクトリの中に、index.html という名前の新しいファイルを作成します。このファイルには、テンプレート用の HTML コードが含まれます。

<!doctype html>
<html>
  <head>
    <title>Flask Jinja2 Templates Lab</title>
  </head>
  <body>
    <h1>Welcome to Flask Jinja2 Templates Lab</h1>
    <p>This is a simple Flask application using Jinja2 templates.</p>
  </body>
</html>

このテンプレートでは、見出しと段落がある単純な HTML 構造があります。必要に応じて、テンプレートの内容をカスタマイズできます。

Flask アプリケーションを実行する

app.py ファイルを保存し、次のコマンドを使用して実行します。

python app.py

Web ブラウザを開き、http://localhost:5000 にアクセスします。ブラウザに index.html テンプレートの内容がレンダリングされているはずです。

まとめ

おめでとうございます!あなたは Jinja2 テンプレートを使用した Flask アプリケーションを成功裏に作成しました。テンプレートは、Flask アプリケーションで動的な HTML ページを生成するための強力なツールです。これで、アプリケーションの表示ロジックとビジネスロジックを分離し、より柔軟で保守しやすいコードを作成することができます。