'

ATLAS/AJAX – новый подход к web

Понравилась презентация – покажи это...





Слайд 0

ATLAS/AJAX – новый подход к web Кондратьев Денис VNG User Group info@inln.ru


Слайд 1

Тема встречи Предпосылки появления AJAX Архитектура ATLAS Трансформация ASP.NET-приложений Atlas Control Toolkit Минусы AJAX


Слайд 2

Этапы web-технологий Common Gateway Interface (CGI) Java-аплеты JavaScript Серверные приложения AJAX - 2001 (XMLHttp - MSXML, XMLHttpRequest - Mozilla)


Слайд 3

AJAX (Asynchronous JavaScript + XML) Jesse James Garrett «Ajax: A New Approach to Web Applications" www.adaptivepath.com/publications/essays/archives/000385.php


Слайд 4

Технологическая основа AJAX HTML/XHTML – отображение информации DOM – обновление частей HTML документов без полной перезагрузки JavaScript – для инициирования взаимодействий «клиент-сервер» или изменения через DOM докумена Серверный код


Слайд 5

AJAX в ASP.NET 2.0 Реализовать ICallbackEventHandler: RaiseCallbackEvent и GetCallbackResult Создать client-side script для асинхронного вызова ч/з ClientScriptManager.GetCallbackEventReference Написать JavaScript код для вызова метода


Слайд 6

ASP.NET AJAX beta1 Microsoft ASP.NET AJAX v1.0 Beta "Core" Download Microsoft ASP.NET AJAX CTP Beta "ValueAdd" Download ASP.NET AJAX Control Toolkit Microsoft AJAX Library Beta


Слайд 7

ATLAS


Слайд 8

Архитектура Atlas


Слайд 9

Клиентская часть уровень совместимости, обеспечивающий поддержку различных браузеров базовые службы для поддержки ООП базовая библиотека классов (работа со строками, отладка, …) сетевой уровень, обеспечивающий коммуникации с Web-службами уровень пользовательского интерфейса уровень специальных Atlas-ориентированных элементов управления


Слайд 10

Серверная часть уровень серверных элементов управления шлюз для Web-служб шлюз для доступа к ключевым службам ASP.NET


Слайд 11

Трансформация ASP.NET-приложений


Слайд 12

ScriptManager <asp:ScriptManager EnablePartialRendering="true" runat="server" />


Слайд 13

UpdatePanel <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> ... </Triggers> <ContentTemplate> ... </ContentTemplate> </asp:UpdatePanel>


Слайд 14

UpdatePanel <asp:UpdatePanel runat="server" ID="goods"> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnShow“ EventName="Click" /> <asp:AsyncPostBackTrigger ControlID="drdSections" EventName="SelectedIndexChanged" /> </Triggers> <ContentTemplate> <asp:GridView ID="dgrd" Width="100%" runat="server" AutoGenerateColumns="False" CssClass="text" DataSourceID="SqlDataSourceGoods"> ……. </ContentTemplate> </asp:UpdatePanel>


Слайд 15

UpdateProgress <asp:UpdateProgress runat="server" ID="progress"> <ProgressTemplate> <img src="images/spinner.gif" width="16" height="16" hspace="3" /> Обновление данных. Пожалуйста, подождите </ProgressTemplate> </asp:UpdateProgress>


Слайд 16

Трансформация ASP.NET-приложений


Слайд 17

Atlas Control Toolkit


Слайд 18

Atlas Control Toolkit


Слайд 19

Atlas Control Toolkit


Слайд 20

Atlas Control Toolkit


Слайд 21

Минусы AJAX Сохранение страниц Индексирование Ссылки Растет время первого открытия страниц


Слайд 22

Ссылки ajax.asp.net ASP.NET AJAX Control Toolkit ajax.asp.net/default.aspx?tabid=47&subtabid=477 ajax.asp.net/docs


×

HTML:





Ссылка: