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
ASP.NET Web Szerver Kliens Web Forms
Internet
Web Szervíz
Output Cache
• 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
Működés
Page1. aspx Page2. aspx
XML Data
Codebeside pages global. asax
Database
Web. config machine. config
Components
Local Server
Publikálás
Web Server
• 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
Egyszerű webes alkalmazás
Visual Basic
C++
C#
Perl
Python
…
XML Web Services User Interface ASP.NET ADO.NET and XML .NET Framework Class Library
• 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.
Common Language Runtime Message Queuing
COM+ (Transactions, Partitions, Object Pooling)
IIS
WMI
Win32
A célunk:
Project készítés • Project készítés (template választás) Egy ehhez hasonló oldalt szeretnénk!
– 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… Web-es alkalmazást szeretnénk készíteni
Elkezdtük 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
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
WebForm létrehozása 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
Nem jött létre a külön fájl, a C# kódrészek az aspx fájlban vannak benne
Layout, lehetőségek
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
DropDown Listhez adatok beállítása
Az oldal berendezése
A Hiperlink-hez url és text megadása
Eredmény
Ellenőrzés
Az ellenőrzést megcsinálja RequiredFieldValidator
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
