Site Web de petites annonces utilisant des composants JavaServer Faces - Détails

Le site Web de petites annonces JavaServer Faces (JSF) est similaire à de nombreux sites d'annonces. A la première ouverture du site, vous êtes redirigé vers la page d'accueil. Un modèle Tiles a été appliqué à toutes les pages du site pour que la bannière et la fonction de navigation soient disponibles sur toutes les pages.

L'exemple est formé de quatre composants Tiles :
  • Composant Tiles d'en-tête - Affiche l'image de la bannière et les liens de navigation. Il est commun à toutes les pages du site.
  • Composant Tiles de pied de page - Affiche les mentions légales (copyright et limitations). Il est commun à toutes les pages du site.
  • Composant Tiles de recherche/connexion - Affiche les formulaires de recherche et de connexion ainsi que les statistiques du site. Il est commun à toutes les pages du site.
  • Composant Tiles de contenu - Affiche le contenu spécifique de la page.

Toutes les petites annonces, actualités et les données associées sont conservées dans une base de données. Une base de données Derby contenant des données fictives accompagne l'exemple. Un compte d'administrateur est également fourni pour illustrer les fonctions d'administration disponibles sur un tel site. La fonction de connexion au site est simplifiée et n'implémente pas de mécanisme d'authentification. Les tâches de l'administrateur sont décrites en détail ci-après.

A propos du site Web de petites annonces

Le haut de la page JSF ("tile" d'en-tête) contient les liens de navigation suivants :
  • Home - Page d'accueil de l'exemple.
  • Browse - Ouvre une page à partir de laquelle l'utilisateur peut consulter toute annonce passée sur le site.
  • Place an Ad - Permet à l'utilisateur de passer une annonce.
  • Search - Fonction de recherche avancée dans les annonces existantes.
La partie gauche de la page ("tile de recherche/connexion) contient les entrées de formulaire et liens de navigation suivants :
  • Quick Search - Permet à tout visiteur du site de rechercher des annonces en indiquant un titre ou un lieu. Les minuscules sont différenciées des majuscules dans la recherche.
  • Sign in - Permet aux utilisateurs inscrits de se connecter au site.
  • Sign out - Permet à l'utilisateur courant de se déconnecter. Ce lien de navigation n'est visible que si l'utilisateur s'est préalablement connecté.
  • Register - Permet à l'utilisateur de créer un nouveau compte d'utilisateur ou d'administrateur.
  • Admin - Ce lien est visible uniquement lorsque l'utilisateur est connecté en tant qu'administrateur. Pour cet exemple, vous pouvez vous connecter avec le nom d'utilisateur admin et le mot de passe admin, ou bien vous pouvez enregistrer votre propre compte d'administrateur. La page Admin permet aux utilisateurs de gérer les catégories d'annonces.

Pages du site Web de petites annonces

Home
La page d'accueil du site Web. Son contenu est le suivant :
  • Latest Ads. Table de données filtrée pour n'afficher que les cinq annonces les plus récentes. Lorsque l'utilisateur sélectionne une annonce, il est dirigé vers une page affichant plus de détails sur l'article en vente.
  • News. Zone dans laquelle sont affichées les actualités relatives au site. Ces informations peuvent être modifiées par l'administrateur du site. Lorsque l'utilisateur clique sur un titre, il est dirigé vers une page sur laquelle il peut lire l'article correspondant.
Browse
Ouvre une page permettant à l'utilisateur de parcourir les annonces. La page affiche toutes les catégories et sous-catégories d'annonces disponibles. La catégorie et les sous-catégories sont utilisées comme filtres dans les recherches d'annonces. Lorsqu'une annonce est sélectionnée, ses détails s'affichent.
Search
Fonctions de recherche avancée portant sur les annonces du site. Si l'utilisateur n'indique aucun critère de recherche, toutes les annonces s'affichent dans une grille de données paginée, avec 5 annonces par page (par défaut). Les minuscules et les majuscules sont différenciées dans une recherche effectuée avec les critères Title et Description. L'utilisateur peut sélectionner les catégories sur lesquelles doit porter sa recherche ainsi qu'une fourchette de prix. S'il sélectionne une annonce sur la page de résultats (Search Results), il obtient les détails de l'annonce.
Place an Ad
Permet à l'utilisateur de créer une annonce et de la publier sur le site Web. Il peut spécifier la catégorie et la sous-catégorie sous lesquelles il souhaite placer l'article. Une fonction de téléchargement montant (upload) est disponible pour permettre à l'utilisateur d'inclure une photo. Un composant d'édition de texte enrichi est fourni pour permettre à l'utilisateur de mettre en forme le texte de son annonce. Une fois l'annonce rédigée et soumise, l'enregistrement est stocké dans la base de données d'arrière-plan. La confirmation des détails de la publication est affichée.
Sign out
Déconnecte l'utilisateur courant. Lorsque cette option est sélectionnée, l'administrateur est déconnecté.
Tâches d'administration
Le lien Admin est visible uniquement lorsque vous êtes connecté en tant qu'administrateur. Pour cet exemple, vous pouvez vous connecter avec le nom d'utilisateur admin et le mot de passe admin, ou bien vous pouvez enregistrer votre propre compte d'administrateur. Le lien ouvre une page qui permet à l'utilisateur de gérer les actualités du site et les catégories disponibles et de consulter les détails des annonces en mode édition. Les tâches d'administration disponibles pour ce site sont les suivantes :
  • Modification et suppression d'annonces.
  • Ajout et modification de catégories et de sous-catégories. Il est possible de supprimer les catégories qui ne contiennent aucune annonce.
  • Création, modification et suppression d'actualités (nouvelles du site).
Sujet parent : Site Web de petites annonces utilisant des composants JavaServer Faces

Vos commentaires