Flask で Jinja2 テンプレートをマスターする

はじめに

この実験では、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 ページを生成するための強力なツールです。これで、アプリケーションの表示ロジックとビジネスロジックを分離し、より柔軟で保守しやすいコードを作成することができます。