1 / 31

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

desiree-burgess
Download Presentation

Egyszerű webes alkalmazás fejlesztése

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

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

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

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

  8. Message Queuing COM+ (Transactions, Partitions, Object Pooling) IIS WMI .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 Win32

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  29. Felhasznált anyagok • http://www.learnvisualstudio.net/

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

More Related