Samouczek: Dostosowywanie widoku dla Database First EF z aplikacją ASP.NET MVC

Korzystając z szkieletów MVC, Entity Framework i ASP.NET, można utworzyć aplikację sieci Web, która udostępnia interfejs istniejącej bazy danych. W tej serii samouczków pokazano, jak automatycznie generować kod, który umożliwia użytkownikom wyświetlanie, edytowanie, tworzenie i usuwanie danych znajdujących się w tabeli bazy danych. Wygenerowany kod odpowiada kolumnom w tabeli bazy danych.

Ten samouczek koncentruje się na zmianie automatycznie generowanych widoków w celu ulepszenia prezentacji.

W tym samouczku zostaną wykonane następujące czynności:

  • Dodawanie kursów do strony szczegółów ucznia
  • Potwierdź, że kursy są dodawane do strony

Wymagania wstępne

Dodawanie kursów do szczegółów ucznia

Wygenerowany kod stanowi dobry punkt wyjścia dla aplikacji, ale nie musi zapewniać wszystkich funkcji potrzebnych w aplikacji. Można dostosować kod w celu spełnienia określonych wymagań aplikacji. Obecnie aplikacja nie wyświetla zarejestrowanych kursów dla wybranego ucznia. W tej sekcji dodasz zarejestrowane kursy dla każdego ucznia do widoku szczegółów dla ucznia.

Otwórz widoki > uczniów > szczegóły. cshtml. Poniżej ostatniego znacznika </DL>, ale przed zamykającym tagiem </DIV> Dodaj następujący kod.

<table class="table">
    <tr>
        <th>
            Course Title
        </th>
        <th>
            Grade
        </th>
        <th>
            Credits
        </th>
    </tr>

    @foreach (var item in Model.Enrollments)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Course.Title)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Grade)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Course.Credits)
            </td>
        </tr>
    }
</table>

Ten kod tworzy tabelę, która wyświetla wiersz dla każdego rekordu w tabeli rejestracji dla wybranego ucznia. Metoda Display renderuje HTML dla obiektu (ModelItem), który reprezentuje wyrażenie. Aby upewnić się, że wartość jest poprawnie sformatowana w oparciu o typ i szablon tego typu, należy użyć metody wyświetlania (zamiast osadzania wartości właściwości w kodzie). W tym przykładzie każde wyrażenie zwraca pojedynczą właściwość z bieżącego rekordu w pętli, a wartości są typami pierwotnymi, które są renderowane jako tekst.

Dodano kursy potwierdzające

Uruchom rozwiązanie. Kliknij listę studentów i wybierz szczegóły dla jednego z uczniów. W widoku zostaną wyświetlone zarejestrowane kursy.

student z rejestracją

Następne kroki

W tym samouczku zostaną wykonane następujące czynności:

  • Dodano kursy do strony szczegółów ucznia
  • Potwierdzenie, że kursy są dodawane do strony

Przejdź do następnego samouczka, aby dowiedzieć się, jak dodać adnotacje do danych, aby określić wymagania dotyczące weryfikacji i formatowanie wyświetlania.