Miért ASP.NET? Egyszerű webes alkalmazás fejlesztése Készítette: Simon Nándor Integrált fejlesztő környezet Egységes (vizuális) fejlesztési lehetőségek Bőséges segítség (help) Hibakeresési, nyomkövetési lehetőségek.net keretrendszer Nyelvfüggetlen Sok programozási nyelv Könnyű átjárhatóság Web szabványok (XML, SOAP) Történet -A Microsoft Active Server Pages (Aktív Szerver Oldal) /ASP/ születése 1996 októberére tehető, amikor megjelent az 1.0- ás publikus béta, mint frissítés az Internet Information Server (IIS) 2.0-hoz. -egy Script nyelvet használ: VBScript - 2000->.Net FrameWork - Objektum orientáltság : ASP.Net 1.0 (ASP+) majd 1.1 és 2005: 2.0 ASP ASP.NET Csak a név hasonlít, a technológia új Az ASP.NET működése gyorsabb, mivel az egész weboldalt előfordítja egy vagy több DLL-be a webszerveren Az ASP.NET az eseményvezérelt GUI felé próbálja irányítani a fejlesztőt a hagyományos scriptelés helyett Kliens Internet Web Szervíz Output Cache Működés Page1. aspx Page2. aspx XML Data ASP.NET Web Szerver Web Forms Codebeside pages global. asax Database Web. config machine. config Components
Local Server Web Server Publikálás A mi esetünkben, ha a gépről elindítjuk az alkalmazást, akkor is létrejön egy szerver, de csak a localhoston fog futni és csak a mi számunkra lesz elérhető. A lap interneten történő közzétételéhez egy web szerverre lesz majd szükségünk. A jelenleg elérhető végleges verzió a 2.0. Az ASP.NET 2.0-val készített alkalmazások egy speciális, ingyenes Go-Live licensz alapján publikálhatók Microsoft Web Server 2003 (IIS Internet Information Services) vagy ha nem Windowsos környezetből szeretnénk futtatni a szerverünket, akkor az apache web-szerverre is kifejlesztették az asp támogatását..net keretrendszer Visual Basic C++ C# XML Web Services Perl Python ASP.NET ADO.NET and XML User Interface.NET Framework Class Library Common Language Runtime Egyszerű webes alkalmazás Célunk ezek után, hogy készítsünk egy olyan webes felületet, amin található néhány windowsból ismert vezérlő, és ezeket ellenőrizzük le, hogy tényleg történt-e valami változás a futás során. Message Queuing COM+ (Transactions, Partitions, Object Pooling) IIS WMI Win32 A célunk: Project készítés Egy ehhez hasonló oldalt szeretnénk! Project készítés (template választás) Web site(.aspx) Mögöttes kód (code behind) (aspx.cs) v.1.1 Code beside, code inline, asp.net 2.0 Project Egy solution több projektet tartalmazhat Különböző nyelvű projekteket is
Hát, akkor kezdjük Elkezdtük Web-es alkalmazást szeretnénk készíteni Az ASP.NET Web Site ikont kell kiválasztanunk A készülő project nyelve a C# lesz, és beállítjuk hova készítse el A kód WebForm létrehozása A készülő kódban is láthatjuk, hogy a nyelv C#, de még úgy tűnik mint egy sima html-es alkalmazás DE ha megnézzük a Solution Explorert, látjuk, hogy egy.cs fájl is készül Mint a legtöbb korszerű webfejlesztőből, innét sem hiányozhat a Design és a Source nézet Codebehind Mögöttes kód előnye, h a klienshez nem jut el a forráskód, hanem csak a szerver foglalkozik vele. A sima asp-s oldalaknál a kód és a kinézet egy fájlban. A.NET keretrendszer újdonsága, az új adatmodell, miszerint a megjelenítési logikát és a program logikát különválasztják. A megjelenési logikát leíró nyelv az ASP.NET deklaratív nyelve, míg a program logikát leíró nyelv a C#, VB, J# stb. imperatív nyelvek egyike WebForm létrehozása 2 Ha a WebForm létrehozásakor a Place code in separate file-t kiixeljük, akkor nem jön létre egy külön.cs fájl
Egy fájlban a C#-kód és a html Layout, lehetőségek Nem jött létre a külön fájl, a C# kódrészek az aspx fájlban vannak benne Layout menü a lehetőségeink tárháza Használhatjuk a windowsos toolokat a webes alkalmazás fejlesztése közben is Megjelenés Szeretnénk a vezérlő elemeket szabadon elhelyezni A pozicionálás egyszerűbb lesz, ha beállítjuk az Autoposition-t Szerver fut ami csak a local gépen elérhető A megoldás: Sikerült! Abszolút pozicionálás: A megoldás, hogy egyszerűen tudjunk elhelyezni vezérlőket Ezek után a vezérlő elemeket drag&drop módon tudjuk felhelyezni
Az oldal berendezése Az oldal berendezése DropDown Listhez adatok beállítása A Hiperlink-hez url és text megadása Ellenőrzés Eredmény RequiredFieldValidator Az ellenőrzést megcsinálja CompareValidator Támogatja a legtöbb böngésző ValidationSummery Innét tudjuk a validation mezőket ráhúzni A dropdownlistnél ezt a funkciót kell beállítani A forráskód Megnézhetjük, azt is, hogy a felhasználó a forráskódot, hogyan látja, az egyes asp-s elemek miként jelennek meg. Felhasznált anyagok http://www.learnvisualstudio.net/
KÖSZÖNÖM A FIGYELMET! A prezentáció elérhető: people.inf.elte.hu/shd/letolt/eaf 4.zip