Gincsai Gábor MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék.

Slides:



Advertisements
Hasonló előadás
2005 február 7Dr. Tánczos László BME EISZK1 Az oklevélmelléklet előállításának technikai és informatikai háttérbiztosítása. Tánczos László igazgatóhelyettes,
Advertisements

Felhasználói felületek és üzleti logika
A program a „Tudáshasznosulást, tudástranszfert segítő eszköz-, és feltételrendszer kialakítása, fejlesztése a Műegyetemen” (TÁMOP /1/KMR )
Integráció az Office alkalmazásokkal Ez az előadó neve beosztása vállalata.
Új online technológiák: lehetőségek és kihívások Kerese István Fejlesztési platform üzletág igazgató Microsoft Magyarország
Felhasználói felületek és üzleti logika Bollobás Dávid ASP.NET
NET 3.0.NET 3.5 JSON Encoding ASMX WS + ASP.NET Ajax Extensions System.ServiceModel.Web Web programozás Saját megoldásSystem.ServiceModel.Web.
Social Networking alkalmazás fejlesztése ASP.NET 3.5-tel Árvai Zoltán Consultant, Trainer Számalk Oktatóközpont.
2 3.NET Framework 3.0 Visual Studio Extensions for WF Visual Studio Extensions for WCF/WPF CTP ASP.NET AJAX 1.0 Ajax Toolkit.NET Framework 3.5 Visual.
Kereskényi Róbert MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai.
LINQ to DataSet Kereskényi Róbert
Ekler Péter Budapesti Műszaki és Gazdaságtudományi Egyetem
BUDAPESTI MŰSZAKI ÉS GAZDASÁGTUDOMÁNYI EGYETEM VILLAMOSMÉRNÖKI ÉS INFORMATIKAI KAR ELEKTRONIKAI TECHNOLÓGIA TANSZÉK HOGYAN KÉSZÜL A MOBILUNK? AVAGY A 21.
2 Forrás: The Standish Group International, Extreme Chaos, The Standish Group International, Inc., 2000.
A jövő szoftverélménye Bátorfi Zsolt fejlesztési platform szakértő Microsoft Magyarország Előadó neve.
ASP.NET MVC 3 platform áttekintés
Budapesti Műszaki és Gazdaságtudományi Egyetem
TALAJMECHANIKA-ALAPOZÁS
Közös kinézet Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán.
A digitális számítás elmélete
Előadó: Kárpáti Péter Üzleti folyamatvezérlés nagyvállalati környezetben (BizTalk Server 2004, Office InfoPath 2003 és Windows.
SQL Server 2005 Reporting Services Kószó Károly rendszermérnök Microsoft Magyarország.
Dokumentumkezelés GTM szeminárium sorozat Kontor 2004 ügyviteli keretrendszer Előadók: Szalontai Zoltán (T-Systems) Albert István (MSDN Kompetencia Központ)
SharePoint Adminisztráció
Microsoft szoftverek a szakképzésben
Modularizált felépítés SzervermenedzsmentBiztonságDiagnosztika FTP szerver Finom fejlesztések Közös konfiguráció.
SharePoint Designer és Expression Web
Szombathely Dinamikus WEB programozás: PHP és JSP.
Egyszerű webes alkalmazás fejlesztése Készítette: Simon Nándor.
Egyszerű webes alkalmazás fejlesztése
Google earth és a térinformatika kapcsolata
Microsoft Access Makrók és események.
A tűzfalakról Microsoft-módra Rövid áttekintés felhasználóknak (A GYIK alapján)
V 1.0 ÓE-NIK, Programozás I. A Microsoft Visual Studio 2010 használata.
Az AJAX technológia használata Ez az előadó neve beosztása vállalata.
Vezérlők használata és írása Ez az előadó neve beosztása vállalata.
A mintaalkalmazás architekturális áttekintése Kőnig Tibor főmérnök Microsoft Magyarország.
Az ASP.NET programozási modell Ez az előadó neve beosztása vállalata.
Az Orchard keretrendszer telepítése
Line Of Business alkalmazások fejlesztése Windows Presentation Foundation alapokon.
MEGÚJULÓ ENERGIAFORRÁSOK BIOMASSZA
2005 február 7Dr. Tánczos László BME EISZK1 Az oklevélmelléklet készítő program alkalmazásának előkészítése Tánczos László igazgatóhelyettes az Oktatási.
Modelltranszformációs szabályok automatikus generálása példák alapján Balogh Zoltán IV. évf. informatikus Konzulens: Dr. Varró Dániel Méréstechnika és.
Pókerágens fejlesztése játékelméleti alapokon
Budapesti Műszaki és Gazdaságtudományi Egyetem Méréstechnika és Információs Rendszerek Tanszék R „Big Data” elemzési módszerek Kocsis Imre
Gincsai Gábor MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék.
Virág András MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék.
Kereskényi Róbert MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai.
Meglévő ASP.NET 2.0 alkalmazás kiegészítése AJAX-szal
Kereskényi Róbert MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai.
Mozgás/hangérzékelés mobitelefonokon MobSensor Ekler Péter Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék.
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke IC layout tervek tesztelése.
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke IC layout tervek tesztelése.
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke Mikroelektronika Laboratórium Tájékoztató
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke MIKROELEKTRONIKA, VIEEA306 Integrált áramkörök: áttekintés,
Szabó Viktor Műszaki Mechanikai Tanszék
A Magyar ClusterGRID projekt Stefán Péter tudományos munkatárs NIIF Iroda
Az Egyetem oktatási-kutatási szervezete
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke Mikroelektronika Laboratórium Tájékoztató
User Account Management Endrődi Tamás (MCT, MCP, MCITP) GDF Informatikai Intézet vezetője SZÁMALK Oktatóközpont.
Budapesti Műszaki és Gazdaságtudományi Egyetem Méréstechnika és Információs Rendszerek Tanszék Szondázás alapú diagnosztika 2. Autonóm és hibatűrő információs.
Modularizált felépítés Szerverfelügyelet BiztonságDiagnosztika FTP szerver Közös konfiguráció, deployment.
Központi és az intézményi vezetői információs rendszerek kapcsolata Csulyák Gábor Informatikai Igazgató Educatio Kht január 21. TÁMOP – Felsőoktatási.
Webfejlesztés, Internet Explorer 10 Komjáthy Szabolcs
Galéria Turóczy Attila (MCT, MCP, MCTS) Livesoft Kft.
Budapesti Műszaki és Gazdaságtudományi Egyetem Elektronikus Eszközök Tanszéke Mikroelektronika Laboratórium Tájékoztató
Manhertz Gábor; Raj Levente Tanársegéd; Tanszéki mérnök Budapesti Műszaki és Gazdaságtudományi Egyetem Mechatronika, Optika és Gépészeti Informatika Tanszék.
ASP.NET AJAX és az ASP.NET rejtelmei
A MORPHOLOGIC - BME EGYÜTTMŰKÖDÉSEK
BME – PRO PROGRESSIO INNOVÁCIÓS DÍJ PÁLYÁZAT 2018.
Előadás másolata:

Gincsai Gábor MSDN Kompetencia Központ Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék Telepítéstől az első AJAX-os oldalig

2 Miről lesz szó…  Első lépések  Honnan és hogyan telepíthetjük?  Mit kapunk az ASP.NET AJAX-szal?  Miben tér el a működése az ASP.NET 2.0-tól?  Értsük meg a demo működését  Hogyan kerül a kódba JavaScript?  Mire jó az UpdatePanel?  Hogyan fut le egy részleges oldalfrissítés?

3 Telepítés Microsoft AJAX Extension 1.0  ScriptManager  UpdatePanel  UpdateProgress  Timer Microsoft AJAX Control Toolkit  30+ új vezérlőelem

4 Telepítés II. Sample Applications  Példák  1,6 MB ASP.NET AJAX Futures January CTP  Fejlesztés alatt álló vezérlőelemek  1,7 MB

5 Új project sablonok  ASP.NET AJAX-Enabled Web Site  AJAX-os vezérlőket elérjük  Előre elkészített web.config  AJAX Control Toolkit Web Site  Referencia az AjaxControlToolkit.dll-re

6 Toolboxra kikerülő vezérlők  Új AJAX Extension tab  Timer  ScriptManager  ScriptManagerProxy  UpdateProgress  UpdatePanel  Control Toolkit vezérlői nem kerülnek telepítéskor a Toolboxra  Kézzel kitehetjük

7 Konfiguráció  Új alkalmazásnál a sablon konfigurál  Csak használni kell az AJAX-os vezérlőket  Meglévő alkalmazásnál  A kész web.config-ot átmásoljuk  Saját Web.config-ot kiegészítjük  Ehhez ismerni kell a fontosabb szekciókat C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extension\v1.0.xxx

8 Web.config kiegészítése

9 <section name="scriptResourceHandler" type="…„ requirePermission="false"/> <section name="jsonSerialization" type="…„ requirePermission="false" /> <section name="profileService" type="…„ requirePermission="false" /> <section name="authenticationService" type="…„ requirePermission="false" /> <add tagPrefix="asp" namespace="System.Web.UI„ assembly="System.Web.Extensions, …"/> <add verb="*" path="*.asmx" validate="false„ type="System.Web.Script.Services.ScriptHandlerFactory, …"/> <add verb="GET,HEAD" path="ScriptResource.axd„ type="System.Web.Handlers.ScriptResourceHandler, …" validate="false"/> --> <!-- <profileService enabled="true" readAccessProperties="propertyname1,propertyname2" writeAccessProperties="propertyname1,propertyname2" />--> --> <add name="ScriptModule" preCondition="integratedMode„ type="System.Web.Handlers.ScriptModule, …"/> <add name="ScriptHandlerFactory" verb="*" path="*.asmx„ preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, …"/> <add name="ScriptResource" verb="GET" path="ScriptResource.axd„ type="System.Web.Handlers.ScriptResourceHandler, …" /> Hogyan egészítjük ki?

10 Új project beállításai

11 Egyszerű demo  Részleges frissítés  UpdatePanel  Trigger

12 Miről lesz szó…  Első lépések  Honnan és hogyan telepíthetjük?  Mit kapunk az ASP.NET AJAX-szal?  Miben tér el a működése az ASP.NET 2.0-tól?  Értsük meg a demo működését  Hogyan kerül a kódba JavaScript?  Mire jó az UpdatePanel?  Hogyan fut le egy részleges oldalfrissítés?

13 Hogyan írjuk a JavaScriptet?  A folyamatos postback-ek elkerülésére JavaScriptet használunk  Nehéz megírni  Erősen böngészőfüggő  Hibakeresés időigényes  Megoldás: Nem nekünk kell írni  Készen kapjuk az AJAX vezérlők által használt JavaScriptet  ScriptManager majd kezeli

14 ScriptManager  Minden oldalon szükséges egy példány  Menedzseli a böngészőnek leküldendő kliens oldali szkripteket  Microsoft AJAX Library  Saját szkriptek  Szükséges a szerver oldali vezérlők működéséhez

15 Mi is az UpdatePanel?  Egységbe foglalja az aszinkron módon frissítésre kerülő részeket  Automatikusan aszinkron callback-ké alakítja a postback-et  Automatikusan frissíti a tartalmat a callback eredménye alapján  Nem kell hozzá ismerni se a JavaScript-et se az XMLHttpRequestet

16 Részleges oldalfrissítés  Teljes oldal frissítése helyett csak a kijelölt régiók frissülnek  Alapértelmezés szerint engedélyezve van.  Ha letiltjuk vagy a böngésző nem támogatja, akkor teljes frissítést hajt végre  Előre elkészített böngésző független kliens oldali szkriptek  Minden szerver oldali esemény lefut, de csak az UpdatePanel tartalma kerül vissza a kliensnek

17 Részleges renderelés Click Form Submit PageRequestManager Init Load State Process Postback Load Postback Events Save State PreRender Render Unload Partial Rendering Response Form Data + Custom Header

18 PageRequestManager  Böngészőben frissítés  Kliens oldali életciklus  Több aszinkron művelet prioritása  Státusz üzenet a futó kérés esetén  Egyedi hibaüzenet  Request / Response objektumok elérése

19 Kliens oldali események  Kliens oldalon kiváltott események  initializeRequest  beginRequest  pageLoading  pageLoaded  endRequest Sys.Application.add_load(ApplicationLoadHandler); function ApplicationLoadHandler(sender, args) { Sys.WebForms.PageRequestManager. getInstance().add_initializeRequest(CheckStatus); } Sys.Application.add_load(ApplicationLoadHandler); function ApplicationLoadHandler(sender, args) { Sys.WebForms.PageRequestManager. getInstance().add_initializeRequest(CheckStatus); }

20 Frissítés megszakítása // PageRequestManager példány elkérése var prm = Sys.WebForms.PageRequestManager.getInstance(); // Ha aszinkron kérés van folyamatban, // és a Cancel gombra kattintottunk, akkor abort if (prm.get_isInAsyncPostBack() && args.get_postBackElement().id == 'CancelRefresh') { prm.abortPostBack(); } // PageRequestManager példány elkérése var prm = Sys.WebForms.PageRequestManager.getInstance(); // Ha aszinkron kérés van folyamatban, // és a Cancel gombra kattintottunk, akkor abort if (prm.get_isInAsyncPostBack() && args.get_postBackElement().id == 'CancelRefresh') { prm.abortPostBack(); }

21 Összefoglalás  Új alkalmazás létrehozásánál azonnal használható  Megoldja az állandó postback-elést  Nem kell hozzá ismerni a JavaScript-et  Egyszerű  Testreszabható

22 További információk  Fejlesztői Portál:   Webfejlesztés témaközpont:   ASP.NET 2.0 Induló Készlet:   MSDN.NET Developer Center   MSDN ASP.NET Developer Center   Hivatalos ASP.NET honlap   Hivatalos ASP.NET AJAX honlap 

23 Kérdések és válaszok Értékelőlapok!

24 © 2007 Microsoft Corporation. Minden jog fenntartva. Az előadás csupán tájékoztató jellegű, a Microsoft Magyarország a benne szereplő esetleges hibákért vagy tévedésekért semmilyen felelősséget nem vállal.