Tutorial: Generati vizualizari pentru baza de date EF mai intai cu aplicatia ASP.NET MVC

• 28.01.2019
• 4 minute de citit

In acest articol

Folosind MVC, Entity Framework si ASP.NET Schela, puteti crea o aplicatie web care ofera o interfata la o baza de date existenta. Aceasta serie de tutoriale va arata cum sa generati automat cod care permite utilizatorilor sa afiseze, sa editeze, sa creeze si sa stearga datele care se afla intr-un tabel de baze de date. Codul generat corespunde coloanelor din tabelul bazei de date.

Acest tutorial se concentreaza pe utilizarea schelei ASP.NET pentru a genera controlere si vizualizari.

In acest tutorial, tu:

Conditie prealabila

• Creati aplicatia web si modele de date

Adaugati schele

Sunteti gata sa generati cod care va oferi operatiuni de date standard pentru clasele de modele. Adaugati codul adaugand un element de schela. Exista multe optiuni pentru tipul de schele pe care le puteti adauga; in acest tutorial, schela va include un controler si vizualizari care corespund modelelor Student si Inscriere pe care le-ati creat in sectiunea anterioara.

Pentru a mentine coerenta in proiectul dvs., veti adauga noul controler in folderul Controlere existente . Faceti clic dreapta pe folderul Controlere si selectati Adaugare > Element nou de schela .

Selectati controlerul MVC 5 cu vizualizari, utilizand optiunea Entity Framework . Aceasta optiune va genera controlerul si vizualizari pentru actualizarea, stergerea, crearea si afisarea datelor in modelul dvs.

Selectati Student (ContosoSite.Models) pentru clasa model si selectati ContosoUniversityDataEntities (ContosoSite.Models) pentru clasa context. Pastrati numele controlerului ca StudentsController .

Faceti clic pe Adaugare .

Daca primiti o eroare, se poate datora faptului ca nu ati construit proiectul in sectiunea anterioara. Daca da, incercati sa construiti proiectul, apoi adaugati din nou elementul schelat.

Dupa finalizarea procesului de generare a codului, veti vedea un controler si vizualizari noi in dosarele Controlere si vizualizari > Studenti ale proiectului .

Efectuati din nou aceiasi pasi, dar adaugati o schela pentru clasa de inscriere . Cand ati terminat, aveti un fisier EnrollmentsController.cs si un folder sub Vizualizari numit Inscrieri cu vizualizarile Creare, Stergere, Detalii, Editare si Indexare.

Adaugati linkuri catre vizualizari noi

Pentru a va facilita navigarea catre noile vizualizari, puteti adauga cateva hyperlinkuri la vizualizarile Index pentru studenti si inscrieri. Deschideti fisierul la Vizualizari > Acasa > Index.cshtml , care este pagina de pornire pentru site-ul dvs. Adaugati urmatorul cod sub jumbotron.

<div> @ Html.ActionLink („Lista studentilor”, „Index”, „Studenti”) <br /> @ Html.ActionLink („Lista inscrierilor”, „Index”, „Inscrieri”) </div>

Pentru metoda ActionLink, primul parametru este textul de afisat in link. Al doilea parametru este actiunea si al treilea parametru este numele controlerului. De exemplu, primul link indica actiunea Index din StudentsController. Hyperlinkul real este construit din aceste valori. Primul link duce in cele din urma utilizatorii la fisierul Index.cshtml din folderul Vizualizari / Studenti .

Afisati vizualizarile elevilor

Veti verifica daca codul adaugat la proiectul dvs. afiseaza corect o lista a studentilor si permite utilizatorilor sa editeze, sa creeze sau sa stearga inregistrarile studentilor din baza de date.

Faceti clic dreapta pe fisierul Vizualizari > Acasa > Index.cshtml si selectati Vizualizare in browser . Pe pagina principala a aplicatiei, selectati Lista studentilor .

Pe pagina Index , observati lista studentilor si linkurile pentru a modifica aceste date. Selectati linkul Creati nou si furnizati cateva valori pentru un nou student. Faceti clic pe Creati si observati ca noul student este adaugat in lista dvs.

Inapoi pe pagina Index , selectati linkul Editati si modificati unele dintre valorile pentru un student. Faceti clic pe Salvare si observati ca fisa studentului a fost modificata.

In cele din urma, selectati linkul Stergeti si confirmati ca doriti sa stergeti inregistrarea facand clic pe butonul Stergere .

Fara sa scrieti niciun cod, ati adaugat vizualizari care efectueaza operatiuni comune pe datele din tabelul Student.

Este posibil sa fi observat ca eticheta de text pentru un camp se bazeaza pe proprietatea bazei de date (cum ar fi LastName ), care nu este neaparat ceea ce doriti sa afisati pe pagina web. De exemplu, ati putea prefera ca eticheta sa fie Numele de familie . Veti remedia aceasta problema de afisare mai tarziu in tutorial.

Afisati vizualizarile de inscriere

Baza dvs. de date include o relatie unu-la-multi intre tabelele Student si Inscriere si o relatie unu-la-multi intre tabelele Curs si Inscriere. Vizualizarile pentru inscriere gestioneaza corect aceste relatii. Navigati la pagina de pornire pentru site-ul dvs. si selectati link-ul Lista de inscrieri si apoi linkul Creare noua .

Vizualizarea afiseaza un formular pentru crearea unei noi inregistrari de inscriere. In special, observati ca formularul contine o lista derulanta CourseID si o lista derulanta StudentID . Ambele sunt populate cu valori din tabelele aferente.

In plus, validarea valorilor furnizate se aplica automat pe baza tipului de date al campului. Calificarea necesita un numar, deci este afisat un mesaj de eroare daca incercati sa furnizati o valoare incompatibila: campul Calificare trebuie sa fie un numar.

Ati verificat daca vizualizarile generate automat permit utilizatorilor sa lucreze cu datele din baza de date. In urmatorul tutorial din aceasta serie, veti actualiza baza de date si veti face modificarile corespunzatoare in aplicatia web.

Pasii urmatori

In acest tutorial, tu:

Treceti la urmatorul tutorial pentru a afla cum sa schimbati baza de date.