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


The Presentation inside:

Slide 0

ATLAS/AJAX – новый подход к web Кондратьев Денис VNG User Group [email protected]


Slide 1

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


Slide 2

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


Slide 3

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


Slide 4

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


Slide 5

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


Slide 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


Slide 7

ATLAS


Slide 8

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


Slide 9

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


Slide 10

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


Slide 11

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


Slide 12

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


Slide 13

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


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


Slide 15

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


Slide 16

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


Slide 17

Atlas Control Toolkit


Slide 18

Atlas Control Toolkit


Slide 19

Atlas Control Toolkit


Slide 20

Atlas Control Toolkit


Slide 21

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


Slide 22

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


×

HTML:





Ссылка: