ホームページ > バックエンド開発 > Python チュートリアル > PythonのFlaskフレームワークの紹介

PythonのFlaskフレームワークの紹介

Joseph Gordon-Levitt
リリース: 2025-02-28 10:23:27
オリジナル
485 人が閲覧しました

このチュートリアルは、軽量のPython WebフレームワークであるFlaskを使用して、簡単な2ページのWebサイトを構築することを示しています。 基本的なワークフローを確立するための静的コンテンツに焦点を当てており、より複雑なアプリケーションのために簡単に拡張できます。

フラスコのインストール

開始する前に、フラスコを取り付けます。 問題が発生した場合は、オンラインリソースを参照するか、問題を詳述したコメントを残してください。

virtualenv setup

VirtualEnvを使用して、このプロジェクトに孤立したPython環境を作成します。 これにより、他のシステムライブラリとの競合が防止されます

virtualenvが既にインストールされているかどうかを確認してください:

そうでない場合は、インストール:

$ virtualenv --version
ログイン後にコピー
仮想環境を作成およびアクティブにします:

$ pip install virtualenv
ログイン後にコピー
フラスコをインストールします:

$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate
ログイン後にコピー

プロジェクト構造

pip install Flask
ログイン後にコピー

ディレクトリ内で次のようにプロジェクトを整理します:

以下の図は、アプリケーションの流れを示しています flaskapp

<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>
ログイン後にコピー

ユーザーリクエスト(例:

)がAn Introduction to Python’s Flask Framework ファイルに到達します。

  1. フォルダーに対応するテンプレートを見つけます /テンプレートは、routes.pyフォルダーから静的資産(画像、css、javascript)にアクセスします。
  2. レンダリングされたHTMLは、
  3. routes.py templatesホームページの作成
  4. 繰り返しのHTMLボイラープレートを避けるために、Webテンプレートを使用します。 FlaskはJinja2テンプレートエンジンを使用しています static最初に、ベースレイアウトテンプレートを作成します:
  5. routes.pyapp/templates/layout.html

次に、ホームページのテンプレートを作成します:

app/templates/home.html

さあ、URLをテンプレートにマッピングしてください

<!DOCTYPE html>
<html>
<head>
<title>Flask App</title>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
</head>
<body>
<div class="container">
  <h1 class="logo">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>
</body>
</html>
ログイン後にコピー

app/routes.py

cssスタイリングを
{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2>Welcome!</h2>
    <h3>This is the home page.</h3>
  </div>
{% endblock %}
ログイン後にコピー
:( main.cssのコンテンツは同じままです)

に追加します) routes.pyアプリを実行してアクセス

ホームページが表示されます。

aboutページとナビゲーションを追加

「About」ページを作成し、ナビゲーションリンクを追加しましょう
from flask import Flask, render_template

app = Flask(__name__)

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

if __name__ == '__main__':
  app.run(debug=True)
ログイン後にコピー
「about」テンプレートを作成します:

static/css/main.css

app/templates/about.html

http://localhost:5000/

update

aboutページルートを含めるには:

app/routes.py

ナビゲーションリンクを

:(コンテンツが同じままです)
{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}
ログイン後にコピー
に追加します

ナビゲーションスタイルをroutes.py :(コンテンツが同じままです)

に追加します

ここで、

結論

このチュートリアルは、より複雑なWebアプリケーションを構築するためのスケーラブルなワークフローを示す基本的なフラスコアプリケーションを示しています。 Flaskのシンプルさとパワーにより、さまざまなWeb開発プロジェクトに最適です。

以上がPythonのFlaskフレームワークの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート