A Web Forms az ASP.NET technológiára épülő weboldalak. A szerveren fut, és kimenetet generál a böngészőnek. Bármely böngészővel kompatibilis a .NET közös nyelvű futtatókörnyezet által támogatott bármely nyelvvel. Rugalmas, és lehetővé teszi egyedi vezérlők létrehozását és hozzáadását.
A Visual Studio segítségével létrehozhatunk ASP.NET webes űrlapokat. Ez egy IDE (Integrated Development Environment), amely lehetővé teszi számunkra, hogy a szervervezérlőket áthúzzuk a webes űrlapokra. Lehetővé teszi a vezérlők tulajdonságainak, eseményeknek és metódusainak beállítását is. Az üzleti logika írásához bármilyen .NET nyelvet választhatunk, például: Visual Basic vagy Visual C#.
A webes űrlapok két összetevőből állnak: a vizuális részből (az ASPX fájlból) és az űrlap mögött található kódból, amely egy külön osztályfájlban található.
Ábra: Ez a diagram az ASP.NET összetevőit mutatja be
A Web Forms fő célja az ASP korlátainak leküzdése, és a nézet elkülönítése az alkalmazáslogikától.
Az ASP.NET különféle vezérlőket kínál, például: szervervezérlők és HTML-vezérlők a webes űrlapokhoz. Az alábbiakban felsoroljuk ezeket a vezérlőket.
Szervervezérlők
Az alábbi táblázat a webes űrlapok kiszolgálóoldali vezérlőit tartalmazza.
| Vezérlő neve | Alkalmazható események | Leírás |
|---|---|---|
| Címke | Egyik sem | Szöveg megjelenítésére szolgál a HTML oldalon. |
| Szövegdoboz | TextChanged | Szövegbevitel létrehozására szolgál az űrlapon. |
| Gomb | Kattintson, Parancs | Egy gomb létrehozására szolgál. |
| LinkButton | Kattintson, Parancs | A hiperhivatkozáshoz hasonló gomb létrehozására szolgál. |
| ImageButton | Kattintson | Egy imagesButton létrehozására szolgál. Itt egy kép gombként működik. |
| Hiperhivatkozás | Egyik sem | Egy kattintási eseményre reagáló hiperhivatkozás-vezérlő létrehozására szolgál. |
| Legördülő lista | SelectedIndexChanged | Legördülő listavezérlő létrehozására szolgál. |
| ListBox | SelectedIndexCnhaged | A HTML-vezérlőhöz hasonló ListBox-vezérlők létrehozására szolgál. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Régebben egy hűtőt hoztak létre, amelyet adatok megjelenítésére használnak. Ezzel a vezérlővel nagyon egyszerűen végezhetünk lapozást, rendezést és formázást is. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Nem táblázatos adatlista létrehozására szolgál, és adatok megjelenítésére szolgál. |
| Ismétlő | ItemCommand, ItemCreated, ItemDataBound | Lehetővé teszi számunkra, hogy nem táblázatos típusú formátumot hozzunk létre az adatokhoz. Az adatokat sablonelemekhez kötheti, amelyek olyanok, mint egy meghatározott ismétlődő formátumban összeállított HTML-bitek. |
| Jelölőnégyzet | Check Changed | A jelölőnégyzet létrehozására szolgál. |
| CheckBoxList | SelectedIndexChanged | A jelölőnégyzetek csoportjának létrehozására szolgál, amelyek mindegyike együtt működik. |
| Rádiógomb | Check Changed | Rádiógomb létrehozására szolgál. |
| RadioButtonList | SelectedIndexChanged | Rádiógomb-vezérlők csoportjának létrehozására szolgál, amelyek mindegyike együtt működik. |
| Kép | Egyik sem | Az oldalon belüli kép megjelenítésére szolgál. |
| Panel | Egyik sem | Konténerként működő panel létrehozására szolgál. |
| Helykitöltő | Egyik sem | A vezérlő helyőrzőjének beállítására szolgál. |
| Naptár | SelectionChanged, VisibleMonthChanged, DayRender | Naptár létrehozására szolgál. Beállíthatjuk az alapértelmezett dátumot, előre-hátra léphetünk stb. |
| AdRotator | AdCreated | Lehetővé teszi számunkra, hogy megadjuk a megjelenítendő hirdetések listáját. Minden alkalommal, amikor a felhasználó újra megjeleníti az oldalt. |
| asztal | Egyik sem | Táblázat létrehozására szolgál. |
| XML | Egyik sem | XML dokumentumok HTML-en belüli megjelenítésére szolgál. |
| Szó szerinti | Egyik sem | Olyan, mint egy címke, mivel literált jelenít meg, de lehetővé teszi számunkra, hogy futás közben új literálokat hozzunk létre, és helyezzük el őket ebbe a vezérlőbe. |
HTML vezérlők
Ezeket a vezérlőket a böngésző jeleníti meg. HTML vezérlőket is készíthetünk szervervezérlésként. erről további oktatóanyagunkban fogunk beszélni.
| Vezérlők neve | Leírás |
|---|---|
| Gomb | HTML gomb létrehozására szolgál. |
| Reset gomb | Visszaállítja az összes többi HTML űrlapelemet az űrlapon az alapértelmezett értékre |
| Beküldés gomb | Automatikusan elküldi az űrlapadatokat a FORM címke Action attribútumában felsorolt oldalra |
| Szövegmező | Beviteli területet ad a felhasználónak egy HTML űrlapon |
| Szöveg terület | Többsoros bevitelre szolgál egy HTML űrlapon |
| Fájl mező | Szövegmezőt és Tallózás gombot helyez el egy űrlapon, és lehetővé teszi a felhasználó számára, hogy a Tallózás gombra kattintva válasszon fájlnevet a helyi gépéről |
| Jelszó mező | Beviteli terület egy HTML űrlapon, bár az ebbe a mezőbe beírt karakterek csillagként jelennek meg |
| Jelölőnégyzet | Egy jelölőnégyzetet ad a felhasználónak, amelyet bejelölhet vagy törölhet |
| Rádiógomb | Kettőt vagy többet használt egy űrlaphoz, és lehetővé teszi a felhasználó számára, hogy válasszon egyet a vezérlők közül |
| asztal | Lehetővé teszi az információk táblázatos formában történő bemutatását |
| Kép | Képet jelenít meg egy HTML űrlapon |
| ListBox | Az elemek listáját jeleníti meg a felhasználó számára. Beállíthatja a méretet kettő vagy több között, hogy meghatározza, hány elemet kíván megjeleníteni. Ha több elem van, mint amennyi elfér ezen a korláton belül, a rendszer automatikusan hozzáad egy görgetősávot ehhez a vezérlőhöz. |
| Ledob | Elemek listáját jeleníti meg a felhasználó számára, de egyszerre csak egy elem jelenik meg. A felhasználó rákattinthat a vezérlő oldalán lévő lefelé mutató nyílra, és megjelenik az elemek listája. |
| Vízszintes szabály | Vízszintes vonalat jelenít meg a HTML oldalon |