Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

Dreamweaver gratuit

PHP : créer une newsletter avec Dreamweaver (Part 12) - Préparation des pages d’administration, méthode des includes

22 mai 2007 | Posté par caroder à 20:10

Bookmark and Share

Pour mémoire, nous avons décidé qu’il existerait 2 statuts différents dans l’accès au back office de notre newsletter :
· l’administrateur du site qui peut gérer la base des inscrits, rédiger et expédier des newsletters aux inscrits
· le rédacteur qui a le seul droit de rédiger une newsletter.

Pour faciliter la maintenance future de notre site, nous allons travailler avec la méthode dite des includes. Cette méthode est classiquement utilisée par les développeurs. Nous allons travailler tout d’abord dans la page admin_newsletter.php à partir de laquelle nous allons créer nos includes. Insérez tout d’abord le code ci-dessous créant les éléments de navigation :

<h1 align="center">Espace administration de monsite.com</h1>
<div id="navconteneur" align="center">
<ul id="navigation">
<li><a href="admin_inscrits.php">Administration des inscrits</a></li>
   <li><a href="creer_newsletter.php">Cr&eacute;ation d'une newsletter</a></li>
   <li><a href="#">Se d&eacute;connecter </a></li>
</ul>
</div>
<div id="principal">
<table>
<tr><th>ID</th><th>Titre</th><th>Date de création</th><th>Date d'envoi</th><th>Statut</th><th>Modifier</th><th>Supprimer</th><th>Envoyer</th></tr>
<tr><td align="center">1</td>
  <td>Test de la mise en page pour Mon titre de newsletter </td>
  <td align="center">01/01/2001</td><td align="center">02/01/2001</td>
  <td align="center">0</td>
  <td align="center"><a href="#">M</a></td>
  <td align="center"><a href="#">S</a></td>
  <td align="center"><a href="#">Envoi</a></td>
</tr>
</table></div>

accompagné du code suivant que nous ajoutons à la feuille de style admin.css :

#navconteneur {
margin: 5px 0;
padding: 5px 0;
}
ul#navigation {
margin-left: 0;
padding-left: 0;
}

#navigation li {
display: inline;
list-style-type: none;
margin-right: 10px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#navigation a {
color: #fff;
background-color: #0099CC;
text-decoration: none;
padding: 5px 10px;
}

#navigation a:hover {
color: #fff;
background-color: #0086B3;
text-decoration: none;
}
#principal {
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0 20px;
}
table {
width: 100%;
}
td {
border-bottom: 1px solid #CCC;
padding:3px;
background-color:#F7F7F7;
}
th {
background-color:#7DF;
padding:3px;
}

Cliquez ensuite dans la page et allez dans Comportement de serveur >> Authentification de l’utilisateur  >> Restreindre l’accès à la page. Renseignez la fenêtre comme suit :

news13

Le niveau 1 correspond à l’accès administrateur tel que nous l’avons défini précédemment.

Positionnez ensuite votre curseur dans l’item « se déconnecter » du menu de navigation et cliquer sur la balise <a> en bas de la fenêtre Dreamweaver (la totalité du lien doit alors se mettre en surbrillance). Allez dans Comportement de serveur >> Authentification de l’utilisateur  >> Déconnecter l’utilisateur. Renseigner la fenêtre de la façon suivante :

news14

Ouvrez maintenant la page en mode code. Découpez le code suivant :

<h1 align="center">Espace administration de monsite.com</h1>
<div id="navconteneur" align="center">
<ul id="navigation">
<li><a href="admin_inscrits.php">Administration des inscrits</a></li>
   <li><a href="creer_newsletter.php">Cr&eacute;ation d'une newsletter</a></li>
   <li><a href="<?php echo $logoutAction ?>">Se d&eacute;connecter</a> </li>
</ul>
</div>

Ouvrez le bloc_note et collez ce code dedans. Enregistrez le fichier sous le nom menu_admin.inc.

Retourner dans la page Dreamweaver en mode code et selectionnez la totalité du code PHP généré. Découpez le code et copiez-le dans le bloc-note. Sauvegardez sous le nom de acces_admin.inc.

Positionnez-vous maintenant avant la déclaration du doctype créer par Dreamweaver (1er ligne de code) et allez dans le menu Insertion >> Server Side include. Sélectionnez acces_admin.inc.

Juste en dessous de la balise <body> répétez l’opération mais en choisissant cette fois le fichier menu_admin.inc. Executez la page login_newsletter.php. Loggez vous avec les codes dmx-moteur / pw1. Vous devez en principe arriver sur la page admin_newsletter.php telle que ci-dessous :

news15

Dans un premier temps, nous allons donc travailler maintenant toutes les pages avec ces 2 includes ainsi que l'import de la feuille de style CSS et les balises <div> de mise en forme. Dans un deuxième temps nous créerons l’accès, le menu et les pages pour le niveau rédacteur en dupliquant et adaptant ce que nous aurons déjà fait pour le niveau admin.

Ce billet fait partie du tutorial dreamweaver newsletter


Commentaires

 

Poster un commentaire