4 - Le site ou front-office

Notre mini-site se compose de deux pages : la page index.php qui va lister les actualités et la page article.php qui présentera le détail d'une actualité.

La page d'index

Nous allons afficher la date, le titre, le chapo et un lien "lire la suite" qui mènera vers la page article.

Chargez les fichiers pour vous aider.

Dans la page index.php, faites un jeu d'enregistrement. Dans le panneau Applications onglet Liaisons, cliquez sur + et Jeu d'enregistrement. Nous allons l'appeler rsActus. Sélectionnez les champs qu'il vous faut et triez par date. Cliquez sur OK.

Composez votre article, un h2 pour le titre, une balise p pour le chapo et une autre pour Lire la suite, le tout dans un bloc div. Ce qui me donne ceci :

<div class="actus">
<h2>date + titre </h2>
<p>chapo</p>
<p><a href="article.php">Lire la suite</a></p>
</div>

Faites glisser les champs du panneau Application / onglet Liaisons vers votre page et positionnez-les. Pour le lien Lire la suite, vous allez passer un paramètre d'url nommé article où l'on placera notre champ url.

Cela donne ceci au final.

<div id="corps">
<div class="actus">
<h2><?php echo $row_rsActus['actus_datecrea']; ?>, <?php echo $row_rsActus['actus_titre']; ?></h2>
<p><?php echo $row_rsActus['actus_chapo']; ?></p>
<p><a href="article.php?article=<?php echo $row_rsActus['actus_url']; ?>">Lire la suite</a></p>
</div>
</div>

Nous allons sélectionner le bloc actus dans l'inspecteur de balise et en faire une région répétée.

Allez dans le panneau Application onglet Comportements de serveur, cliquez sur + et sur Région répétée. Sélectionnez le bon jeu d'enregistrement et affichez tous les enregistrements. Nous pourrions choisir un nombre d'enregistrements et ensuite faire un barre de navigation :) Cliquez sur OK.

Maintenant, nous allons afficher les enregistrements si le jeu d'enregistrement n'est pas vide. Allez dans le panneau Application onglet Comportements de serveur, cliquez sur + et sur Afficher la région > Afficher si le jeu d'enregistrement n'est pas vide. Cliquez sur OK.

La date va s'afficher au format SQL yyyy-mm-dd donc nous allons utiliser l'extension MySQLdate pour la mettre au format français. Dans le panneau Applications onglet Comportements de serveur, cliquez sur + puis T.E.V. > Date > mySQL Date fr . Choisissez le jeu d'enregistrement et le champ correspondant à la date.

La page article

Pour la page article.php, ayez la même démarche. Seul, le jeu d'enregistrement est différent puisqu'il nous faut récupérer le paramètre d'URL. Dans le panneau Applications onglet Liaisons, cliquez sur + puis Jeu d'enregistrement. Nous allons l'appeler rsArticle. Choisissez la connexion et la table f_actualite. Le champ actus_url est notre filtre et le paramètre d'URL est article. Cliquez sur OK.

Vous agencez votre page comme vous l'avez fait pour l'index en ajoutant le champ texte et l'affaire est dans le sac.

Voici le site complet fxp.rar, le fichier fait 662 Ko. Il suffit d'installer les extensions, de décompresser le fichier, de créer une base de données nommée flashxpress et de créer le site dans Dreamweaver. La base de données se trouve dans le dossier BDD. Et à bientôt pour une prochaine mission.

Mimi