Ajax_on_Java_ajaxja.pdf

Ajax on Java

Autor: Steven Olson

TĀumaczenie: SĀawomir Dzieniszewski

ISBN: 978-83-246-1110-2

TytuĀ oryginaĀu: Ajax on Java

Format: B5, stron: 232

Wydawnictwo Helion

ul. Koľciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

Twoje aplikacje jeszcze bardziej interaktywne!

¤ Jak integrowaě funkcje Ajaksa z aplikacjami JSP?

¤ Jak korzystaě z dostķpnych bibliotek znacznikw i tworzyě wĀasne?

¤ Jak ĀĴczyě techniki Ajax i Struts?

Technologia Ajax oparta na kodzie Java gwarantuje uzyskanie prawdziwej

interaktywnoľ ci witryny internetowej, wysoce komfortowej zarwno dla uŃytkownika,

jak i jej administratora. Wieloľ ě zestaww narzķdziowych i technik umoŃliwia

maksymalne uproszczenie i przyspieszenie pracy webmastera. Zaimplementowanie

Ajaksa w aplikacjach pisanych w jķzyku Java pozwala na uzyskanie niemal wszystkich

efektw potrzebnych do sprawnego funkcjonowania dynamicznej strony WWW

bez koniecznoľ ci wykorzystywania innych technologii.

KsiĴŃka â Ajax on Java Ò to wprowadzenie do technologii Ajax, ktre pokazuje, jak

wzbogacaě o funkcje ajaksowe aplikacje oparte na serwletach, aplikacje JSP, JSF

i inne. Dziķki temu podrķcznikowi nauczysz siķ tworzyě bardziej interaktywne,

dynamiczne i efektowne strony internetowe poprzez wyeliminowanie pracochĀonnego

wpisywania danych przez uŃytkownika i irytujĴcego oczekiwania na odľ wieŃenie

strony. Poznasz rwnieŃ kilka sposobw organizowania komunikacji pomiķdzy klientem

a serwerem, w tym wykorzystanie formatw JSON, umoŃliwiajĴcych przesyĀanie danych

o bardziej zĀoŃonej strukturze.

Krtko mwiĴc, ksiĴŃka â Ajax on Java Ò podniesie Twoje umiejķtnoľ ci programowania

na wyŃszy poziom.

¤ Budowanie i instalowanie aplikacji Ajax

¤ Integrowanie funkcji Ajax z aplikacjami JSP

¤ Metody tworzenia dokumentw XML

¤ Tworzenie biblioteki znacznikw

¤ Pobieranie i instalowanie biblioteki Ajax

¤ Pisanie kodu JSP z wykorzystaniem Struts-Layout

¤ Konfigurowanie serwletw

¤ Wykorzystywanie zestawu narzķdziowego GWT

¤ Wyszukiwanie bĀķdw w kodzie aplikacji

Ajax on Java -- komfort webmasterw i uŃytkownikw!

Spis treści

Przedmowa ................................................................................................................................ 7

1. Przygotowania ..............................................................................................................13

Wymagania

Instalowanie serwera Tomcat

Instalowanie Ant

2. JavaScript i Ajax ............................................................................................................ 17

Tworzenie aplikacji

Uruchamianie przykładu

3. Prosty serwlet Ajax .......................................................................................................25

Budowanie i instalowanie aplikacji Ajax

Uruchamianie przykładu

4. XML oraz JSON i Ajax .................................................................................................... 31

Aplikacja dekodująca znaki

Przygotowujemy prosty dokument XML

Wracamy do klienta — analiza kodu XML

Budowanie aplikacji

Uruchamianie aplikacji na serwerze Tomcat

Przesyłanie danych z użyciem formatu JSON

Podsumowanie

5. Pobieranie potrzebnych danych ..................................................................................53

Wypełnianie formularza za pomocą Ajaksa

Tworzenie pola sugerującego nazwy użytkowników

6. Biblioteki i zestawy narzędziowe ................................................................................ 75

Korzystanie z biblioteki Dojo Toolkit 76

Korzystanie z biblioteki Rico Toolkit 81

Korzystanie z biblioteki DWR 87

Przeciąganie i upuszczanie z wykorzystaniem bibliotek Scriptaculous i Prototype 92

7. ZnacznikiAjax .............................................................................................................. 111

Tworzenie biblioteki znaczników

111

Biblioteki znaczników oferowane przez innych dostawców

121

8. Ajax i Struts ................................................................................................................. 145

Biblioteka Struts-Layout

145

Implementowanie funkcji Ajax w Struts z użyciem biblioteki DWR

157

Ajax i Struts — czego dowiedzieliśmy się w tym rozdziale?

170

9. Ajax i JavaServer Faces ................................................................................................ 171

Cykl życia JSF

172

Pisanie własnego komponentu JSF

172

Tworzenie własnego znacznika JSF

177

Obsługiwanie danych JSF poprzez rozszerzanie klasy HtmlInputText

185

Kod JSF wspomagający mechanizm Ajax

186

Podsumowanie

189

10. Zestaw narzędziowy Google Web Toolkit .................................................................191

Zaczynamy pracę z GWT

191

Wyszukiwanie błędów w kodzie aplikacji

196

Rozbudowujemy aplikację — kod klienta

200

Udostępnianie usług klientowi

204

Testowanie współdziałania aplikacji ZipCodes z usługą

209

Kontrolki oferowane przez GWT

212

Skorowidz .............................................................................................................................. 217

Spis treści

ROZDZIAŁ 2.

JavaScript i Ajax

Tajemnica technologii Ajax polega na sprytnym wykorzystaniu języka JavaScript. Ajax nie jest

szkieletem programowania dla stron WWW tak jak Struts czy Tapestry i pod tym akronimem

tak naprawdę nie ukrywa się żadna nowa cudowna technologia. Sekret Ajax polega na bez-

pośrednim komunikowaniu się za pomocą języka JavaScript z serwerem stron WWW, dzięki

czemu unika się cyklu zatwierdzenie danych – odpowiedź, tak dobrze znanego wszystkim

użytkownikom stron WWW.

Programiści języka Java zazwyczaj unikają języka JavaScript. Z różnych powodów, lepszych

i gorszych. Oczywiście dodanie kolejnej warstwy skryptowej do strony JSP zwiększa tylko

zamieszanie. Niemniej kod JavaScript wykonywany jest bezpośrednio przez przeglądarkę

internetową i dlatego jest bardzo szybki. Nie ma potrzeby oczekiwania, aż serwer wygene-

ruje odpowiedź: kod JavaScript jest w stanie prawie natychmiast wygenerować wynik i od-

powiednio aktualizować stronę.

Technologia Ajax dodaje tu interakcję z serwerem, jednak bez konieczności zatwierdzania (i wy-

syłania) danych przyciskiem Submit . Kiedy potrzebne są nowe dane od serwera, strona WWW

z kodem JavaScript po prostu wysyła żądanie, a serwer odsyła z powrotem odpowiednie dane

— tym razem nie jest to jednak nowa strona w kodzie HTML. Serwer zwraca dane, które kod

JavaScript będzie mógł wyświetlić na bieżącej, już załadowanej stronie. Efekt jest taki, że na-

sza aplikacja WWW zaczyna bardziej przypominać zwykłą aplikację instalowaną na komputerze.

Mówiąc w skrócie, korzystając z technologii Ajax, możemy osiągnąć na naszych stronach

WWW poziom interaktywności zbliżony do tego znanego z profesjonalnych aplikacji insta-

lowanych na komputerze.

Celem tej książki nie jest nauczenie Czytelnika programowania w języku JavaScript ani nawet

omawianie jego wad i zalet. Zakładam tutaj, że każdy z Czytelników ma już jakieś doświad-

czenie z językiem JavaScript. Ci, dla których jest on nowością, powinni zajrzeć do książki

JavaScript. Przewodnik programisty autorstwa Davida Flanagana (wydawnictwo RM). Jest to

najlepszy obecnie dostępny przewodnik po języku JavaScript. Mimo iż język JavaScript różni

się od Javy, niemniej programiści języka Java nie powinni mieć większych problemów ze

zrozumieniem kodu JavaScript. Jak łatwo się będzie przekonać, kod JavaScript zaprezentowany

w tym rozdziale jest dość prosty. Dopóki składnia języka jest dla Czytelnika zrozumiała, nie

ma potrzeby dokładnego studiowania języka JavaScript.

Tworzenie aplikacji

Zaczniemy od przygotowania kompletnego kodu HTML i JavaScript naszej pierwszej aplikacji.

Będzie to prosta strona WWW wyświetlająca liczbę dziesiętną odpowiadającą każdemu zna-

kowi. Następnie oddzielimy kod JavaScript od kodu HTML i przyjrzymy się mu dokładnie.

Kod HTML ukazany został na listingu 2.1.

Listing 2.1. index.html

<html>

<head>

<title>Ajax on Java, Rozdział 2 przykład</title>

</head>

<h1> AJAXOWY DEKODER ZNAKÓW </h1>

<h2> Wciśnij klawisz, by poznać jego kod liczbowy. </h2>

<table>

<tr>

<td>

Tu podaj klawisz ->

<input type="text" id="key" name="key"

onkeyup="convertToDecimal( );">

</td>

</tr>

</table>

<br />

<table>

<tr>

Wciśnięty klawisz:

</td>

</tr>

<tr>

<td> Kod dziesiętnie </td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

W większości jest to standardowy kod HTML. Zawiera on tylko dwa odwołania do kodu Java-

Script: do funkcji focusIn() i convertToDecimal() . Funkcja focusIn() po prostu umieszcza

kursor od razu w odpowiednim polu służącym do wprowadzania danych, dzięki czemu

użytkownik nie musi go tam sam przesuwać myszą.

Funkcja convertToDecimal() będzie natomiast naszą bramą do świata technologii Ajax. Listing 2.2

prezentuje kod JavaScript obsługujący naszą stronę WWW, przechowywany w pliku ajax.js .

Listing 2.2. ajax.js

var req;

function convertToDecimal( ) {

var key = document.getElementById("key");

Rozdział 2. JavaScript i Ajax

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: