検索

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

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

Joseph Gordon-Levitt
Joseph Gordon-Levittオリジナル
2025-02-28 10:23:27486ブラウズ

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

フラスコのインストール

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

virtualenv setup

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

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

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

<code class="language-bash">$ virtualenv --version</code>
仮想環境を作成およびアクティブにします：

<code class="language-bash">$ pip install virtualenv</code>
フラスコをインストールします：

<code class="language-bash">$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate</code>

プロジェクト構造

<code class="language-bash">pip install Flask</code>
ディレクトリ内で次のようにプロジェクトを整理します：

以下の図は、アプリケーションの流れを示しています 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は、
  2. 。 routes.py templatesホームページの作成
  3. 繰り返しのHTMLボイラープレートを避けるために、Webテンプレートを使用します。 FlaskはJinja2テンプレートエンジンを使用しています static最初に、ベースレイアウトテンプレートを作成します：
  4. routes.pyapp/templates/layout.html

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

app/templates/home.html

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

：
<code class="language-html"><!DOCTYPE html>


<title>Flask App</title>
<link href="%7B%7B%20url_for('static',%20filename='css/main.css')%20%7D%7D" rel="stylesheet">


<div class="container">
  <h1 class="logo">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>

</code>

app/routes.py

cssスタイリングを
<code class="language-html">{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2>Welcome!</h2>
    <h3>This is the home page.</h3>
  </div>
{% endblock %}</code>
：（ main.cssのコンテンツは同じままです）

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

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

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

「About」ページを作成し、ナビゲーションリンクを追加しましょう 
<code class="language-python">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)</code>
「about」テンプレートを作成します：

static/css/main.css

app/templates/about.html

http://localhost:5000/

update

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

app/routes.py

ナビゲーションリンクを

：（コンテンツが同じままです）
<code class="language-html">{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}</code>
に追加します

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

に追加します

ここで、

結論

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

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

Python JavaScript flask css html virtualenv Static if for include Directory using map this display http Access Other
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：フラスコへのイントロ：連絡先ページの追加次の記事：フラスコへのイントロ：連絡先ページの追加

関連記事

続きを見る