Créez une page (Fichier > Nouveau >
Page vierge) et concevez votre page d'inscription à l'aide des outils de conception de Dreamweaver.
Dernière mise à jour le
25 avr. 2024
Annotation
L’interface utilisateur a été simplifiée sous Dreamweaver et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver et versions ultérieures. Pour plus d’informations, consultez cet article.
À propos des pages d’enregistrement
Votre web application peut contenir une page qui oblige les utilisateurs à s'inscrire la première fois qu'ils visitent votre site.
Une page d'enregistrement se compose des éléments structurels suivants :
Une table de base de données pour stocker les informations de connexion des utilisateurs
un formulaire HTML qui permet aux utilisateurs de sélectionner un nom d'utilisateur et un mot de passe
Vous pouvez également utiliser le formulaire pour obtenir d'autres informations personnelles sur les utilisateurs.
Un comportement de serveur « Insérer un enregistrement » pour mettre à jour la table de base de données des utilisateurs du site
Un comportement de serveur Vérifier le nouveau nom d'utilisateur pour s'assurer que le nom d'utilisateur saisi par l'utilisateur n'est pas déjà pris par un autre utilisateur
Stockage des informations de connexion des utilisateurs
Une page d'inscription nécessite une table de base de données pour stocker les informations de connexion saisies par les utilisateurs.
- Assurez-vous que votre table de base de données contient une colonne nom d'utilisateur et une colonne mot de passe. Si vous voulez que les utilisateurs connectés aient différents privilèges d'accès, incluez une colonne de privilège d'accès.
- Si vous voulez définir un mot de passe commun pour tous les utilisateurs du site, configurez votre application de base de données (Microsoft Access, Microsoft SQL Server, Oracle, etc.) pour saisir le mot de passe dans chaque nouvel enregistrement d'utilisateur par défaut. Dans la plupart des applications de base de données, vous pouvez définir une valeur par défaut pour une colonne à chaque fois qu'un nouvel enregistrement est créé.Définissez le mot de passe par défaut.
- Vous pouvez également utiliser la table de base de données pour stocker d'autres informations utiles sur l'utilisateur.
L'étape suivante dans la création d'une page d'inscription consiste à ajouter un formulaire HTML à la page d'inscription pour permettre aux utilisateurs de choisir un nom d'utilisateur et un mot de passe (le cas échéant).
Ajouter un formulaire HTML pour saisir un nom d'utilisateur et un mot de passe
Vous ajoutez un formulaire HTML à la page d'inscription pour permettre aux utilisateurs de sélectionner un nom d'utilisateur et un mot de passe (le cas échéant).
Ajoutez un formulaire HTML en plaçant le point d'insertion à l'endroit où
vous voulez que le formulaire apparaisse et en sélectionnant Formulaire dans le menu Insertion.
Un formulaire vierge est créé sur la page. Vous devrez peut‑être activer Éléments invisibles (Affichage > Aides visuelles > Éléments invisibles) pour voir les limites du formulaire, qui sont représentées par de fines lignes rouges.
Nommez le formulaire HTML en cliquant sur la balise <form>
en bas de la fenêtre Document pour sélectionner le formulaire, en ouvrant
l'inspecteur de propriétés (Fenêtre > Propriétés), et en saisissant
un nom dans la zone Nom du formulaire.
Vous n'avez pas besoin de spécifier un attribut action ou method pour le formulaire pour lui indiquer où et comment envoyer les données d'enregistrement lorsque l'utilisateur clique sur le bouton Envoyer. Le comportement de serveur Insérer un enregistrement définit ces attributs pour vous.
Ajoutez des champs de texte (Insertion > Formulaire >
Champ de texte) pour permettre à l'utilisateur de saisir un nom d'utilisateur et un mot de passe.
Le formulaire peut également avoir d'autres objets de formulaire pour enregistrer d'autres données personnelles.
Vous devriez ajouter des libellés (soit sous forme de texte ou d'images) à côté de chaque objet de formulaire pour indiquer aux utilisateurs ce qu'ils sont. Vous devriez aussi aligner les objets de formulaire en les plaçant à l'intérieur d'un tableau HTML. Pour plus d'informations sur les objets de formulaire, voir Création de formulaires web.
Ajoutez un bouton Envoyer au formulaire (Insertion >
Formulaire > Bouton).
Vous pouvez modifier le libellé du bouton Envoyer en sélectionnant le bouton, en ouvrant l'inspecteur de propriétés (Fenêtre > Propriétés) et en saisissant une nouvelle valeur dans la zone Valeur.
L'étape suivante de la création d'une page d'inscription consiste à ajouter le comportement serveur Insérer un enregistrement pour insérer des enregistrements dans la table d'utilisateurs de la base de données.
Mise à jour de la table de base de données des utilisateurs
Vous devez ajouter un comportement serveur Insérer un enregistrement à la page d'inscription pour mettre à jour la table d'utilisateurs dans la base de données.
Dans le panneau Comportements serveur (Fenêtre >
Comportements serveur), cliquez sur le bouton Plus (+) et sélectionnez Insérer un enregistrement
dans le menu contextuel.
La boîte de dialogue Insérer un enregistrement s’affiche.
Complétez la boîte de dialogue en veillant à spécifier la table
d'utilisateurs dans la base de données dans laquelle les données utilisateur seront insérées.
Cliquez sur OK.
La dernière étape de la création d'une page d'inscription consiste à s'assurer que le nom d'utilisateur n'est pas utilisé par un autre utilisateur enregistré.
Ajouter un comportement serveur pour garantir un nom d'utilisateur unique
Vous pouvez ajouter un comportement serveur à une page d'inscription utilisateur qui vérifie que le nom d'utilisateur est unique avant d'ajouter cet utilisateur à votre base de données d'utilisateurs enregistrés.
Lorsque l'utilisateur clique sur le bouton Envoyer sur la page d'inscription, le comportement serveur compare le nom d'utilisateur saisi par l'utilisateur aux noms d'utilisateur stockés dans une table de base de données d'utilisateurs enregistrés. Si aucun nom d'utilisateur correspondant n'est trouvé dans la table de la base de données, le comportement serveur exécute l'opération d'insertion d'enregistrement normalement. Si un nom d'utilisateur correspondant est trouvé, le comportement serveur annule l'opération d'insertion d'enregistrement et ouvre une nouvelle page (généralement une page alertant l'utilisateur que le nom d'utilisateur est déjà pris).
Dans le panneau Comportements serveur (Fenêtre > Comportements serveur), cliquez sur le bouton Plus (+) et sélectionnez Authentification utilisateur > Vérifier le nouveau nom d'utilisateur dans le menu contextuel.
Dans le menu contextuel Champ nom d'utilisateur, sélectionnez le champ de texte du formulaire
que vos visiteurs utilisent pour saisir un nom d'utilisateur.
Dans la zone Si existe déjà, aller à, spécifiez une page à
ouvrir si un nom d'utilisateur correspondant est trouvé dans la table de la base de données, puis
cliquez sur OK.
La page ouverte doit alerter l'utilisateur que le nom d'utilisateur est déjà pris et permettre à l'utilisateur de réessayer.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
