Heim >Backend-Entwicklung >Python-Tutorial >Eine Einführung in Pythons Flask -Framework
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.
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.
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>
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:
/
) erreicht die routes.py
Datei. routes.py
lokalisiert die entsprechende Vorlage im Ordner templates
. static
auf statische Assets (Bilder, CSS, JavaScript) zu. routes.py
in den Browser zurückgegeben. 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
:
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.
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
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!