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.

Felhasznált anyagok

• http://www.learnvisualstudio.net/

KÖSZÖNÖM A FIGYELMET!

A prezentáció elérhető:people.inf.elte.hu/shd/letolt

/eaf4.zip