asp.net ajax uğur umutluoĞlu yazılım eğitmeni
DESCRIPTION
TRANSCRIPT
ASP.NET AJAXASP.NET AJAX
Uğur UMUTLUOĞLUUğur UMUTLUOĞLUYazılım EğitmeniYazılım Eğitmeni
[email protected]@netron.com.tr
AJANDAAJANDA• AJAX Nedir?AJAX Nedir?
• AJAX’ın Getirdiği YeniliklerAJAX’ın Getirdiği Yenilikler
• ASP.NET AJAX Nedir?ASP.NET AJAX Nedir?
• ASP.NET AJAX MimarisiASP.NET AJAX Mimarisi
• Web Uygulamalarında ASP.NET AJAX Web Uygulamalarında ASP.NET AJAX KullanımıKullanımı
• ASP.NET AJAX KontrolleriASP.NET AJAX Kontrolleri
• ASP.NET AJAX ÖrnekleriASP.NET AJAX Örnekleri
AJAX: Asenkron JavaScriptAJAX: Asenkron JavaScriptve XMLve XML
• Bir uygulama geliştirme tarzıdır.Bir uygulama geliştirme tarzıdır.• Bir teknoloji değildir. Birden fazla Bir teknoloji değildir. Birden fazla
teknolojiyi kullanır.teknolojiyi kullanır.– XHTML ve CSSXHTML ve CSS– DOM ve JavaScriptDOM ve JavaScript– XMLHTTPRequestXMLHTTPRequest
• XMLHTTPRequest’i kullanarak asenkron XMLHTTPRequest’i kullanarak asenkron iletişimi sağlar.iletişimi sağlar.
• Güncel tüm web tarayıcıları tarafından Güncel tüm web tarayıcıları tarafından desteklenmektedir.desteklenmektedir.
AJAX: Asenkron JavaScriptAJAX: Asenkron JavaScriptve XMLve XML
AJAX’ın Getirdiği YeniliklerAJAX’ın Getirdiği Yenilikler
• Daha hızlı, daha zengin web Daha hızlı, daha zengin web uygulamalarının oluşturulabilmesini sağlar.uygulamalarının oluşturulabilmesini sağlar.
• Web sayfası ile kullanıcının iletişiminin Web sayfası ile kullanıcının iletişiminin artmasını sağlar.artmasını sağlar.
Klasik Çalışma ModeliKlasik Çalışma Modeli
1. İstemci bir sayfa için istekte bulunur1. İstemci bir sayfa için istekte bulunur
2. Sunucu istenilen sayfayı gönderir2. Sunucu istenilen sayfayı gönderir
3. İstemci yeni bir sayfa için 3. İstemci yeni bir sayfa için istekte bulunuristekte bulunur
4. Sunucu yeniden ürettiği sayfayı gönderir4. Sunucu yeniden ürettiği sayfayı gönderir
SUNUCUSUNUCU İSTEMCİİSTEMCİ
AJAX Çalışma ModeliAJAX Çalışma Modeli
1. İstemci bir sayfa için istekte bulunur1. İstemci bir sayfa için istekte bulunur
2. Sunucu istenilen sayfayı gönderir2. Sunucu istenilen sayfayı gönderir
3. İstemci sadece sayfanın bir kısmının 3. İstemci sadece sayfanın bir kısmının yenilenmesi için istekte bulunuryenilenmesi için istekte bulunur
4. Sunucu sadece yenilenecek kısmı4. Sunucu sadece yenilenecek kısmıİstemciye gönderirİstemciye gönderir
SUNUCUSUNUCU İSTEMCİİSTEMCİ
XMLHTTPRequestXMLHTTPRequest
• JavaScript içerisindeki bir nesnedir.JavaScript içerisindeki bir nesnedir.• Tarayıcıda yüklü olan XMLHTTPRequest Tarayıcıda yüklü olan XMLHTTPRequest
bileşenini kullanarak sunucu ile asenkron bileşenini kullanarak sunucu ile asenkron haberleşmeyi sağlar.haberleşmeyi sağlar.
• Tarayıcıların yapısında farklı Tarayıcıların yapısında farklı XMLHTTPRequest bileşenleri bulunur.XMLHTTPRequest bileşenleri bulunur.
Tarayıcı UyumluluğuTarayıcı Uyumluluğu
• AJAX ile geliştirilmiş uygulamalar, güncel AJAX ile geliştirilmiş uygulamalar, güncel tarayıcıların tümünde çalışmaktadır.tarayıcıların tümünde çalışmaktadır.– Internet Explorer 5.0 +Internet Explorer 5.0 +– Mozilla Firefox 1.0 +Mozilla Firefox 1.0 +– Opera 8 +Opera 8 +– Safari 1.2 +Safari 1.2 +– Netscape 7.1 +Netscape 7.1 +
AJAXAJAX
Örnek AJAX uygulamasıÖrnek AJAX uygulaması
ASP.NET AJAXASP.NET AJAX
• Kod adı “Atlas” olarak duyrulmuştuKod adı “Atlas” olarak duyrulmuştu• Microsoft tarafından geliştirilen ücretsiz Microsoft tarafından geliştirilen ücretsiz
Ajax FrameworkAjax Framework• Kullanmak ve geliştirmek çok kolay!Kullanmak ve geliştirmek çok kolay!• Tüm popüler web tarayıcıları ile uyumluTüm popüler web tarayıcıları ile uyumlu• Ücretsiz geliştirme araçları (Visual Web Ücretsiz geliştirme araçları (Visual Web
Developer Express)Developer Express)• ASP.NET 2.0 ile mükemmel entegrasyonASP.NET 2.0 ile mükemmel entegrasyon
ASP.NET AJAXASP.NET AJAX
• İstemci tarafında; AJAX istemci framework İstemci tarafında; AJAX istemci framework ve servisleri bulunmaktadır.ve servisleri bulunmaktadır.
• Sunucu tarafında; AJAX sunucu framework Sunucu tarafında; AJAX sunucu framework bulunmaktadır.bulunmaktadır.
• ASP.NET 2.0 sayfaları, Web Servisleri ve ASP.NET 2.0 sayfaları, Web Servisleri ve WPF uygulamaları ile birlikte çalıştırılabilir.WPF uygulamaları ile birlikte çalıştırılabilir.
ASP.NET AJAXASP.NET AJAX
ASP.NET “Ajax” Sunucu EklentileriASP.NET “Ajax” Sunucu Eklentileri
“Ajax” Server Controls
“Ajax” Server Controls
App Services Bridge
App Services Bridge
Web Services Bridge
Web Services Bridge
““AAjaxjax” S” Sunucuunucu Framework Framework““AAjaxjax” ” İstemciİstemci Framework Framework veve Servi Servislerisleri
“Ajax” İstemci Script Kütüphanesi
“Ajax” İstemci Script Kütüphanesi
Controls, ComponentsControls, Components
Script CoreScript Core
Base Class LibraryBase Class Library
Component Model and UI Framework
Component Model and UI Framework
Browser CompatibilityBrowser Compatibility
“Ajax” İstemci Uygulama Servisleri
“Ajax” İstemci Uygulama Servisleri
Local StoreLocal Store
BrowserIntegrationBrowser
Integration
ASP.NET 2.0ASP.NET 2.0
Application Services
Application Services
Page Framework,
Server Controls
Page Framework,
Server Controls
““AAjaxjax”-”-destekleyendestekleyen ASP.NET PagesASP.NET Pages
““AAjaxjax”-”-destekleyendestekleyen ASP.NET PagesASP.NET Pages
Web ServiWeb Servislerisleri(ASMX (ASMX veyaveya WCF) WCF)
Web ServiWeb Servislerisleri(ASMX (ASMX veyaveya WCF) WCF)
HTML, Script,HTML, Script,““AAjaxjax””
MarkupMarkup
HTML, Script,HTML, Script,““AAjaxjax””
MarkupMarkup
““AAjaxjax””ServiServiceceProxiesProxies
““AAjaxjax””ServiServiceceProxiesProxies
ASP.NET AJAXASP.NET AJAX
• Sadece ASP.NET 2.0 web uygulamalarında Sadece ASP.NET 2.0 web uygulamalarında kullanılabilir. (ASP.NET 1.1 ve 1.0 kullanılabilir. (ASP.NET 1.1 ve 1.0 desteklenmez)desteklenmez)
• .NET Framework 2.0 ve Visual Studio 2005 .NET Framework 2.0 ve Visual Studio 2005 yapısında bulunmaz.yapısında bulunmaz.
• http://ajax.asp.nethttp://ajax.asp.net adresinden adresinden indirilecek ASP.NET AJAX v1.0 dosyası indirilecek ASP.NET AJAX v1.0 dosyası kurulduğunda Visual Studio 2005’e eklenir.kurulduğunda Visual Studio 2005’e eklenir.
ASP.NET AJAXASP.NET AJAX
• Beş tane sunucu kontrolü bulunmaktadır.– ScriptManager– UpdatePanel– UpdateProgress– Timer– ScriptManagerProxy
ASP.NET AJAXASP.NET AJAX
İlk ASP.NET AJAX uygulamasıİlk ASP.NET AJAX uygulaması
ASP.NET AJAXASP.NET AJAX
ASP.NET AJAX KontrolleriASP.NET AJAX Kontrolleri
ASP.NET AJAXASP.NET AJAX
ASP.NET AJAX Örnek UygulamaASP.NET AJAX Örnek Uygulama
