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:
$ virtualenv --version
Wenn nicht, installieren Sie es:
$ pip install virtualenv
Erstellen und aktivieren Sie eine virtuelle Umgebung:
$ virtualenv flaskapp $ cd flaskapp $ . bin/activate
Installieren Sie jetzt den Kolben:
pip install Flask
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
<!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>Erstellen Sie als nächstes die Vorlage der Startseite:
app/templates/home.html
{% extends "layout.html" %}
{% block content %}
<div class="jumbo">
<h2>Welcome!</h2>
<h3>This is the home page.</h3>
</div>
{% endblock %} nun die URL in der Vorlage in routes.py:
app/routes.py
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) 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
{% extends "layout.html" %}
{% block content %}
<h2>About</h2>
<p>This is the About page.</p>
{% endblock %} update routes.py, um die Überzeitungsroute über die Seite einzuschließen:
app/routes.py
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) 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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
