ASP.NET MVC - Formulaires

Dans les applications Web, le principal moyen par lequel nous pouvons obtenir des données d'un utilisateur consiste à formes, car nous pouvons y définir des champs avec des étiquettes et les compléter, puis utiliser ces informations pour atteindre nos objectifs.
Dans ASP.NET MVC la construction des formulaires est assez simple, car il existe de nombreuses méthodes et utilitaires qui nous aident dans la génération du HTML pour que nous travaillions moins et en joignant le formulaire aux actions du contrôleur, nous pouvons générer une fonctionnalité très rapidement.
Construire la forme
Comme nous le savons, le concept de forme existe sur le web depuis sa création, c'est l'une des formes les plus primitives de la HTML pour capturer des données, mais cela ne signifie pas qu'elles sont obsolètes ou inefficaces; Avec les nouveaux changements et normes, les formulaires ont gagné en fonctionnalité, leur combinaison avec Javascript vous permet d'effectuer des validations en direct et nous pouvons les styliser afin qu'ils aient l'apparence que nous voulons. Voyons dans l'image suivante un formulaire sans styles :

ImportantASP.NET MVC a une préférence car nous fabriquons nos propres formulaires, c'est pourquoi il nous propose des outils appelés aides qui nous aident à créer du HTML répétitif de manière plus simple, nous avons des méthodes telles que Html.TextBox, Html.Mot de passe et d'autres qui nous aident à générer les champs que nous aurons dans les formulaires.
Nous allons créer un formulaire en utilisant Rasoir et les différents aides dont nous disposons, voyons le code puis son explication :

Créer une enchère
@using (Html.BeginForm ()) {
@ Html.LabelFor (model => model.Title) @ Html.EditorFor (model => model.Title)
@ Html.LabelFor (model => model.Description) @ Html.EditorFor (model => model.Description)
@ Html.LabelFor (model => model.StartPrice) @ Html.EditorFor (model => model.StartPrice)
@ Html.LabelFor (model => model.EndTime) @ Html.EditorFor (model => model.EndTime)
} 

La première chose que nous faisons est de créer une nouvelle vue, nous pouvons l'appeler Créer.cshtml et à l'intérieur de ce nouveau fichier nous viderons le contenu du code; dans le code on écrit d'abord un élément HTML H2 c'est pour établir un titre du document, puis vient la partie intéressante on ouvre un bloc Rasoir avec @en utilisant et à l'intérieur de ce bloc, nous commençons la construction de la forme.
Dans chaque bloc

nous invoquons les différents helpers, dans ce cas nous utilisons @ Html.LabelFor(modèle => modèle.Titre) et @ Html.EditorFor(model => model.Title), si nous regardons, en tant que paramètres, nous passons une référence à l'attribut model, de cette manière nous générerons des éléments qui leur correspondent.
Nous répétons le processus pour chacun des attributs du modèle dont nous avons besoin et à la fin nous créons un élément HTML pour envoyer les informations et enfin nous fermons le bloc Rasoir que nous avions ouvert.
Avec tout ce qui est décrit lors de l'accès à la vue à partir d'une action de contrôleur, nous aurons un formulaire HTML valide que nous pouvons ensuite traiter pour compléter la fonctionnalité souhaitée, comme nous le voyons malgré le fait que nous devons construire le formulaire manuellement, les différents outils de ASP.NET Ils nous permettent de faciliter la vie du programmeur en automatisant de petits fragments et en réduisant la quantité de code écrit.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif