Ajax_on_Java_ajaxja.pdf

(285 KB) Pobierz
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
Twoje aplikacje jeszcze bardziej interaktywne!
•
Jak integrowaæ funkcje Ajaksa z aplikacjami JSP?
•
Jak korzystaæ z dostêpnych bibliotek znaczników 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 zarówno dla u¿ytkownika,
jak i jej administratora. Wieloœ æ zestawów 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
efektów potrzebnych do sprawnego funkcjonowania dynamicznej strony WWW
bez koniecznoœ ci wykorzystywania innych technologii.
Ksi¹¿ka
„Ajax
on Java” to wprowadzenie do technologii Ajax, które 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 równie¿ kilka sposobów organizowania komunikacji pomiêdzy klientem
a serwerem, w tym wykorzystanie formatów JSON, umo¿liwiaj¹cych przesy³anie danych
o bardziej z³o¿onej strukturze.
Krótko mówi¹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 dokumentów XML
•
Tworzenie biblioteki znaczników
•
Pobieranie i instalowanie biblioteki Ajax
•
Pisanie kodu JSP z wykorzystaniem Struts-Layout
•
Konfigurowanie serwletów
•
Wykorzystywanie zestawu narzêdziowego GWT
•
Wyszukiwanie b³êdów w kodzie aplikacji
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Ajax on Java -- komfort webmasterów i u¿ytkowników!
Spis treści
Przedmowa ................................................................................................................................7
1. Przygotowania .............................................................................................................. 13
Wymagania
Instalowanie serwera Tomcat
Instalowanie Ant
13
14
15
2. JavaScript i Ajax ............................................................................................................ 17
Tworzenie aplikacji
Uruchamianie przykładu
18
24
3. Prosty serwlet Ajax .......................................................................................................25
Budowanie i instalowanie aplikacji Ajax
Uruchamianie przykładu
27
29
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
31
32
40
45
47
48
51
5. Pobieranie potrzebnych danych ..................................................................................53
Wypełnianie formularza za pomocą Ajaksa
Tworzenie pola sugerującego nazwy użytkowników
53
62
6. Biblioteki i zestawy narzędziowe ................................................................................75
Korzystanie z biblioteki Dojo Toolkit
Korzystanie z biblioteki Rico Toolkit
Korzystanie z biblioteki DWR
Przeciąganie i upuszczanie z wykorzystaniem bibliotek Scriptaculous i Prototype
76
81
87
92
5
7. Znaczniki Ajax .............................................................................................................. 111
Tworzenie biblioteki znaczników
Biblioteki znaczników oferowane przez innych dostawców
111
121
8. Ajax i Struts ................................................................................................................. 145
Biblioteka Struts-Layout
Implementowanie funkcji Ajax w Struts z użyciem biblioteki DWR
Ajax i Struts — czego dowiedzieliśmy się w tym rozdziale?
145
157
170
9. Ajax i JavaServer Faces ................................................................................................171
Cykl życia JSF
Pisanie własnego komponentu JSF
Tworzenie własnego znacznika JSF
Obsługiwanie danych JSF poprzez rozszerzanie klasy HtmlInputText
Kod JSF wspomagający mechanizm Ajax
Podsumowanie
172
172
177
185
186
189
10. Zestaw narzędziowy Google Web Toolkit .................................................................191
Zaczynamy pracę z GWT
Wyszukiwanie błędów w kodzie aplikacji
Rozbudowujemy aplikację — kod klienta
Udostępnianie usług klientowi
Testowanie współdziałania aplikacji ZipCodes z usługą
Kontrolki oferowane przez GWT
191
196
200
204
209
212
Skorowidz .............................................................................................................................. 217
6
|
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.
17
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>
<link rel="stylesheet" type="text/css" href="style.css">
<SCRIPT language="JavaScript" src="ajax.js"></SCRIPT>
<title>Ajax on Java, Rozdział 2 przykład</title>
</head>
<body onload="focusIn( );">
<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>
<td colspan="5" style="border-bottom:solid black 1px;">
Wciśnięty klawisz:
<input type="text" readonly id="keypressed">
</td>
</tr>
<tr>
<td> Kod dziesiętnie </td>
</tr>
<tr>
<td><input type="text" readonly id="decimal"></td>
</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");
18
|
Rozdział 2. JavaScript i Ajax

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin