ASP.NET MVC – Formulare

In Webanwendungen können wir Daten von einem Benutzer in erster Linie über die Formulare abrufen , da wir in ihnen Felder mit Beschriftungen definieren und ausfüllen lassen und diese Informationen dann verwenden können, um unsere Ziele zu erreichen.

In ASP.NET MVC ist die Erstellung von Formularen recht einfach, da es viele Methoden und Dienstprogramme gibt, die uns bei der Generierung von HTML helfen, sodass wir weniger arbeiten und das Formular mit den Aktionen des Controllers verbinden können, sodass wir sehr schnell eine Funktionalität generieren können .

Das Formular erstellen

Wie wir wissen, existiert das Konzept der Form im Web seit seiner Einführung. Es ist eine der primitivsten Formen von HTML , um Daten zu erfassen. Dies bedeutet jedoch nicht, dass sie veraltet oder ineffizient sind. Mit den neuen Änderungen und Standards haben die Formulare an Funktionalität gewonnen, ihre Kombination mit Javascript ermöglicht Live-Validierungen und wir können ihnen Stile geben, damit sie so aussehen, wie sie wollen. Sehen wir uns im folgenden Bild ein Formular ohne Stile an:

asp_formularios.jpg

Wichtig
ASP.NET MVC hat eine Vorliebe, weil wir unsere eigenen Formulare erstellen . Daher bietet es uns Tools, sogenannte Helfer , die uns helfen, repetitives HTML auf einfachere Weise zu erstellen. Wir haben Methoden wie Html.TextBox , Html.Password und andere, die uns helfen generieren Sie die Felder, die wir in den Formularen haben werden.

Schauen wir uns an, wie Sie mit Razor und den verschiedenen verfügbaren Hilfsprogrammen ein Formular erstellen. Sehen wir uns den Code und anschließend die Erklärung an:

 <h2> Auktion erstellen </ h2> @using (Html.BeginForm ()) { <p> @ Html.LabelFor (model => model.Title) @ Html.EditorFor (model => model.Title) </ p> <p> @ Html.LabelFor (model => model.Description) @ Html.EditorFor (model => model.Description) </ p> <p> @ Html.LabelFor (model => model.StartPrice) @ Html.EditorFor (model => model.StartPrice) </ p> <p> @ Html.LabelFor (model => model.EndTime) @ Html.EditorFor (model => model.EndTime) </ p> <p> <input type = "submit" value = "Create" /> </ p> } 

Als Erstes erstellen wir eine neue Ansicht, die wir Create.cshtml nennen können. In dieser neuen Datei wird der Inhalt des Codes entleert . Im Code schreiben wir zuerst ein HTML H2- Element, um einen Dokumenttitel zu erstellen , dann kommt der interessante Teil, wir öffnen einen Razor- Block mit @using und in diesem Block beginnen wir mit der Konstruktion des Formulars.

See also  So hören Sie Musik unter Linux mit Befehlen

Innerhalb jedes Blocks <p> rufen wir die verschiedenen Helfer auf. In diesem Fall verwenden wir @ Html.LabelFor (model => model.Title) und @ Html.EditorFor (model => model.Title), wenn wir so aussehen Übergeben wir einen Verweis auf das Attribut des Modells, so erzeugen wir Elemente, die diesen entsprechen.

Wir wiederholen den Vorgang für jedes der Attribute des Modells, das wir benötigen, und erstellen schließlich ein HTML-Element, um die Informationen zu senden, und schließen schließlich den Razor- Block, den wir geöffnet hatten.

Mit allem, was beschrieben wird, wenn über eine Controller-Aktion auf die Ansicht zugegriffen wird, verfügen wir über ein gültiges HTML- Formular, das wir dann verarbeiten können, um die gewünschten Funktionen zu erfüllen, da wir sehen, dass wir das Formular manuell mit den verschiedenen ASP.NET- Tools erstellen müssen Sie ermöglichen es uns, dem Programmierer das Leben zu erleichtern, indem wir kleine Fragmente automatisieren und die Menge des geschriebenen Codes verringern.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *