Avant de commencer, vous devez effectuer l'exercice 2.2 : Formatage d'une table de données
Maintenant que la colonne PHOTO est affichée, vous devez donner aux utilisateurs la possibilité de télécharger en amont des images pour les annonces classées. Cette fonction revêt une importance particulière dans les pages new_record.jsp et update_record.jsp. Le composant de téléchargement en amont de fichiers permet aux utilisateurs de naviguer dans leur système de fichiers, de télécharger en amont un fichier vers la base de données et de l'y faire apparaître immédiatement.
Etant donné que la procédure de création et de mise à jour est la même dans le composant de téléchargement en amont de fichiers, cet exercice permet à la page de mise à jour de modifier l'image en cours pour afficher n'importe quelle liste. Si vous le souhaitez, vous pouvez apporter les mêmes modifications à la nouvelle page d'enregistrements après en avoir fini avec la page de mise à jour.
Comme vous pourrez le constater, le formulaire de mise à jour n'est autre qu'une table HTML comportant du texte statique et des composants d'entrée associés aux colonnes de l'enregistrement relationnel update_record. Vous pouvez donc ajouter des lignes et des colonnes pour modifier le formulaire, comme vous le feriez pour modifier une table HTML. Au cours des étapes suivantes, vous allez ajouter une nouvelle ligne afin d'afficher la photo en cours.
L'ajout de lignes et de colonnes présente plus de difficultés dans une table de données qui contient une liste d'enregistrements relationnels. Pour plus d'informations sur l'ajout de colonnes dans une table de données, voir Optimisation de la table de données par défaut dans l'exercice 1.2 : Utilisation de la liste d'enregistrements relationnels et de la table de données.
Contrairement à l'exercice précédent, vous allez permettre à l'utilisateur d'afficher l'image complète sans contrainte de taille. Ne modifiez donc pas la largeur et la hauteur dans la vue Propriétés.
La photo en cours pour l'annonce classée apparaît maintenant dans la page. Cette dernière doit se présenter de la manière suivante :
Ajoutez ensuite une nouvelle ligne au bas de la table, destinée à contenir le composant de téléchargement en amont de fichiers.
Cette dernière doit se présenter de la manière suivante :
Vous êtes prêt à aborder l'exercice 2.4 : Utilisation des règles de navigation.