Heim >Backend-Entwicklung >Python-Tutorial >Eine Einführung in Pythons Flask -Framework

Eine Einführung in Pythons Flask -Framework

Joseph Gordon-Levitt
Joseph Gordon-LevittOriginal
2025-02-28 10:23:27486Durchsuche

Dieses Tutorial zeigt, dass das Erstellen einer einfachen zweiseitigen Website mit Flask, einem leichten Python-Web-Framework, erstellt wird. Es konzentriert sich auf statische Inhalte, um einen grundlegenden Workflow zu etablieren, der für komplexere Anwendungen leicht erweitert werden kann.


Flask -Installation

Vor dem Starten den Kolben installieren. Wenn Sie auf Probleme stoßen, konsultieren Sie Online -Ressourcen oder hinterlassen Sie einen Kommentar, in dem das Problem dargelegt wird.

virtualenv setup

Wir werden Virtualenv verwenden, um eine isolierte Python -Umgebung für dieses Projekt zu erstellen. Dies verhindert Konflikte mit anderen Systembibliotheken.

Überprüfen Sie, ob Virtualenv bereits installiert ist:

<code class="language-bash">$ virtualenv --version</code>

Wenn nicht, installieren Sie es:

<code class="language-bash">$ pip install virtualenv</code>

Erstellen und aktivieren Sie eine virtuelle Umgebung:

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

Installieren Sie jetzt den Kolben:

<code class="language-bash">pip install Flask</code>

Projektstruktur

organisieren Sie Ihr Projekt wie folgt im Verzeichnis flaskapp:

<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>

Das folgende Diagramm zeigt den Anwendungsfluss:

An Introduction to Python’s Flask Framework

  1. Eine Benutzeranforderung (z. B. /) erreicht die routes.py Datei.
  2. routes.py lokalisiert die entsprechende Vorlage im Ordner templates.
  3. Die Vorlage greift aus dem Ordner static auf statische Assets (Bilder, CSS, JavaScript) zu.
  4. Die gerenderte HTML wird über routes.py in den Browser zurückgegeben.

Erstellen der Startseite

Um sich wiederholende HTML -Boilerplate zu vermeiden, verwenden wir Webvorlagen. Flask verwendet die Jinja2 -Template -Engine.

Erstellen Sie zunächst eine Basislayout -Vorlage:

app/templates/layout.html

<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>

Erstellen Sie als nächstes die Vorlage der Startseite:

app/templates/home.html

<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>

nun die URL in der Vorlage in routes.py:

zuordnen

app/routes.py

<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>

CSS -Styling zu static/css/main.css hinzufügen: (Inhalt von main.css bleibt gleich)

Ausführen der App und Besuch http://localhost:5000/ zeigt die Startseite an.

Hinzufügen einer Überseite und Navigation

Erstellen wir eine "Über" -Seite und fügen Sie Navigationslinks hinzu.

Erstellen Sie die "About" -Stemplate:

app/templates/über.html

<code class="language-html">{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}</code>

update routes.py, um die Überzeitungsroute über die Seite einzuschließen:

app/routes.py

<code class="language-python">from flask import Flask, render_template

app = Flask(__name__)

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

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

if __name__ == '__main__':
  app.run(debug=True)</code>

Navigationslinks zu layout.html: (Inhalt bleibt gleich)

Fügen Sie Navigationsstile zu main.css: (Inhalt bleibt gleich)

Jetzt können Sie auf die About -Seite bei http://localhost:5000/about zugreifen

Schlussfolgerung

Dieses Tutorial zeigt eine Grundkolbenanwendung, in der ein skalierbarer Workflow zum Erstellen komplexerer Webanwendungen veranschaulicht wird. Flasks Einfachheit und Kraft machen es zu einer ausgezeichneten Wahl für verschiedene Webentwicklungsprojekte.

Das obige ist der detaillierte Inhalt vonEine Einführung in Pythons Flask -Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn