Web obrasci su web stranice izgrađene na ASP.NET tehnologiji. Izvršava se na poslužitelju i generira izlaz u preglednik. Kompatibilan je s bilo kojim preglednikom na bilo kojem jeziku koji podržava .NET common language runtime. Fleksibilan je i omogućuje nam stvaranje i dodavanje prilagođenih kontrola.
Možemo koristiti Visual Studio za izradu ASP.NET web obrazaca. To je IDE (integrirano razvojno okruženje) koje nam omogućuje povlačenje i ispuštanje poslužiteljskih kontrola na web obrasce. Također nam omogućuje postavljanje svojstava, događaja i metoda za kontrole. Za pisanje poslovne logike možemo izabrati bilo koji .NET jezik kao što su: Visual Basic ili Visual C#.
Web obrasci sastoje se od dvije komponente: vizualnog dijela (ASPX datoteka) i koda iza obrasca koji se nalazi u zasebnoj datoteci klase.
Slika: Ovaj dijagram prikazuje komponente ASP.NET-a
Glavna svrha web obrazaca je nadići ograničenja ASP-a i odvojiti pogled od logike aplikacije.
ASP.NET pruža razne kontrole kao što su: poslužiteljske kontrole i HTML kontrole za web obrasce. U nastavku imamo tablice svih ovih kontrola.
Kontrole poslužitelja
Sljedeća tablica sadrži kontrole na strani poslužitelja za web obrasce.
| Naziv kontrole | Primjenjivi događaji | Opis |
|---|---|---|
| Označiti | Nijedan | Koristi se za prikaz teksta na HTML stranici. |
| TextBox | TextChanged | Koristi se za kreiranje unosa teksta u obrazac. |
| Dugme | Kliknite, Naredba | Koristi se za izradu gumba. |
| LinkButton | Kliknite, Naredba | Koristi se za stvaranje gumba koji izgleda slično hipervezi. |
| ImageButton | Klik | Koristi se za stvaranje gumba imagesButton. Ovdje slika radi kao gumb. |
| Hiperveza | Nijedan | Koristi se za stvaranje kontrole hiperveze koja odgovara na događaj klika. |
| Padajući popis | SelectedIndexChanged | Koristi se za stvaranje kontrole padajućeg popisa. |
| ListBox | SelectedIndexCnhaged | Koristi se za stvaranje ListBox kontrole poput HTML kontrole. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Koristio se za stvaranje frida koji se koristi za prikaz podataka. Pomoću ove kontrole također možemo vrlo jednostavno izvoditi stranice, sortiranje i formatiranje. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Koristi se za izradu popisa podataka koji nije tablični i koristi se za prikaz podataka. |
| Repetitor | ItemCommand, ItemCreated, ItemDataBound | Omogućuje nam stvaranje netabularnog formata za podatke. Podatke možete vezati uz stavke predloška, koje su poput djelića HTML-a sastavljenih u određenom formatu koji se ponavlja. |
| Potvrdni okvir | ProvjeritePromijenjeno | Koristi se za kreiranje potvrdnog okvira. |
| CheckBoxList | SelectedIndexChanged | Koristi se za stvaranje grupe potvrdnih okvira koji rade zajedno. |
| Radio gumb | ProvjeritePromijenjeno | Koristi se za stvaranje radio gumba. |
| RadioButtonList | SelectedIndexChanged | Koristi se za stvaranje grupe kontrola radijskih gumba koje rade zajedno. |
| Slika | Nijedan | Koristi se za prikaz slike unutar stranice. |
| Ploča | Nijedan | Koristi se za izradu panela koji radi kao spremnik. |
| Rezerviranog mjesta | Nijedan | Koristi se za postavljanje rezerviranog mjesta za kontrolu. |
| Kalendar | SelectionChanged, VisibleMonthChanged, DayRender | Koristi se za izradu kalendara. Možemo postaviti zadani datum, pomicati se naprijed i nazad itd. |
| AdRotator | AdCreated | Omogućuje nam da odredimo popis oglasa za prikaz. Svaki put kada korisnik ponovno prikaže stranicu. |
| Stol | Nijedan | Koristi se za izradu tablice. |
| XML | Nijedan | Koristi se za prikaz XML dokumenata unutar HTML-a. |
| Doslovno | Nijedan | To je poput oznake utoliko što prikazuje literal, ali nam omogućuje stvaranje novih literala tijekom izvođenja i njihovo postavljanje u ovu kontrolu. |
HTML kontrole
Ove kontrole prikazuje preglednik. Također možemo napraviti HTML kontrole kao kontrole poslužitelja. o tome ćemo raspravljati u nastavku našeg vodiča.
| Naziv kontrole | Opis |
|---|---|
| Dugme | Koristi se za stvaranje HTML gumba. |
| Gumb za resetiranje | Vraća sve druge elemente HTML obrasca na obrazac na zadanu vrijednost |
| Gumb Pošalji | Automatski objavljuje podatke obrasca na navedenu stranicu navedenu u atributu Action u oznaci FORM |
| Polje za tekst | Daje korisniku područje za unos na HTML obrascu |
| Područje teksta | Koristi se za višeredni unos u HTML obrazac |
| Polje datoteke | Postavlja tekstualno polje i gumb Pregledaj na obrazac i omogućuje korisniku odabir naziva datoteke sa svog lokalnog računala kada se klikne gumb Pregledaj |
| Polje za lozinku | Područje unosa na HTML obrascu, iako se svi znakovi upisani u ovo polje prikazuju kao zvjezdice |
| Potvrdni okvir | Daje korisniku potvrdni okvir koji može odabrati ili poništiti |
| Radio gumb | Koristi se dva ili više na obrascu i omogućuje korisniku odabir jedne od kontrola |
| Stol | Omogućuje prikaz informacija u tabelarnom obliku |
| Slika | Prikazuje sliku na HTML obrascu |
| ListBox | Prikazuje popis stavki korisniku. Možete postaviti dvije ili više veličina kako biste odredili koliko stavki želite prikazati. Ako postoji više stavki nego što može stati unutar ovog ograničenja, traka za pomicanje se automatski dodaje ovoj kontroli. |
| Padajući izbornik | Prikazuje popis stavki korisniku, ali će se pojaviti samo jedna po jedna stavka. Korisnik može kliknuti strelicu prema dolje sa strane ove kontrole i prikazat će se popis stavki. |
| Horizontalno pravilo | Prikazuje vodoravnu liniju preko HTML stranice |