このチュートリアルは、軽量のPython WebフレームワークであるFlaskを使用して、簡単な2ページのWebサイトを構築することを示しています。 基本的なワークフローを確立するための静的コンテンツに焦点を当てており、より複雑なアプリケーションのために簡単に拡張できます。
フラスコのインストール
VirtualEnvを使用して、このプロジェクトに孤立したPython環境を作成します。 これにより、他のシステムライブラリとの競合が防止されます
そうでない場合は、インストール:
$ 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>
ユーザーリクエスト(例:
)がファイルに到達します。
/
テンプレートは、routes.py
フォルダーから静的資産(画像、css、javascript)にアクセスします。
routes.py
templates
ホームページの作成static
最初に、ベースレイアウトテンプレートを作成します:routes.py
app/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>
cssスタイリングを
{% extends "layout.html" %} {% block content %} <div class="jumbo"> <h2>Welcome!</h2> <h3>This is the home page.</h3> </div> {% endblock %}
に追加します)
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)
static/css/main.css
http://localhost:5000/
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 サイトの他の関連記事を参照してください。