Scribd
Importer
211 vues10 pages

TP2 Django

Le document décrit les étapes pour créer une application Django avec des modèles, des vues et des URLs. Il explique comment ajouter des templates HTML, des styles CSS et des images statiques. Il montre également comment créer et mapper des modèles de données à une base de données.

Transféré par

radhia saidane
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
211 vues10 pages

TP2 Django

Le document décrit les étapes pour créer une application Django avec des modèles, des vues et des URLs. Il explique comment ajouter des templates HTML, des styles CSS et des images statiques. Il montre également comment créer et mapper des modèles de données à une base de données.

Transféré par

radhia saidane
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 10

CII-3-GLSI 2021-2022

Django TP N°2 Dr.OMRI Faten

❖ Les Applications

Pour créer une application dans un projet Django, on utilise le fichier manage.py et la
commande startapp suivie du nom de l'application :

Pour que Django reconnaisse votre application, vous devez l'ajouter dans la liste
INSTALLED_APPS contenue dans le fichier settings.py de votre projet. Pour ajouter
l'application, il suffit d'indiquer le nom de l'application sous forme de chaîne de caractères :

❖ Modifier le contenu du fichier views.py :

❖ Les URLs : Créer un fichier python nommé urls.py sous le dossier FirstApp, écrire
ainsi dedans les instructions suivantes :

❖ Modifier ensuite le fichier MyFirstProject/urls.py et lancer le serveur :


❖ Ajouter un dossier nommé templates et un autre sous dossier FirstApp dedans. Créer
un fichier index.html dans le sous dossier FirstApp :
❖ Modifier le contenu du fichier views.py :

Les fichiers statiques


Par défaut Django trouve automatiquement tous les fichiers inclus dans un dossier
nommé static à l'intérieur d'une application :
Créer un dossier intitulé static, dans ce dossier, créer un autre nommé css ou on va ajouter un
fichier style.css
❖ Fichier index.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mon site web</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
<div class="container">

<h2>My First Application based Django</h2>

</div>
</body>
</html>

❖ Fichier style.css

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

html, body {
height: 100%;
margin: 0;
border: 0;
font-family: 'Lato', sans-serif;
}

body {
background-image: url("image.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 2rem;
color: white;
background-color: rgba(0, 0, 0, .5);
}
❖ Lancer le serveur

❖ Créer maintenant 3 pages html (Article1.html, Article2.html et Article3.html)


❖ Remplir chaque fichier html :

❖ Modifier le contenu du fichier index.html


❖ Dans le fichier index.html, créer pour chaque article une fonction qui retourne un page
html

❖ Associer ensuite chaque Article à un url :

❖ Au retour au fichier index.html dans le projet

❖ Ajouter la ligne suivante

❖ Lancer le serveur
❖ Les Modèles :

Dans le fichier models.py déclarer une classe Article avec les attributs de classes nom (de
type chaine de caractère) et qte (de type entier)

Afin de créer les fichiers de migrations qui vont nous permettre de créer les schémas (tables)
dans notre base de donnée, il faut utiliser la commande makemigrations :

Cette commande ne fait que créer les fichiers Python à l'intérieur des dossiers migrations de
nos applications.

Une fois les migrations créées, il faut les appliquer pour créer les tables dans notre base de
données. Pour ça on utilise la commande migrate :

TablePlus propose un outil permettant la gestion des bases de données simplifiée.


Télécharger et installer TablePlus afin de gérer les tables crées et afficher les données
via une interface graphique simple ayant de nombreuses fonctionnalités.

TablePlus

Une fois installlé, assurer la bonne connexion entre la base de données du projet et ce logiciel
Fichier views.py

Fichier index.html
Fichier urls.py

Fichier Article.html

Ajouter un lien dans le fichier FirstApp/Article.html pour retourner vers page


FirstApp/index.html

Vous aimerez peut-être aussi