Spletni obrazci so spletne strani, zgrajene na tehnologiji ASP.NET. Izvaja se na strežniku in generira izhod v brskalnik. Združljiv je s katerim koli brskalnikom in katerim koli jezikom, ki ga podpira .NET common language runtime. Je prilagodljiv in nam omogoča ustvarjanje in dodajanje kontrolnikov po meri.
Za ustvarjanje spletnih obrazcev ASP.NET lahko uporabimo Visual Studio. To je IDE (integrirano razvojno okolje), ki nam omogoča, da strežniške kontrole povlečemo in spustimo v spletne obrazce. Omogoča nam tudi nastavitev lastnosti, dogodkov in metod za kontrole. Za pisanje poslovne logike lahko izberemo kateri koli jezik .NET, kot je: Visual Basic ali Visual C#.
Spletni obrazci so sestavljeni iz dveh komponent: vizualnega dela (datoteka ASPX) in kode za obrazcem, ki se nahaja v ločeni datoteki razreda.
Slika: Ta diagram prikazuje komponente ASP.NET
Glavni namen spletnih obrazcev je premagati omejitve ASP in ločiti pogled od logike aplikacije.
ASP.NET ponuja različne kontrole, kot so: strežniške kontrole in kontrole HTML za spletne obrazce. Spodaj imamo tabele vseh teh kontrol.
Nadzor strežnika
Naslednja tabela vsebuje kontrolnike na strani strežnika za spletne obrazce.
| Ime nadzora | Veljavni dogodki | Opis |
|---|---|---|
| Oznaka | Noben | Uporablja se za prikaz besedila na strani HTML. |
| TextBox | TextChanged | Uporablja se za ustvarjanje vnosa besedila v obrazec. |
| Gumb | Kliknite, ukaz | Uporablja se za ustvarjanje gumba. |
| LinkButton | Kliknite, ukaz | Uporablja se za ustvarjanje gumba, ki je podoben hiperpovezavi. |
| ImageButton | Kliknite | Uporablja se za ustvarjanje gumba imagesButton. Tukaj slika deluje kot gumb. |
| Hiperpovezava | Noben | Uporablja se za ustvarjanje kontrolnika hiperpovezave, ki se odzove na dogodek klika. |
| Spustni seznam | SelectedIndexChanged | Uporablja se za ustvarjanje kontrolnika spustnega seznama. |
| ListBox | SelectedIndexCnhaged | Uporablja se za ustvarjanje kontrolnika ListBox, kot je kontrolnik HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Včasih je ustvaril frid, ki se uporablja za prikaz podatkov. S tem kontrolnikom lahko zelo enostavno izvajamo tudi stranjenje, razvrščanje in oblikovanje. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Uporablja se za ustvarjanje seznama podatkov, ki ni tabelarni in se uporablja za prikaz podatkov. |
| Repeater | ItemCommand, ItemCreated, ItemDataBound | Omogoča nam ustvarjanje netabelarne oblike zapisa podatkov. Podatke lahko povežete z elementi predloge, ki so kot koščki HTML, sestavljeni v določen ponavljajoči se format. |
| Potrditveno polje | PreveriteSpremenjeno | Uporablja se za ustvarjanje potrditvenega polja. |
| CheckBoxList | SelectedIndexChanged | Uporablja se za ustvarjanje skupine potrditvenih polj, ki delujejo skupaj. |
| Radijski gumb | PreveriteSpremenjeno | Uporablja se za ustvarjanje izbirnega gumba. |
| RadioButtonList | SelectedIndexChanged | Uporablja se za ustvarjanje skupine kontrolnikov izbirnih gumbov, ki delujejo skupaj. |
| Slika | Noben | Uporablja se za prikaz slike na strani. |
| Panel | Noben | Uporablja se za ustvarjanje plošče, ki deluje kot vsebnik. |
| Rezervirano mesto | Noben | Uporablja se za nastavitev ograde za kontrolnik. |
| Koledar | SelectionChanged, VisibleMonthChanged, DayRender | Uporablja se za izdelavo koledarja. Nastavimo lahko privzeti datum, se premikamo naprej in nazaj itd. |
| AdRotator | AdCreated | Omogoča nam, da določimo seznam oglasov za prikaz. Vsakič, ko uporabnik znova prikaže stran. |
| Tabela | Noben | Uporablja se za ustvarjanje tabele. |
| XML | Noben | Uporablja se za prikaz dokumentov XML v HTML. |
| Dobesedno | Noben | Je kot oznaka, saj prikazuje literal, vendar nam omogoča, da med izvajanjem ustvarimo nove literale in jih postavimo v ta kontrolnik. |
Kontrolniki HTML
Te kontrole upodablja brskalnik. Kontrolnike HTML lahko naredimo tudi kot nadzor strežnika. o tem bomo razpravljali v nadaljevanju naše vadnice.
| Ime kontrolnikov | Opis |
|---|---|
| Gumb | Uporablja se za ustvarjanje gumba HTML. |
| Gumb za ponastavitev | Ponastavi vse druge elemente obrazca HTML na obrazcu na privzeto vrednost |
| Gumb za pošiljanje | Samodejno objavi podatke obrazca na določeno stran, navedeno v atributu Action v oznaki FORM |
| Besedilno polje | Uporabniku omogoči vnosno območje na obrazcu HTML |
| Območje besedila | Uporablja se za večvrstični vnos v obrazec HTML |
| Polje datoteke | Postavi besedilno polje in gumb Prebrskaj na obrazec ter uporabniku omogoči, da izbere ime datoteke na svojem lokalnem računalniku, ko klikne gumb Prebrskaj |
| Polje za geslo | Vnosno območje v obrazcu HTML, čeprav so vsi znaki, vneseni v to polje, prikazani kot zvezdice |
| Potrditveno polje | Uporabniku daje potrditveno polje, ki ga lahko izbere ali počisti |
| Radijski gumb | Uporablja se dva ali več na obrazcu in omogoča uporabniku, da izbere enega od kontrolnikov |
| Tabela | Omogoča predstavitev informacij v obliki tabele |
| Slika | Prikaže sliko na obrazcu HTML |
| ListBox | Uporabniku prikaže seznam elementov. Nastavite lahko velikost od dveh ali več, da določite, koliko predmetov želite prikazati. Če je več elementov, kot jih je v to omejitev, se temu kontrolniku samodejno doda drsni trak. |
| Spustni meni | Uporabniku prikaže seznam elementov, vendar bo prikazan samo en element naenkrat. Uporabnik lahko klikne puščico navzdol ob strani tega kontrolnika in prikazal se bo seznam elementov. |
| Horizontalno pravilo | Prikaže vodoravno črto čez stran HTML |