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:
$ 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
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:
- Eine Benutzeranforderung (z. B.
/
) erreicht dieroutes.py
Datei. -
routes.py
lokalisiert die entsprechende Vorlage im Ordnertemplates
. - Die Vorlage greift aus dem Ordner
static
auf statische Assets (Bilder, CSS, JavaScript) zu. - 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
<!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>
Erstellen Sie als nächstes die Vorlage der Startseite:
app/templates/home.html
{% 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 %}
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.
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
{% extends "layout.html" %} {% block content %} <h2 id="About">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
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!

PythonusesahybridmodelofCompilation und Interpretation: 1) thepythonInterPreterCompilessourceCodeIntoplatform-unintenpendentBytecode.2) Thepythonvirtualmachine (PVM) ThenexexexexecthisByTeCode, BalancingeAnsewusewithperformance.

Pythonisbothinterpreted und kompiliert.1) ItscompiledToByteCodeForPortabilityAcrossplatform.2) thytecodeTheninterpreted, und das ErlaubnisfordyNamictyPingandRapidDevelopment zulässt, obwohl es sich

ForloopsaridealWenyouKnowtHenumberofofiterationssinadvance, während whileloopsarebetterForsituationswhereyouneedtoloopuntilaconditionismet.forloopsaremoreffictionAndable, geeigneter Verfaserungsverlust, whereaswiloopsofofermorcontrolanduseusefulfulf

Forloopsareusedwhenthenumberofiterationsisknowninadvance,whilewhileloopsareusedwhentheiterationsdependonacondition.1)Forloopsareidealforiteratingoversequenceslikelistsorarrays.2)Whileloopsaresuitableforscenarioswheretheloopcontinuesuntilaspecificcond

Pythonisnotpurelyinterpretiert; itusesahybridapproachofByteCodecompilation undruntimeinterpretation.1) PythoncompilessourcecodeIntoBytecode, die ISthenexecutBythepythonvirtualmachine (Pvm)

ToconcatenatelistsinpythonWithThesameElements, Verwendung: 1) Die Operatortokeepduplikate, 2) asettoremoveduplicate, or3) listenConpRectionforControloverDuplikate, EvermethodhasDifferentPerformanceInDormplocate.

PythonisaninterpretedLuage, OfferingaseofuseandflexibilitätsbutfacingPerformancelimitationsincriticalApplications.1) InterpretedLanguages LikePythonexecutine-by-Line, ermöglicht, dassmediateFeedbackandrapidPrototyping.2) CompiledLanguagesslikec/C.5.

Useforloopswhenthenumberofofiterationssisknowninadvance und wileloopswhenCiterationsDependonacondition.1) Forloopsardealforsequencelistorranges.2) Während


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

SecLists
SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
