Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 3 Guests, 4 Bots

     

    1. Création du projet
    2. Création du modèle
    3. Création du contrôleur
    4. Définition des routes et des views
    5. Configuration du Bootstrap avec laravel 8
    6. Création et affichage des données

     

     

    Nous souhaitons maintenant créer un système de gestion des étudiants sous forme d'une CRUD application avec Laravel 8.

    1 Création du projet & configuration de la base de données

    1.1 pour commencer créer un nouveau projet Laravel 8:

    1.2 Configurer ensuite la base de donnée mysql au niveau du fichier .env





    1.3 Créer ensuite la base de donnée manageSchool au niveau de phpMyAdmin.

    1.4 Effectuer ensuite la migration

    La migration s'effectue à l'aide de la commande:

    A ce moment là, Laravel vous crée automatiquement 4 tables mysql:

    2 Création du modèle Student

    Afin de pouvoir gérer les étudiant via un système de CRUD, nous devons créer un modèle Students:

    A ce niveau là, Laravel vous crée automatiquement les deux fichiers:

    1. app/Models/Students.php
    2. database/migrations/create_students_table.php

    Ajouter ensuite les attributs nécessaires à la gestion des étudiants au modèle Students:
    database/migrations/create_students_table.php

    3 Création du contrôleur

    Afin que notre application soit un système de CRUD valide, il faut qu'elle soit dotée d'un contrôleur. Laravel 8 crée le contrôleur automatiquement à l'aide de la commande make:controller et si on veut créer les méthodes au sein du contrôleur on ajoute à la fin de la commande: --resource:

    Cela crée automatiquement le fichier app/Http/Conrollers/StudentsController.php qui contient une classe nommée StudentsController.
    La commande –resources qui a été ajoutée à la fin de la commande, avait pour rôle la création de 7 méthodes au sein de la classe StudentsController:

    1. index(): utilisée pour afficher la liste des étudiants.
    2. create(): affichera le formulaire ou la vue pour créer un étudiant.
    3. store(): utilisée pour insérer un étudiant dans la base de données. (Remarque: la méthode create submit les données du formulaire à la méthode store()).
    4. show(): affichera un étudiant spécifié.
    5. edit(): affichera le formulaire pour éditer un étudiant. Le formulaire sera rempli avec les données de l'étudiant existant).
    6. update(): utilisée pour mettre à jour un étudiant dans la base de données. Remarque: la méthode edit() submit les données du formulaire à la méthode update()).
    7. destroy(): utilisée pour supprimer un étudiant spécifié.

    Code du fichier app/Http/Conrollers/StudentsController.php:

    4 Définition des routes et des views

    Les routes pour laravel8 sont gérées au niveau du fichier route/web.php. Afin de pouvoir ajouter correctement des routes qui pointent vers des views, on doit préalablement créer le template de base et les views:

    4.1 Création du template de base resources/view/layout.blade.php

    1. créer ou télécharger un template bootstrap et renommer le layout.blade.php
    2. mettez le fichier layout.blade.php au sein du dossier resources/view pour obtenir à la fin, le fichier resources/view/layout.blade.php (ce fichier va être utilisé comme template de base pour notre application)
    3. placer ensuite les fichiers du bootstrap bootstrap.min.css dans un dossier public/css/ et bootstrap.bundle.min.js dans le dossier public/js/ (les dossiers public/css/ et public/js/ doivent être crées lorsqu'ils n'existent pas!)
    4. lier ensuite les feuilles .css .js du bootstrap en ajoutant le code suivant:

    5. ajouter les tags nécessaire pour faire un héritage au fichier resources/view/layout.blade.php

    6. créer ensuite le fichier: index.blade.php au sein du dossier resources/view/ et y ajouter les balises d'héritage:

    7. Faite la même chose pour les fichiers , create.blade.php , edit..blade.php, update.blade.php et delete.blade.php (vous devez créer ces fichiers).

    4.2 Création des routes

    Pour créer une route, rien de plus simple, il suffit d'utiliser l'objet Root et d'indiquer le suffixe souhaité pour l'url de l'application et le controller de l'application au niveau du fichier 'Routes/web.php':

    5 - Configuration du Bootstrap dans laravel 8

    Afin de rendre le bootstrap opérationnel au sein de laravel 8, nous devons configurer ce dernier et l'installer:
    Installation du package laravel/ui via cmd

    Installation de bootstrap via cmd

    Et maintenant afin de compiler la nouvelle structure, vous devez exécuter les deux commandes:

    Remarque

    ces deux commandes 'npm install' et 'npm run dev', exige que Node.JS soit installé dans votre machine! Si ce n'est pas le cas veuillez le télécharger et l'installer via l'adresse: https://nodejs.org/fr/download/

    Remarque

    Afin d'éviter les vulnérabilité d'attaque sous forme d'un envoie de données en masse, on doit ajouter le tableau $fillable au modèle:
    app/Models/Students.php

    6 Création et affichage des données

    6.1 Création de l'objet tableau des données au niveau du contrôleur

    Nous utilisons la méthode index() du contrôleur app/Http/Controllers/StudentsController.php pour pointer et afficher les données sur le fichier du template resources/view/index.blade.php

    6.2 - Création et insertion des données au niveau du contrôleur




    6.2.1 - la méthode create()

    La méthode create du contrôleur pointe directement vers le formulaire d'insertion des données au niveau du template qui sera rprésenté par le fichier create.blade.php
    Méthode create()

    Fichier template: create.blade.php
    Le fichier de template create.blade.php est utilié pour accéder au formulaire d'insertion de données, il est accéssible via l'adresse url: http://127.0.0.1:8000/create

    6.2.2 La méthode d'insertion des données store()

    Comme son nom l'indique, la méthode store() récupère les données envoyés depuis le formulaire d'insertion des données au niveau du view create.blade.php et les insère directement au sein de la table students de la base de donnée.
    Méthode store()




    6.2.3 template d'affichage des données index.blade.php




     

     

    Younes Derfoufi
    CRMEF OUJDA

    Laisser un commentaire