Download - Egyszerű webes alkalmazás fejlesztése
Egyszerű webes alkalmazás fejlesztése
Készítette: Simon Nándor
Miért ASP.NET?
• 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
Működés
XML Data Database
InternetInternet
Page1.aspx
Page2.aspx
WebSzervíz
WebSzervíz ComponentsComponents
Web Forms
Code-beside pages
global.asax
Web.config
machine.config
ASP.NET Web Szerver
Out
put C
ache
Kliens
Local Server 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.
Publikálás
• 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
Win32Win32
MessageMessageQueuingQueuing
COM+COM+(Transactions, Partitions, (Transactions, Partitions,
Object Pooling)Object Pooling)IISIIS WMIWMI
Common Language RuntimeCommon Language Runtime
.NET Framework Class Library.NET Framework Class Library
ADO.NET and XMLADO.NET and XML
XML Web ServicesXML Web Services User InterfaceUser Interface
VisualBasic C++ C#
ASP.NETASP.NET
Perl Python …
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.
A célunk:
Egy ehhez hasonló oldalt szeretnénk!
Project készítés
• 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…
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
Mint a legtöbb korszerű webfejlesztőből, innét sem hiányozhat a Design és a Source nézet
WebForm létrehozása
DE ha megnézzük a Solution Explorert, látjuk, hogy egy .cs fájl is készül
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
Szerver fut ami csak a local gépen elérhető
Szeretnénk a vezérlő elemeket szabadon elhelyezni
A pozicionálás egyszerűbb lesz, ha beállítjuk az Auto-position-t
A megoldás:
Abszolút pozicionálás: A megoldás, hogy egyszerűen tudjunk elhelyezni vezérlőket
Sikerült!
Ezek után a vezérlő elemeket drag&drop módon tudjuk felhelyezni
Az oldal berendezése
DropDown List-hez adatok beállítása
Az oldal berendezése
A Hiperlink-hez url és text megadása
Ellenőrzés
Innét tudjuk a validation mezőket ráhúzni
A dropdownlistnél ezt a funkciót kell beállítani
RequiredFieldValidator
CompareValidator
ValidationSummery
Eredmény
Az ellenőrzést megcsinálja
Támogatja a legtöbb böngésző
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.
KÖSZÖNÖM A FIGYELMET!
A prezentáció elérhető:people.inf.elte.hu/shd/letolt
/eaf4.zip