Egyszerű webes alkalmazás fejlesztése

Az előadások a következő témára: "Egyszerű webes alkalmazás fejlesztése"— Előadás másolata:

1 Egyszerű webes alkalmazás fejlesztése
Készítette: Simon Nándor

2 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)

3 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

4 Működés ASP.NET Web Szerver Output Cache Web Szervíz Kliens Internet
Web Forms Web. config Page1. aspx Code-beside pages Output Cache Internet Page2. aspx machine. config global. asax Web Szervíz Database Components XML Data

5 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.

6 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.

7 .NET Framework Class Library Common Language Runtime
.Net keretrendszer Visual Basic C++ C# Perl Python … XML Web Services User Interface ASP.NET ADO.NET and XML .NET Framework Class Library Common Language Runtime Message Queuing COM+ (Transactions, Partitions, Object Pooling) IIS WMI Win32

8 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.

9 A célunk: Egy ehhez hasonló oldalt szeretnénk!

10 Project készítés Project készítés (template választás) Project
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

11 Hát, akkor kezdjük… Web-es alkalmazást szeretnénk készíteni

12 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

13 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

14 WebForm létrehozása DE ha megnézzük a Solution Explorert, látjuk, hogy egy .cs fájl is készül

15 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

16 Egy fájlban a script és a tagek
Nem jött létre a külön fájl, a C# kódrészek az aspx fájlban vannak benne

17 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

18 Megjelenés Szerver fut ami csak a local gépen elérhető

19 Szeretnénk a vezérlő elemeket szabadon elhelyezni
A pozicionálás egyszerűbb lesz, ha beállítjuk az Auto-position-t

20 A megoldás: Abszolút pozicionálás: A megoldás, hogy egyszerűen tudjunk elhelyezni vezérlőket

21 Sikerült! Ezek után a vezérlő elemeket drag&drop módon tudjuk felhelyezni

22 Az oldal berendezése DropDown List-hez adatok beállítása

23 Az oldal berendezése A Hiperlink-hez url és text megadása

24 Ellenőrzés RequiredFieldValidator CompareValidator ValidationSummery Innét tudjuk a validation mezőket ráhúzni A dropdownlistnél ezt a funkciót kell beállítani

25 Eredmény Az ellenőrzést megcsinálja Támogatja a legtöbb böngésző

26 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.

27 A prezentáció elérhető: people.inf.elte.hu/shd/letolt/eaf4.zip
KÖSZÖNÖM A FIGYELMET! A prezentáció elérhető: people.inf.elte.hu/shd/letolt/eaf4.zip