Któż w dzisiejszych czasach nie słyszał o AJAX?ie?  AJAX, łączący w sobie możliwości języków JavaScript i XML, jest świetnym narzędziem do tworzenia interaktywnych witryn internetowych, które pozwala na zaimplementowanie w nich mechanizmów dotychczas kojarzonych z aplikacjami „tradycyjnymi”. Za pomocą technologii AJAX możemy weryfikować dane wprowadzane do formularzy, tworzyć wykresy w czasie rzeczywistym i dodawać do aplikacji internetowych wiele innych, przydatnych funkcji.

W niniejszym tekście będę starał się  zaprezentować jak wykorzystać Rational Software Architect do budowania rozwiązań opartych o technolgię AJAX. Budowanym rozwiązaniem będzie strona, na której w trakcie wpisywania tekstu do pola TextBox (tekstowego) pojawi się ten sam tekst w etykiecie poniżej.

Pierwszym zdaniem jest utworzenie nowego projektu Dynamic Web Project i przełączenie się na perspektywę Web.

clip_image002

Następnie należy dodać do właśnie utworzonego projektu komponenty AJAX. Najpierw dodajemy do projektu nową stronę o nazwie Welcome co zostało przedstawione na ponioższym rysuneku:

clip_image004

Następnie korzystając z paska narzędzi Palette, należy dodać na stronę komponent: Input, Panel ? Group Box oraz Output. Efekty tych działań przedstawia poniższy rysunek:

clip_image006 

Następnym krokiem jest dodanie dla utworzonych komponentów wsparcia AJAX. Umożliwi to  odświeżanie zawartości panelu zgodnie z ideą technologii AJAX. Proces dodawania wsparcia AJAX do panelu przedstawiono na poniższych rysunkach:

clip_image008

 

clip_image010

 

clip_image012

 

clip_image014

 

Kolejnym krokiem jest uruchomienie i przetestowanie na serwerze naszej aplikacji AJAX na serwerze. Na poniższym zrzucie ekranu został zaprezentowany proces startowania serwera testowego Websphere Application Server v6.1.

clip_image016  

Po wystartowaniu serwera można  przetestować działanie strony. Efekt testów przedstawiony jest poniżej:

welcome

Widać, iż tekst wpisany do komponentu Input, jest automatycznie wyświetlany na stronie w komponencie Output. Utworzona strona działa więc prawidłowo.

Technorati Tagi: modelowanie systemów informatycznych,UML,Rational Software Architect,AJAX

2 Comments

  1. A wystarczyłaby 1 linijka kodu w javascripcie…
    Gdzie tu Asynchronous JavaScript and XML?
    Może tylko wyklikany Javascript.

  2. Pewnie tak, ale tekst miał na celu pokazać jak to się robi i że w ogóle można to zrobić w RSA.

Zostaw odpowiedź

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć tych HTML tagów i atrybutów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Close