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:
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.
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.