Création d’un portail d’administration [2/5 ]

La suite

Maintenant, que l’on a présenté le projet, on va passer dans le vif du sujet.

Cela se fait en plusieurs parties par forcément dans l’ordre :

  • Création de la page Intranet des différentes rubriques ou catégories
  • Page Intranet avec les informations demandées
  • Prise en compte des informations et exécution du script
  • La sécurité

Pour continuer, j’ai choisi le Portail à votre effigie, donc on part de rien, on va tout créer nous même, mais cela ne change pas grand chose par rapport aux 2 autres portails. Avant de commencer, on va sécuriser le site par une authentification pour régler les problèmes de droits, de comptes et de scripts.

Le site va fonctionner sous PHP, sur le serveur qui va l’héberger, il faut soit  :

  • PHP
  • Apache
  • Nginx
  • Ou autres logiciels

Si vous ne souhaitez pas faire la sécurisation, passez ce chapitre et allez à notre première page..

Authentification

Créer le fichier  « auth.php » dans le répertoire « functions« , ceci sert à savoir si on est connecté et ne pas afficher une page si on connait le lien.

Insérer le code suivant :

Maintenant, créer le fichier « verification.php » à la racine, il contient les identifiants de connexion.

Pour ma connexion, le nom d’utilisateur est : Bruno et le mot de passe est Jabs-IT

Insérer le code suivant :

 

Donc là, on a fait la sécurisation simple et basique pour un utilisateur, pour vous, Administrateur.

Si vous voulez le faire pour une équipe d’Administration, il faudra passer par une base donnée.

Notre Première page

Création d’un répertoire « img » pour mettre nos images, logos,…

Création d’un répertoire « style » pour mettre les fichiers CSS, c’est la mise en forme du site.

Dans le répertoire « CSS », créer le fichier « style.css« , il sert à aligner le logo et la mire de connexion, la police,…

Voici le code :

Nous allons créer notre première page « index.php » à la racine.

On va insérer le logo et la mire de connexion avec une vérification si on est déja connecté

Voici le code : 

 Voici le résultat final

Posted on: octobre 1, 2024, by :