4IIR : Outils de développement - Framework Django Pr. C.

AZROUMAHLI
TP 4 : Premier projet et application Django
DEMONSTRATION 1 :
 Etape 1 : Préparation de l’environnement
 Mise à jour de la version python installer : https://www.python.org/downloads/ et vérifier py -- version
 Installer L’outil pip pour la gestion des paquets python :
 Télécharger PIP get-pip.py:
o curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py
 Installer PIP (exemple : Windows) et vérifier :
o py get-pip.py
o pip help || pip -- version
 Ajouter PIP aux variables d'environnement Windows et revérifier
 Installer la dépendance des environnements virtuelle pipenv :
o Pip install pipenv
 Si cous choisissez de travailler avec VS Code, il est recommandée d’ajouter l’extension ms-python.python.
 Etape 2 : Installation Django
 Créer et accéder à une arborescence vide qui vas servir le rôle de votre espace de travail
o Mkdir nom_projet
o Cd nom_projet
 Installer Django dans un envirenement virtuel à l’aide de la dépendance pipenv
o Pipenv install django
 Etape 3 (partie 1) : Se familiariser avec les différents composants du Framework
 Ouvrir l’espace de travail dans VS Code à l’aide de la commande code .
 Visualiser le contenu des dossiers crée :
✓ Les fichiers binaires dans le dossier bin. Exemple : django-admin
✓ Deux fichiers additionnels : pipfile qui résume les package utiliser par le projet. Exemple : django : *
 Etape 4 : Versionnage des dépendances
 Télécharger et installer Git sur votre machine
 Initialiser le versionnage avec git et les premiers commits
 Vérifiez que vous avez déjà fait les réglages de base de git (user, email, editeur) :
o git config --list
 Sinon, Initialiser les valeurs de user.name, user.email et core.editor :
o git config --global user.name "Alice Torvalds"
o git config --global user.email "alice@linux.org"
o git config --global core.editor vscode,
 Vous pouvez changer l’éditeur de code avec :
o editor = code --wait
 Ajout d’un fichier « .gitignore » qui contient les fichiers ou les dossiers qui doivent échapper au versionnage :
 On se place à la racine du projet, on y ajoute un fichier « .gitignore » contenant :
o Exemple: __pycache__ et local_settings.py
 Initialiser un dépôt git (on ne le change pas d’emplacement une fois qu’il est créé)
o git init
o git add .
 Extraire les dépendances de notre projet avec la sous-commande freeze de pip :
 Pour l’instant nos dépendance sont essentiellement une version spécifique de Django :
o pip freeze > requirements.txt
 Sauvegarder ces dépendances dans le fichier requirements.txt qu’il est bon de versionner :
o git add requirements.txt
o git commit -m "first commit"
 Etape 5 : Activer L’environnement virtuel et création du premier projet Django
 Vérifier que vous êtes dans l’arborescence convenable de votre espace de travail, et activer l’environnement
o Pipenv shell
 Exécuter django-admin pour vérifier les commandes que vous pouvez utiliser
o Django-admin
Page 1 sur 2
 4IIR : Outils de développement - Framework Django Pr. C. AZROUMAHLI
 Démarrer un projet à l’aide de django-admin
o Django-admin startproject projectName .
 Le point ajouter à la fin de l’instruction est pour que le projet se crée dans le répertoire courant
 Cette commande a créé un dossier qui contient le core de notre projet/application
 Ouvrir le répertoire portant le nom du projet :
✓ __init__.py définit que ce dossier un package complet
✓ Settings.py détermine les propriétés de l’application
✓ Urls.py définit les URLs utiliser par l’application
✓ Asgi.py et wsgi.py utiliser pour le déploiement
✓ Manage.py l’équivalent de django-admin
 Exécuter le projet sur le serveur (le numéro de port est optionel)
o Py manage.py runserver port_number
 Modifier.gitignore et ajouter le fichier de la base de données et tous fichier qu’on ne veut pas partager.
 Etape 6 : Utilisation d’un éditeur de texte
 Ouvrir l’espace de travail de votre projet et sélectionner l’interpréteur convenable à votre environnement virtuel
o Exemple : CTRL+P pour modifier l’interpréteur python sur VS Code Windows
 Pour trouver l’emplacement correcte d’un environnement :
o Pipenv --venv
 Etape 7 : Création de la première application de notre projet
 Identifier les applications de notre projet :
 Ouvrir le fichier Settings.py et vérifier la clause de INSTALLED_APPS=[…]
 Créer votre propre application à l’aide de manage.py :
o Py manage.py startapp applicationName
 Identifier la structure du projet crée :
✓ Le dossier migration : pour générer les tables de la base de données
✓ Admin.py : l’architecture (Layout) de l’application
✓ App.py : la configuration de l’application
✓ Models.py : les classe et les méthodes utiliser par l’application pour traiter les données de la BD
✓ Test.py : les arguments des tests à créer
✓ Views : les RequestHanldler qui peut générer des vues (ne contient aucune Template Front End)
 Ajouter l’application au projet :
o INSTALLED_APPS=[ … , ‘applicationName’]
 Etape 8 : La première vue et URL de l’application
 Création d’une vue dans le modèle views.py utilisant une fonction Python :
 Exemple : def hello_world(request):
return HTTPResponse("Hello World") #inclure httpRespose from django.http
 Associer une vue à un URL dans nouveau fichier (généralement nommé urls.py) dans le dossier de l’application :
 Exemple : urlpatterns=[path('hello/',views.hello_world) #from . import views
 Ajouter l’url de l’application a la liste des url du projet dans le fichier urls.py de dossier du projet :
 Exemple : urlpatterns=[path('applicationName/', include('app.urls'))

DESCRIPTIVE DES BESOINS :

L’objectif principale de notre application c’est la gestion de ressources humaines d’une société avec des services divers.
➔ Pour ce TP, on ne se concentre pas sur les éléments de l’application (les modèles) mais plutôt sur la création et la
configuration de cette application.
TRAVAIL A FAIRE :
▪ Tache 1 : Créer et configurer une application Web « RHManagement » à l’aide du Framework Django.
▪ Tache 2 : Configurer et initialiser le répertoire Git de votre application.
▪ Tache 3 : Démarrer et exécuter le projet sur le port 9000
▪ Tache 4 : Créer et configurer la première application « Management » de ce projet
▪ Tache 5 : Créer la première vue « Index » de votre application

Page 2 sur 2