Aller au contenu principal

20-2 ViewModel de création de compte

Pour contenir les données du formulaire, il faudra associer à ce dernier un ViewModel contenant les différentes propriétés (champs) du formulaire.

Créer le ViewModel CreerCompteViewModel

Comme le ViewModel sera responsable de contenir les données de création d'un compte, on l'appellera CreerCompteViewModel.

  1. Créer un dossier Comptes sous le dossier Models du projet Web.Mvc. Imgur
  2. Créer un ViewModel CreerCompteViewModel dans le dossier Models. Un ViewModel est simplement une classe, vous pouvez donc utiliser Class/Interface comme type de fichier.
    Snowfall.Web.Mvc/Models/Comptes/CreerCompteViewModel.cs
    namespace Snowfall.Web.Mvc.Models.Comptes;

    public class CreerCompteViewModel
    {

    }

Ajouter les propriétés requises au ViewModel

Le formulaire d'inscription contiendra les propriétés suivantes:

  • Prenom le prénom de l'utilisateur
  • Nom le nom de l'utilisateur
  • Email le courriel de l'utilisateur
  • Password le mot de passe désiré
  • ConfirmPassword la confirmation du mot de passe choisi
info

Nous reviendrons plus loin aux propriétés supplémentaires (adresse et cie). Pour l'instant, gardons les choses simples afin d'avoir une inscription fonctionnelle interagissant avec une seule table, soit la future table contenant les utilisateurs.

On peut simplement ajouter les propriétés au ViewModel.

Snowfall.Web.Mvc/Models/Comptes/CreerCompteViewModel.cs
namespace Snowfall.Web.Mvc.Models.Comptes;

public class CreerCompteViewModel
{
public string Prenom { get; set; } = String.Empty;
public string Nom { get; set; } = String.Empty;
public string Email { get; set; } = String.Empty;
public string Password { get; set; } = String.Empty;
public string ConfirmPassword { get; set; } = String.Empty;
}