Une introduction au framework Flask de Python-Tutoriel Python-php.cn

Une introduction au framework Flask de Python

Joseph Gordon-Levitt

Libérer： 2025-02-28 10:23:27

original

488 Les gens l'ont consulté

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

$ virtualenv --version

Copier après la connexion

Sinon, installez-le:

$ pip install virtualenv

Copier après la connexion

Créer et activer un environnement virtuel:

$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate

Copier après la connexion

Installez maintenant Flask:

pip install Flask

Copier après la connexion

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>

Copier après la connexion

Le diagramme ci-dessous illustre le flux d'application:

An Introduction to Python’s Flask Framework

Une demande utilisateur (par exemple, /) atteint le fichier routes.py.
routes.py Localise le modèle correspondant dans le dossier templates.
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

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

Copier après la connexion

Ensuite, créez le modèle de page d'accueil:

App / modèles / home.html

{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2>Welcome!</h2>
    <h3>This is the home page.</h3>
  </div>
{% endblock %}

Copier après la connexion

Maintenant, mappez l'URL sur le modèle dans 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)

Copier après la connexion

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

{% extends "layout.html" %}

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

Copier après la connexion

Mise à jour routes.py pour inclure la route à propos de la page:

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)

Copier après la connexion

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!