検索

このチュートリアルは、軽量の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 id="Flask-App">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 id="Welcome">Welcome!</h2>
    <h3 id="This-is-the-home-page">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 id="About">About</h2>
  <p>This is the About page.</p>
{% endblock %}
に追加します

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

に追加します

ここで、

結論

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

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

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
重複したPython Concatenateリスト重複したPython ConcatenateリストMay 08, 2025 am 12:09 AM

Pythonでは、さまざまな方法でリストを接続して重複要素を管理できます。1)オペレーターを使用するか、すべての重複要素を保持します。 2)セットに変換してから、リストに戻ってすべての重複要素を削除しますが、元の順序は失われます。 3)ループを使用するか、包含をリストしてセットを組み合わせて重複要素を削除し、元の順序を維持します。

Pythonリスト連結パフォーマンス:速度比較Pythonリスト連結パフォーマンス:速度比較May 08, 2025 am 12:09 AM

fasteStMethodDodforListConcatenationinpythOndontsonistize:1)forsmallLists、operatorisefficient.2)forlargerlists、list.extend()orlistcomlethingisfaster、withextend()beingmorememory-efficient bymodifyigniviselistinistin-place。

Pythonリストに要素をどのように挿入しますか?Pythonリストに要素をどのように挿入しますか?May 08, 2025 am 12:07 AM

to insertelementsIntopeaseThonList、useappend()toaddtotheend、insert()foraspificposition、andextend()formultipleElements.1)useappend()foraddingsingleitemstotheend.2)useintert()toaddataspecificindex、cont'slowerforforgelists.3)

Pythonリストは、フードの下に動的な配列またはリンクリストですか?Pythonリストは、フードの下に動的な配列またはリンクリストですか?May 07, 2025 am 12:16 AM

PythonListsareimplementedasdynamicarrays、notlinkedlists.1)they restorediguourmemoryblocks、それはパフォーマンスに影響を与えることに影響を与えます

Pythonリストから要素をどのように削除しますか?Pythonリストから要素をどのように削除しますか?May 07, 2025 am 12:15 AM

pythonoffersfourmainmethodstoremoveelements fromalist:1)removesthefirstoccurrenceofavalue、2)pop(index(index(index)removes regvess returnsaspecifiedindex、3)delstatementremoveselementselementsbyindexorseLice、および4)clear()

スクリプトを実行しようとするときに「許可を拒否された」エラーを取得した場合、何を確認する必要がありますか?スクリプトを実行しようとするときに「許可を拒否された」エラーを取得した場合、何を確認する必要がありますか?May 07, 2025 am 12:12 AM

toresolvea "許可denided" errors whenrunningascript、sofflowthesesteps:1)checkandadaddadaddadadaddaddadadadaddadaddadaddadaddaddaddaddaddadaddadaddaddaddaddadaddaddaddadadaddadaddadaddadadisionsisingmod xmyscript.shtomakeitexexutable.2)

Arrayは、Pythonでの画像処理でどのように使用されていますか?Arrayは、Pythonでの画像処理でどのように使用されていますか?May 07, 2025 am 12:04 AM

ArraySarecrucialinpythonimageprocessing asheyenable efficientmanipulation analysisofimagedata.1)画像anverttonumpyArrays、with grayscaleimagesasas2darraysandcolorimagesas.

リストよりも大幅に高速な配列の操作はどのような種類ですか?リストよりも大幅に高速な配列の操作はどのような種類ですか?May 07, 2025 am 12:01 AM

有意に発生することは、採用中に採用されていることを確認してください

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境