Maison >développement back-end >Tutoriel Python >Une introduction au framework Flask de Python
Une introduction au framework Flask de Python
- Joseph Gordon-Levittoriginal
- 2025-02-28 10:23:27493parcourir
Ce tutoriel montre la création d'un simple site Web de deux pages à l'aide de Flask, un cadre Web Python léger. Il se concentre sur le contenu statique pour établir un flux de travail fondamental, facilement extensible pour des applications plus complexes.
Installation du flack
Avant de commencer, installez le ballon. Si vous rencontrez des problèmes, consultez les ressources en ligne ou laissez un commentaire détaillant le problème.
Configuration de VirtualEnv
Nous utiliserons VirtualEnv pour créer un environnement python isolé pour ce projet. Cela empêche les conflits avec d'autres bibliothèques de systèmes.
Vérifiez si VirtualEnv est déjà installé:
<code class="language-bash">$ virtualenv --version</code>
Sinon, installez-le:
<code class="language-bash">$ pip install virtualenv</code>
Créer et activer un environnement virtuel:
<code class="language-bash">$ virtualenv flaskapp $ cd flaskapp $ . bin/activate</code>
Installez maintenant Flask:
<code class="language-bash">pip install Flask</code>
Structure du projet
Organisez votre projet comme suit dans le répertoire flaskapp:
<code>flaskapp/ ├── app/ │ ├── static/ │ │ ├── css/ │ │ ├── img/ │ │ └── js/ │ ├── templates/ │ ├── routes.py │ └── README.md └── ...</code>
Le diagramme ci-dessous illustre le flux d'application:
- Une demande utilisateur (par exemple,
/) atteint le fichierroutes.py. -
routes.pyLocalise le modèle correspondant dans le dossiertemplates. - Le modèle accède aux actifs statiques (images, CSS, javascript) du dossier
static. - Le HTML rendu est renvoyé au navigateur via
routes.py.
Création de la page d'accueil
Pour éviter le chauffeur HTML répétitif, nous utiliserons des modèles Web. Flask utilise le moteur de modèle Jinja2.
Tout d'abord, créez un modèle de mise en page de base:
app / modèles / disposition.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>
Ensuite, créez le modèle de page d'accueil:
App / modèles / 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>
Maintenant, mappez l'URL sur le modèle dans 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>
Ajouter un style CSS à static/css/main.css: (le contenu de main.css reste le même)
exécuter l'application et visiter http://localhost:5000/ affichera la page d'accueil.
ajoutant une page à environ et une navigation
Créons une page "À propos" et ajoutons des liens de navigation.
Créez le modèle "À propos":
app / modèles / about.html
<code class="language-html">{% extends "layout.html" %}
{% block content %}
<h2>About</h2>
<p>This is the About page.</p>
{% endblock %}</code>
Mise à jour routes.py pour inclure la route à propos de la page:
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>
Ajouter des liens de navigation à layout.html: (le contenu reste le même)
Ajouter des styles de navigation à main.css: (le contenu reste le même)
Maintenant, vous pouvez accéder à la page À propos de http://localhost:5000/about.
Conclusion
Ce tutoriel montre une application de balle de base, illustrant un flux de travail évolutif pour créer des applications Web plus complexes. La simplicité et le pouvoir de Flask en font un excellent choix pour divers projets de développement Web.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!