Webové formuláre sú webové stránky postavené na technológii ASP.NET. Vykonáva sa na serveri a generuje výstup do prehliadača. Je kompatibilný s akýmkoľvek prehliadačom v akomkoľvek jazyku podporovanom .NET common language runtime. Je flexibilný a umožňuje nám vytvárať a pridávať vlastné ovládacie prvky.
Na vytváranie webových formulárov ASP.NET môžeme použiť Visual Studio. Je to IDE (Integrated Development Environment), ktoré nám umožňuje presúvať ovládacie prvky servera do webových formulárov. Umožňuje nám tiež nastaviť vlastnosti, udalosti a metódy pre ovládacie prvky. Na písanie obchodnej logiky si môžeme vybrať ľubovoľný jazyk .NET, ako napríklad: Visual Basic alebo Visual C#.
Webové formuláre sa skladajú z dvoch komponentov: vizuálna časť (súbor ASPX) a kód za formulárom, ktorý sa nachádza v samostatnom súbore triedy.
Obr: Tento diagram zobrazuje komponenty ASP.NET
Hlavným účelom webových formulárov je prekonať obmedzenia ASP a oddeliť pohľad od aplikačnej logiky.
ASP.NET poskytuje rôzne ovládacie prvky, ako napríklad: serverové ovládacie prvky a ovládacie prvky HTML pre webové formuláre. Všetky tieto ovládacie prvky máme v tabuľke nižšie.
Ovládacie prvky servera
Nasledujúca tabuľka obsahuje ovládacie prvky pre webové formuláre na strane servera.
| Názov ovládacieho prvku | Použiteľné udalosti | Popis |
|---|---|---|
| Označenie | žiadne | Používa sa na zobrazenie textu na stránke HTML. |
| Textové pole | TextChanged | Používa sa na vytvorenie textového vstupu do formulára. |
| Tlačidlo | Kliknite, príkaz | Používa sa na vytvorenie tlačidla. |
| LinkButton | Kliknite, príkaz | Používa sa na vytvorenie tlačidla, ktoré vyzerá podobne ako hypertextový odkaz. |
| ImageButton | Kliknite | Používa sa na vytvorenie obrázkov Button. Tu obrázok funguje ako tlačidlo. |
| Hypertextový odkaz | žiadne | Používa sa na vytvorenie ovládacieho prvku hypertextového prepojenia, ktorý reaguje na udalosť kliknutia. |
| Rozbaľovací zoznam | SelectedIndexChanged | Používa sa na vytvorenie ovládacieho prvku rozbaľovacieho zoznamu. |
| ListBox | SelectedIndexCnhaged | Používa sa na vytvorenie ovládacieho prvku ListBox, ako je ovládací prvok HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Používa sa na vytvorenie fridu, ktoré sa používa na zobrazenie údajov. Pomocou tohto ovládacieho prvku môžeme tiež veľmi jednoducho vykonávať stránkovanie, triedenie a formátovanie. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Používa sa na vytvorenie zoznamu údajov, ktorý nie je tabuľkový a používa sa na zobrazenie údajov. |
| Opakovač | ItemCommand, ItemCreated, ItemDataBound | Umožňuje nám vytvoriť netabuľkový typ formátu údajov. Údaje môžete naviazať na položky šablóny, ktoré sú ako kúsky HTML zostavené v špecifickom opakujúcom sa formáte. |
| CheckBox | CheckChanged | Používa sa na vytvorenie začiarkavacieho políčka. |
| CheckBoxList | SelectedIndexChanged | Používa sa na vytvorenie skupiny začiarkavacích políčok, ktoré všetky spolupracujú. |
| Tlačítko na Rádiu | CheckChanged | Používa sa na vytvorenie prepínača. |
| RadioButtonList | SelectedIndexChanged | Používa sa na vytvorenie skupiny prepínačov, ktoré všetky spolupracujú. |
| Obrázok | žiadne | Používa sa na zobrazenie obrázka na stránke. |
| Panel | žiadne | Používa sa na vytvorenie panelu, ktorý funguje ako kontajner. |
| Zástupný symbol | žiadne | Používa sa na nastavenie zástupného symbolu pre ovládací prvok. |
| Kalendár | SelectionChanged, VisibleMonthChanged, DayRender | Používa sa na vytvorenie kalendára. Môžeme nastaviť predvolený dátum, posúvať sa dopredu a dozadu atď. |
| AdRotator | AdCreated | Umožňuje nám určiť zoznam reklám, ktoré sa majú zobraziť. Zakaždým, keď používateľ znova zobrazí stránku. |
| Tabuľka | žiadne | Používa sa na vytvorenie tabuľky. |
| XML | žiadne | Používa sa na zobrazenie dokumentov XML v rámci HTML. |
| Doslovný | žiadne | Je to ako štítok v tom, že zobrazuje literál, ale umožňuje nám vytvárať nové literály za behu a umiestňovať ich do tohto ovládacieho prvku. |
Ovládacie prvky HTML
Tieto ovládacie prvky vykresľuje prehliadač. Môžeme tiež vytvoriť ovládacie prvky HTML ako serverové ovládacie prvky. budeme o tom diskutovať v ďalšom našom tutoriále.
| Názov ovládacích prvkov | Popis |
|---|---|
| Tlačidlo | Používa sa na vytvorenie tlačidla HTML. |
| Tlačidlo reštart | Obnoví všetky ostatné prvky formulára HTML vo formulári na predvolenú hodnotu |
| Tlačidlo Odoslať | Automaticky odošle údaje formulára na zadanú stránku uvedenú v atribúte Action v značke FORM |
| Textové pole | Poskytuje používateľovi vstupnú oblasť vo formulári HTML |
| Textová oblasť | Používa sa na viacriadkový vstup vo formulári HTML |
| Pole súboru | Umiestňuje textové pole a tlačidlo Prehľadávať do formulára a umožňuje používateľovi vybrať názov súboru zo svojho lokálneho počítača po kliknutí na tlačidlo Prehľadávať |
| Pole hesla | Vstupná oblasť vo formulári HTML, hoci všetky znaky zadané do tohto poľa sú zobrazené ako hviezdičky |
| CheckBox | Poskytuje používateľovi začiarkavacie políčko, ktoré môže vybrať alebo zrušiť |
| Tlačítko na Rádiu | Používa dva alebo viac vo formulári a umožňuje používateľovi vybrať si jeden z ovládacích prvkov |
| Tabuľka | Umožňuje prezentovať informácie v tabuľkovom formáte |
| Obrázok | Zobrazí obrázok vo formulári HTML |
| ListBox | Používateľovi zobrazí zoznam položiek. Môžete nastaviť veľkosť od dvoch alebo viacerých, aby ste určili, koľko položiek chcete zobraziť. Ak existuje viac položiek, ako sa zmestí do tohto limitu, k tomuto ovládaciemu prvku sa automaticky pridá posuvník. |
| Rozbaľovacia ponuka | Používateľovi zobrazí zoznam položiek, ale naraz sa zobrazí iba jedna položka. Používateľ môže kliknúť na šípku nadol na bočnej strane tohto ovládacieho prvku a zobrazí sa zoznam položiek. |
| Horizontálne pravidlo | Zobrazuje vodorovnú čiaru cez stránku HTML |