Dans ce tuto vidéo PHP, nous allons voir ensemble comment créer un Back Office (zone d'administration) en PHP/MySQL. Nous pourrons mettre à jour le contenu de nos pages, en créer et en supprimer depuis cette Admin. Vous pouvez regarder l'extrait vidéo personnalisé que j'ai créé pour vous faire une idée du site que l'on va réaliser ensemble dans cette formation de plus de 2 heures. Cette formation se déroulera en 2 parties :

PARTIE 1 :

  • Tour d'horizon des fichiers de départ
  • Installation d'EasyPHP pour avoir un serveur local
  • Création de la base de donnée dans PhpmyAdmin
  • Apprendre à faire une requête SQL
  • Faire une boucle en PHP pour récupérer le contenu de notre table
  • Récupérer les noms des pages pour le menu
  • Récupérer les contenus de chaque page
  • Faire les liens sur le menu grâce aux variables $_GET
  • Ajouter une class "active" sur l'élément de menu qui correspond à la page en cours

PARTIE 2 :

  • Création d'un dossier à part pour l'Administration
  • Créer un tableau pour afficher toutes les données de notre table (id, nom, contenu ...)
  • Faire une boucle pour les récupérer
  • Création de la page "ajouter" qui permettra d'ajouter une nouvelle page
  • Page "ajouter" : mise en place d'un formulaire pour insérer des données (INSERT)
  • Affichage de messages d'erreur et de succés pour avertir l'administrateur
  • Rendre obligatoire les champs avant d'insérer
  • Création de la page "editer" pour modifier les informations d'une page existante
  • Création de la page "supprimer" pour effacer une page
  • Mettre en place une alerte javascript pour confirmer la suppression d'une page
  • Ajout de boutons (gras, italique ...) sur les textarea pour entrer du contenu plus facilement

Tous les fichiers du site final sont inclus dans les sources ainsi que les fichiers de départ pour que vous puissiez refaire en même temps que moi toutes les manipulations.

Je vous conseille de visionner les deux tutos que j'ai posté sur tuto.com avant de suivre cette formation :

Et aussi de connaitre les bases du HTML/CSS (vous pouvez aller voir ma liste de tutos si vous en avez besoin) car nous ne reviendrons pas dessus dans le tuto. La formation est faîtes pour des débutants en PHP/MySQL. J'ai essayé d'être le plus clair possible pour rester simple et que le tout soit facilement mémorisable. Bonne formation à tous !

Jetez un oeil à ces autres tuto Php 5

Apprendre PHP5 MySQL - Tome 1Apprendre PHP5 MySQL - Tome…
Voici une formation PHP MYSQL dédiée aux débutants qui désirent…

Créer sa première application web avec PHPCréer sa première application…
Tuto PHP : la programmation orientée objet avec PHP par la…

Formation PHP Orienté ObjetFormation PHP Orienté Objet…
Ce cours est consacré à la Programmation Orientée Objet (POO).…

Créer et administrer un forum avec FluxBBCréer et administrer un forum…
Voici une formation FluxBB pour vous aider à créer votre forum…

PACK : Créer un site Internet de A à ZPACK : Créer un site Internet…
Voici un pack complet qui vous apprendra à créer un site Internet…

PHP pour les débutantsPHP pour les débutants
Le PHP est un langage de programmation puissant et relativement…

Administrer votre site Internet avec PHP et MySqlAdministrer votre site Internet…
Cette formation sera consacrée à la création d'un backoffice…

Formulaire de contact graphique + envoi en PHPFormulaire de contact graphique…
Cette formation est consacrée à la création d'un formulaire…

Cette formation contient 2 leçons en vidéo pour une durée totale de 2h16.
Voici le programme complet abordé au cours de cette formation :

  • Création de la base de données et récupération des infos sur le Front Office00:59:49 
  • Création du Back Office01:16:29 

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Php 5 de 2 heures 16 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

spykrew07 , formateur certifié

Salut à tous ! Je m'apelle Adrien j’ai 29 ans et je suis Webdesigner spécialiste WordPress depuis 7 ans. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant 4 ans et depuis 3 ans je me suis lancé en freelance. Formateur certifié sur tuto.com, je partage mes connaissances et mes découvertes dans différents domaines : web design, logo, html, wordpress, php, css jquery ... Ma devise : Webdesign is not a job, it’s a passion !

Toutes les formations de Spykrew07


Témoignage des clients de spykrew07

Très belle vidéo, et la voix donne envie d'écouter, ce n'est pas le cas avec d'autres personnes ... Merci de m'avoir aidé :)

Je trouve que Spykrew07 est un très bon formateur !

Très bon formateur !!!

tutos clair et précis!

Très bien, de bonnes explications très précises. Un bon rythme pendant les tutos

Lire les autres témoignages

 

D'autres tuto de spykrew07

Créer un template de site en PHP grâce à la méthode GETCréer un template de site en PHP grâce à la méthode GET
Dans ce tuto vidéo PHP pour débutants, nous allons voir comment utiliser la méthode…

Scinder un site en PHP pour faciliter les mises à jourScinder un site en PHP pour faciliter les mises à jour
Dans ce tuto vidéo PHP pour débutants, nous allons voir comment à partir d'un site…

Créer un site One Page complet de A à ZCréer un site One Page complet de A à Z
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir ensemble, pas à pas, comment…

Créer une mini boutique ecommerce avec WordPress & PaypalCréer une mini boutique ecommerce avec WordPress & Paypal
Dans ce tuto vidéo, nous allons voir comment créer un mini site ecommerce pour vendre…

voir tous les tuto de spykrew07

Notes attribuées par les utilisateurs (7 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (21)

par lediscreta voté :
(a acheté ce tuto - 08 juillet 2013)

" Très bien! Bravo! C'est très facile à comprendre après de heures et des heures de cours à l'école et de tutos sur le net ce tuto permet de consolider mes bases. Merci. html css php ce n'est plus du chinois pour moi mdr! "

par stephanej30
(n'a pas acheté ce tuto - 13 juin 2013)

" Bonjour,

Pas exactement en fait... C'est un logiciel qui permet de créer un site internet du début à la fin sans trop de programmation, mais avec un logiciel... il ne permet pas une utilisation en ligne.
Il faut avoir le logiciel sur le poste afin de pouvoir modifier le site, je me demandais donc si votre back-office pourrait d'adapter au logiciel étant donné que le site n'est pas fait sous Dreamweaver mais avec un wysiwyg.

Merci encore pour vos réponses,
Cordialement "

par spykrew07
(auteur de ce tuto - 06 juin 2013)

" @stephanej30 Je ne connais pas du tout Web Acapella. D'après ce que je vois vous pouvez créer votre site directement en ligne. Il doit donc y avoir un back office déja disponible pour mettre à jour le contenu. Je pense donc que ce tuto sera inutile dans votre cas. Bonne continuation ! "

par stephanej30
(n'a pas acheté ce tuto - 06 juin 2013)

" Bonjour,

J'aurai voulu savoir si votre tuto peut s'appliquer à un site internet du style Web Acappella afin que le client puisse modifier ses textes lui-même et donc avoir cette partie back-office.

Merci à l'avance de votre réponse,
Cordialement, "

par spykrew07
(auteur de ce tuto - 05 février 2013)

" @samellite Oui on peut bien sur mais par contre on ne change pas de page dans le One Page. Tu devras afficher le contenu de ta base de donnée à la suite. Par contre dans le tuto on ne voit pas comment ajouter/resizer les images donc tu va être peut-être coincé. Pour que ce soit plus simple tu peux utiliser WordPress pour gérer ton contenu dynamique. "

par samellite
(n'a pas acheté ce tuto - 05 février 2013)

" Une question, avant d'acheter ce tuto, j'aimerai savoir si on peut l'appliquer que le site "One page" par exemple. Merci "

par lezouave33a voté :
(a acheté ce tuto - 26 janvier 2013)

" les fichiers n'aiment pas les apostrophes: ça fleurit d'antislash. wysiwyg fonctionne moyen. Merci. "

par spykrew07
(auteur de ce tuto - 25 janvier 2013)

" @DELUXE La partie sécurisation de l'admin par un couple login/pass sera dans un prochain tuto qui arrivera bientôt ;) Dans celui-ci on créé la base de donnée et on récupère le contenu dans le front office. Ensuite on créé une admin qui te permet de gérer tes pages et leur contenu. Bye ! "

par DELUXE
(a acheté ce tuto - 25 janvier 2013)

" Merci pour la réponse mais je remarque dans le descriptif du tuto qu'il n y a pas de system de login pour pouvoir modifier le contenu du site ! ou alors c'est bien montrer dans la vidéo ? "

par spykrew07
(auteur de ce tuto - 25 janvier 2013)

" @DELUXE Dans le tuto on est sur une structure HTML/CSS très simple mais le sytème reste le même quelle que soit le site. Bonne continuation ;) "

par DELUXE
(a acheté ce tuto - 24 janvier 2013)

" Bonjour,

Je voudrais savoir si avec ce tuto, il me sera possible d’intégrer un module de mise a jours sur un site déjà existant et qui est en full HTML/CSS. Par mise a jours, je parle du texte qui se trouve sur la page.

Merci d'avance pour votre réponse "

par sagittaire57a voté :
(a acheté ce tuto - 18 janvier 2013)

" Excellent tutoriel, formateur à suivre...Continuez comme ça! "

par sagittaire57a voté :
(a acheté ce tuto - 18 janvier 2013)

" tuto très très intéressant. Je me suis amusé à mettre des modules à gauche et à droite puis de pouvoir créer une page sans pour autant qu'elle s'affiche dans le menu (en ligne mais non visible dans le menu).
Cependant, j'aurais aimé savoir comment remplacer le index.php?page=1 par index.php?page=Accueil :)

Un petit coup de main? :D

Merci en tout cas pour cette démonstration ;) "

par lolo301187a voté :
(a acheté ce tuto - 16 décembre 2012)

" Excellente formation ! Très bien expliqué ! très clair ! Simple et efficace ! Merci beaucoup ! Formateur à suivre, vivement la suite "

par spykrew07
(auteur de ce tuto - 15 décembre 2012)

" @jnallamo Tu dois avoir une variable non déclarée car l'erreur c'est "undifined variable". Tu as regardé avec les sources fournies avec le tuto si il y avait une petite erreur quelque part ? "

par jnallamo
(a acheté ce tuto - 14 décembre 2012)

" Bonjour,Excellent tuto
Je l'ai tester chez moi, j'ai des petits soucis lors de l’édition et de la suppression

l'ajout fonctionne

Voici les messages d'erreurs lors de l'edition : ( sur tous les champs )

<p>
<label for="libelle">Libelle de la tache</label>
&lt;input id="libelle" type="text" value="<br /< <b<Notice</b<: Undefined variable: data in <b<C:Program Files (x86)EasyPHP-12.1www ormulaire1112_2dminediter.php</b< on line <b<61</b<<br /< " name="libelle"&gt;
</p>


VOICI LE CODE


&lt;?php
include('inc/header.php');

if (!empty($_POST)) {

if (!empty($_POST['libelle']) && !empty($_POST['responsable']) && !empty($_POST['statut'])) {

extract($_POST);

$libelle = mysql_real_escape_string($libelle);
$responsable = mysql_real_escape_string($responsable);
$statut = mysql_real_escape_string($statut);

$id = $_GET['tache'];

$sql = "UPDATE taches SET id='$id', libelle='$libelle', responsable='$responsable', date_debut='$date_deb', date_fint='$date_fin' statut='$statut' WHERE id=$id";

mysql_query($sql);

$success = 'Le libelle a bien été modifié !';

} else { $error = 'Il y a des erreurs, veuillez compléter tous les champs'; }

}

?&gt;

<div id="content">

<div id="contenu">

&lt;?php if(!empty($success)) { ?&gt;<div id="success">&lt;?php echo $success; ?&gt;</div>&lt;?php } ?&gt;
&lt;?php if(!empty($error)) { ?&gt;<div id="error">&lt;?php echo $error; ?&gt;</div>&lt;?php } ?&gt;

<h2>Editer une tache</h2>

&lt;?php

if(!empty($_GET['tache'])) {

$id = $_GET['tache'];
$req = mysql_query("SELECT * FROM taches WHERE id=$id");

if (mysql_num_rows($req) > 0) { $data = mysql_fetch_assoc($req); }
else { header('Location:index.php'); }

}

?&gt;

&lt;form method="POST" action="editer.php?tache=&lt;?php echo $data['id']; ?<"&gt;

<p>
<label for="id">Id de la tache</label>
&lt;input type="text" id="id" name="id" value="&lt;?php echo $data['id']; ?<"&gt;
</p>


<p>
<label for="libelle">Libelle de la tache</label>
&lt;input type="text" id="libelle" name="libelle" value="&lt;?php echo $data['libelle']; ?<"&gt;
</p>


<p>
<label for="commentaire">Commentaire de la tache</label>
&lt;textarea type="text" id="commentaire" name="commentaire"&gt;&lt;?php echo $data['commentaire']; ?&gt;&lt;/textarea&gt;
</p>

<p>
<label for="responsable">Responsable</label>
&lt;input type="text" id="responsable" name="responsable" value="&lt;?php echo $data['responsable']; ?<"&gt;
</p>

<p>
<label for="date_deb">Date_Debut</label>
&lt;input type="text" id="date_deb" name="date_deb" value="&lt;?php echo $data['date_deb']; ?<"&gt;
</p>

<p>
<label for="date_fin">Date_Fin</label>
&lt;input type="text" id="date_fin" name="date_fin" value="&lt;?php echo $data['date_fin']; ?<"&gt;
</p>

<p>
<label for="statut">Statut</label>
&lt;input type="text" id="statut" name="statut" value="&lt;?php echo $data['statut']; ?<"&gt;
</p>

&lt;input type="submit" value="Editer" class="btn"&gt;

&lt;/form&gt;

</div>

</div>

&lt;?php include('inc/footer.php'); ?&gt;



D’avance merci pour votre aide

Cordialement

JCN "

par fastzibona voté :
(a acheté ce tuto - 13 décembre 2012)

" Vraiment super, très pédagogue, nous attendons la suite avec empressement "

par jantonina voté :
(a acheté ce tuto - 13 décembre 2012)

" Excellent tuto !

Au final, on a un site tout à fait fonctionnel et un back office qui permet de le gérer.

Merci !

A quand la suite ? "

par spykrew07
(auteur de ce tuto - 07 décembre 2012)

" @Workngo On le fait pour les pages du site mais c'est adaptable pour des articles c'est la même chose sauf qu'il faut rajouter un champ dans le BDD pour stoker la date de parution. "

par Workngo
(n'a pas acheté ce tuto - 23 novembre 2012)

" Bonjour, votre formation permet-elle aussi d'apprendre comment Ajouter / Supprimer des Articles de pages dynamiquement depuis le Back Office ? :) "

par tailivana voté :
(a acheté ce tuto - 21 novembre 2012)

" toujours aussi top
interessant le plugin niceedit
ajout, modif, suppression de pages...un petit wordpress en somme "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Php 5 d’une durée de 2 heures 16 minutes a été acheté 286 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 20 novembre 2012 par spykrew07, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Php SIte.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !