Programiranje na Internetu

Laboratorijske vježbe

Vježba VI – Asp.net Core MVC aplikacija

Zadatak 1: MVC Asp.net Core aplikacija

Potrebno je kreirati novu ASP.NET Core aplikaciju Vježba 6 koristeći MVC template. Prepraviti glavni
izbornik tako da dodate elemente Hello, Static i Other kao što je dolje prikazano. (Ptičice su za drugi
zadatak.)

U slučaju izbora Hello treba aplikacija treba vratiti praznu stranicu s tekstom „Pozdrav iz kontrolera.“.
To će te postići tako da kreirate novu metodu u postojećem kontroleru koja koristi funkciju „Ok“ da
vrati predviđeni tekst.

Ako se klikne na Static potrebno je vratiti stranicu na kojoj je podebljanim slovima napisano „Pozdrav
iz statičke stranice!“ Ova stranica mora biti statička (html ekstenzija). Gdje će te je smjestiti u Vašoj
aplikaciji?

Izbor Other aktivira metodu iz novog kontrolera koji će te kreirati prema slici dolje. Ova metoda treba
vratiti stranicu koja je prikazana dolje (HTML lista). Koristiti razor sintaksu i petlju, ne hard-kodirati
izgled stranice!
 Programiranje na Internetu
Laboratorijske vježbe

Zadatak 2: Dodavanje modela u aplikaciju

Kreirajte novu stavku u meniju; „Ptičice“. Ovaj dio aplikacije treba raditi s bazom podataka u koju će
te pohranjivati podatke o snimanju ptica. Za početak potrebno je dodati model u aplikaciju. Kreirati
novi folder Models u projektu. U njega dodati novu klasu Ptice.cs U ovoj klasi dodati javna svojstva Id
(int), Naziv(string), Vrsta(string) i DatSnimanja(datetime). (javna svojstva su public varijable iza kojih
ide {get;set;} kako je objašnjeno na predavanju ).
Kada ste kreirali novu klasu modela kreirajte iz nje kontroler s pogledima koristeći Scaffolding (Desni
klik na folderu Controllers). Dolje je prikazan postupak.

Kada pokušate otvoriti stranicu kontrolera sa pregledom ptica pojavljuje se greška. Zašto?
 Programiranje na Internetu
Laboratorijske vježbe

Kako bi riješili predmet otvorite Tools->NuGet Package Manager -> Package Manager Console
Sada pokrenite slijedeće naredbe:
 Add-Migration Initial
 Update-Database
Ukoliko ove naredbe ne rade moguće da nedostaje tools package , u tom slučaju instalirati sa:
 Install-Package Microsoft.EntityFrameworkCore.Tools

Kreirati par ptica i vidjeti kako se prikazuju. Datum ima (nepotrebnu) vremensku komponentu i
neodgovarajući naslov stupca. Da bi je ovo ispravili postavite atribute u model:
[Display(Name = "Datum rođenja")]
[DataType(DataType.Date)])

Ponovo otvorite aplikaciju, sada bi se datum trebao prikazivati ispravno.