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
Sinon, installez-le:
$ pip install virtualenv
Créer et activer un environnement virtuel:
$ virtualenv flaskapp $ cd flaskapp $ . bin/activate
Installez maintenant Flask:
pip install Flask
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
<!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>
Ensuite, créez le modèle de page d'accueil:
App / modèles / 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 %}
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)
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 id="About">About</h2>
<p>This is the About page.</p>
{% endblock %}
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)
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!
Python et temps: tirer le meilleur parti de votre temps d'étudeApr 14, 2025 am 12:02 AMPour maximiser l'efficacité de l'apprentissage de Python dans un temps limité, vous pouvez utiliser les modules DateTime, Time et Schedule de Python. 1. Le module DateTime est utilisé pour enregistrer et planifier le temps d'apprentissage. 2. Le module de temps aide à définir l'étude et le temps de repos. 3. Le module de planification organise automatiquement des tâches d'apprentissage hebdomadaires.
Python: jeux, GUIS, et plusApr 13, 2025 am 12:14 AMPython excelle dans les jeux et le développement de l'interface graphique. 1) Le développement de jeux utilise Pygame, fournissant des fonctions de dessin, audio et d'autres fonctions, qui conviennent à la création de jeux 2D. 2) Le développement de l'interface graphique peut choisir Tkinter ou Pyqt. Tkinter est simple et facile à utiliser, PYQT a des fonctions riches et convient au développement professionnel.
Python vs C: applications et cas d'utilisation comparésApr 12, 2025 am 12:01 AMPython convient à la science des données, au développement Web et aux tâches d'automatisation, tandis que C convient à la programmation système, au développement de jeux et aux systèmes intégrés. Python est connu pour sa simplicité et son écosystème puissant, tandis que C est connu pour ses capacités de contrôle élevées et sous-jacentes.
Le plan Python de 2 heures: une approche réalisteApr 11, 2025 am 12:04 AMVous pouvez apprendre les concepts de programmation de base et les compétences de Python dans les 2 heures. 1. Apprenez les variables et les types de données, 2. Flux de contrôle maître (instructions et boucles conditionnelles), 3. Comprenez la définition et l'utilisation des fonctions, 4. Démarrez rapidement avec la programmation Python via des exemples simples et des extraits de code.
Python: Explorer ses applications principalesApr 10, 2025 am 09:41 AMPython est largement utilisé dans les domaines du développement Web, de la science des données, de l'apprentissage automatique, de l'automatisation et des scripts. 1) Dans le développement Web, les cadres Django et Flask simplifient le processus de développement. 2) Dans les domaines de la science des données et de l'apprentissage automatique, les bibliothèques Numpy, Pandas, Scikit-Learn et Tensorflow fournissent un fort soutien. 3) En termes d'automatisation et de script, Python convient aux tâches telles que les tests automatisés et la gestion du système.
Combien de python pouvez-vous apprendre en 2 heures?Apr 09, 2025 pm 04:33 PMVous pouvez apprendre les bases de Python dans les deux heures. 1. Apprenez les variables et les types de données, 2. Structures de contrôle maître telles que si les instructions et les boucles, 3. Comprenez la définition et l'utilisation des fonctions. Ceux-ci vous aideront à commencer à écrire des programmes Python simples.
Comment enseigner les bases de la programmation novice en informatique dans le projet et les méthodes axées sur les problèmes dans les 10 heures?Apr 02, 2025 am 07:18 AMComment enseigner les bases de la programmation novice en informatique dans les 10 heures? Si vous n'avez que 10 heures pour enseigner à l'informatique novice des connaissances en programmation, que choisissez-vous d'enseigner ...
Comment éviter d'être détecté par le navigateur lors de l'utilisation de Fiddler partout pour la lecture de l'homme au milieu?Apr 02, 2025 am 07:15 AMComment éviter d'être détecté lors de l'utilisation de FiddlereVerywhere pour les lectures d'homme dans le milieu lorsque vous utilisez FiddlereVerywhere ...
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Version crackée d'EditPlus en chinois
Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.
SublimeText3 Linux nouvelle version
Dernière version de SublimeText3 Linux
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
