ASP.NET ALAPOZÓ 1. gyak ASP-s alkalmazás készítés 1. feladat
ASP-s alkalmazás készítés Áttekintés Megismerjük az ASP-s alkalmazások készítésének alapjait a Visual Studio 2010 környezetben. Megfigyeljük egy egyszerű Solution felépítését, a Web Form-okat, a Web.Config fájlt Először hagyományos HTML kontrolokat használunk, majd a HTML vezérlőket átalakítjuk szerveren futóra. Legvégül eljutunk az ASP.NET web szerver vezérlők használatáig. Eközben megismerkedünk a Request, Response és Page objektumokkal és a beépített Math és Convert osztályokkal. Kipróbáljuk a hibakeresési és nyomkövetési lehetőségeket.
A gyakorlat feladata Készítsünk webes alkalmazást, mellyel egy felhasználó által megadott szám faktoriálisát számoljuk ki és jelenítjük meg. Készítsünk webes alkalmazást, mellyel egy felhasználó által megadott másodfokú egyenlet gyökeit határozhatjuk meg.
1. ábra Faktoriális számítása
2. ábra Másodfokú egyenlet megoldása
Probléma – Tervezés Dinamikus tartalom A HTML oldalak kezdetben statikusak voltak. Később azonban megjelentek a dinamikus weboldalak, amelyek már valamilyen interakcióra is képesek voltak a felhasználóval. A dinamikus weboldalak létrehozásához többféle technológia is rendelkezésre áll mind kliens, mind pedig szerver oldalon. Ilyen ma elterjedt megoldás például a Javascript, az AJAX, a PHP, vagy a most tárgyalandó ASP.NET.
Út az ASP.NET-hez Kezdetben elegendő volt az egyszerű kérések feldolgozásához és megválaszolásához a Microsoft által nyújtott klasszikus ASP (Active Server Pages). Az idők során a kérések egyre összetettebbek lettek, így egyre bonyolultabb és nehézkesebb lett a feldolgozásuk. Felmerült az igény arra, hogy minél egyszerűbben és gyorsabban, akár előre elkészített elemekből lehessen dinamikus oldalakat létrehozni, ahogy az az asztali alkalmazások fejlesztésében már népszerűvé vált. Ennek az igénynek a figyelembe vételével alakította ki a Microsoft a .NET keret-
ASP.NET ALAPOZÓ 1. gyak ASP-s alkalmazás készítés 1. feladat
rendszert és azon belül az ASP.NET-et. A fejlesztő szabadon választhat a felkínált programozási nyelvek, alkalmazási sablonok között, lehetősége van számos beépített megoldás felhasználására, miközben továbbra is élhet egyéni megoldásokkal.
Tervezés A faktoriális számítás webes megvalósításán keresztül nézzük meg, hogyan is működik egy ASP.NET oldal. A feladatot először hagyományos HTML kontrolok és HTML szerver kontrolok segítségével oldjuk meg. Az első megoldáshoz felhasználjuk a Request objektumot is. A második feladatban, a másodfokú egyenlet gyökeinek meghatározásához web szerver vezérlőket használunk fel. A gyökök kiszámításához felhasználjuk a System névtér Math osztályát. A feladat közben megismerkedünk a Visual Studio 2010 (a továbbiakban röviden VS2010) fejlesztő környezettel.
Megvalósítás Faktoriális Készítsünk egy új web alkalmazást. Válasszuk az ASP.NET Empty Web Site template-et (sablont) a megoldáshoz és a C#-ot, mint programozási nyelvet. Azért használunk egyelőre Empty Web Site sablont, mert lépésről lépésrekívánjuk megismerni a Solution-ök felépítését.
2. ábra Új web alkalmazás
Az ASP.NET Empty Web Site létrehozása esetén a VS 2010 csak egy üres solution-t (megoldást hoz létre), amibe csak egy web.config fájl kerül. Ezt láthatjuk a Solution Explorer-ben. 1. ábra Üres Solution
ASP.NET ALAPOZÓ 1. gyak ASP-s alkalmazás készítés 1. feladat
Adjunk a solution-hoz egy ASP.NET oldalt, más néven egy Web Form-ot és nevezzük el
3. ábra Új Web Form hozzáadása
Fakt_HTML_kliens-nek. Egy ASP.NET oldal két fájlból áll. Az oldal megjelenítését leíró állomány kiterjesztése aspx, tartalma az úgynevezett markup kód. A szerver oldali kódot a választott programozási nyelven (most C#) az aspx.cs kiterjesztésű fájlt tartalmazza. Az így kialakított CodeBehind megoldásnak további előnye, hogy a kliens (felhasználó) előtt rejtve marad a kód. Ne feledkezzünk el a markup kód szerkesztése során a különböző nézetekről. (Split, Design és Source nézet.) Az első feladatot oldjuk meg a klasszikus HTML vezérlőkkel. A ToolBox segítségével helyezzük el az oldalunkon egy Input (Text) vezérlőt melyben megadhatjuk a számot, aminek a faktoriálisát szeretnénk meghatározni. Adjunk a vezérlőnek nevet a Name attribútumában, hogy a későbbiekben egyértelműen hivatkozhassunk rá.
6. ábra HTML vezérlők a ToolBox-ban 7. ábra A HTML vezérlők megjelenése, Design nézet
Tegyünk föl az oldalra még egy Input (Submit) gombot, ami arra való, hogy a felhasználó által megadott adatokat elküldje a szervernek. A szerver felé POST-tal küldjük az adatokat, ne felejtsük a formon ezt beállítani! A submit gomb megnyomása esetén az aktuális oldal újratöltődik. A nyomógomb feliratát a Value attribútum beállításával adhatjuk meg, ahogy az a markup kódban látszik.
ASP.NET ALAPOZÓ 1. gyak ASP-s alkalmazás készítés 1. feladat