- Chúng tôi nhắm đến Việc cung ứng những tutorial và kim chỉ nan liên quan mang lại technology Java, đặc biệt là J2EE/JavaEE- Chúng tôi không nhà trương cung ứng source code, đoạn Clip trên website site này chính vì Shop chúng tôi mong muốn các bạn có tác dụng từng bước một nhằm cảm giác được kỹ năng và kiến thức, đọc biết và hiệu quả. Cách tiếp cận của Shop chúng tôi là làm từng bước một bằng phía dẫn- Hướng tiếp cận của chúng tôi theo hướng biểu lộ các triết lý thông qua ví dụ để giúp tiết kiệm ngân sách và chi phí thời gian


HƯỚNGDẪN LẬPhường. TRÌNH BẰNG GWT

Tác giả: Tăng Hải NgọcSơn - HunterBMT

Mục đích:Bài viết này nhằm giúp các quí vị tải đặt cùng làmquen thuộc với bộ công cụ lập trình website của google (GoogleWeb Toolkit )

Tác giả: Tăng Hải NgọcSơn - HunterBMT

Mục đích:Bài viết này nhằm góp những quí vị cài đặt đặt cùng làmquen với bộ công cụ lập trình web của google (GoogleWeb Toolkit )

Yêu cầu :

                 + Netbean 6.9.1

                 + GWT 2.4.0

                 + GWT for netbean plugin .

Bạn đang xem: Gwt là gì

                 + Tomcát 6.0.32

                + JDK 1.6.24

Ởnhững loạt bài xích trước , chúng ta đã tìm hiểu vềgiải pháp xây dự website application bên trên nền tảng công nghệJ2EE , lúc này , mình xin giới thiệu tới những bạn mộtbộ công cụ phân phát triển website mới ,vẫn với nềnnảng J2EE ( JSP với Servlet) đó là GWT .

GWT là gì ?

Chắc hẳn các bạn đã từngnghe tới Ajax , một công nghệ ra đời nhằm việccụ đổi trải nghiệm của người cần sử dụng khisử dụng website apps . Với Ajax , các bạn gồm thểtương tác với website apps tương tự như vớidesktop apps , dễ thấy nhất ở đây , là việcthay đổi nội dung trên trang web (HTML) không cần phảithực hiện việc reload lại trang tốt post baông xã trởlại VPS sau mỗi thao tác.

 Và nếu các bạn đã một lầnthử lập trình bằng Ajax , chắc hẳn những bạnđã từng cảm nhận được sự khókhăn và phức tạp Khi chúng ta vừa phải lậptrình phía hệ thống bằng Java , vừa phải thực hiệnviệc xử lý output bằng Javascript . Và không phải aivào số bọn họ cũng gồm thể lập trình tốt cảnhì.

GWT ra đời , đểgiúp họ đơngiản hóa cùng dễ dàng tiếp cận với việc lậptrình. Với GWT, những bạn không cần phải quan tâm tớiviệc mình sẽ viết Javascript phía client như thếnhư thế nào, nhận dữ liệu từ XHTML request như thếnhư thế nào, trả object về phía Client qua JSON ra sao . Tất cảnhững gì bạn cần, chỉ là code Java, code Java và codeJava.

Với GWT, bộ công cụ này sẽ hỗtrợ một số chức năng để chúng ta thaotác ứng dụng một cách đơn giản với giúpngười sử dụng phần mềm hiệu quảtrong làm việc, cụ thể convert code Java của bạn sangthành Javascript và góp bọn họ có vào tay chiếc gậy Ajax .

Nếu các bạn cảm thấy hứngtrúc với GWT, nhà phù thủy từ Google , vậy chờ gìnữa, chúng ta sẽ với mọi người trong nhà tìm hiểu GWT.

Cài đặt GWT vàplugin hỗ trợ lập trình trong IDE

    Để mua đặt GWT, các bạnchỉ cần đơn giản google với tải bộ GWT2.4.0 về sản phẩm công nghệ, giải nén, thế là xong xuôi.

Bên cạnh đó,bản thân sẽ giới thiệu với các bạn việc lậptrình GWT trên IDE quen thuộc thuộc của họ, Netbean .

   Chúng ta tải về góiplugin hỗ trợ GWT với thương hiệu org-netbeans-modules-gwt4nb-2.10.0.nbm.

   Chúng ta vào Tool , chọnPlugins và chuyển qua tab Downloaded như hình

*

Các bạn chọn Add Plugins , chọnđường dẫn tới tệp tin vừa tải về ,vàchọn open. Netbean sẽ tự mua đặt plugins vào chonhững bạn .

Tiếp theo , chúngta sẽ thực hiện project đầu tiên , gớm điển, Hello World  để kiểm tra tính hiệu quả củaGWT cùng plugin vào IDE.

Implement Hello World webứng dụng.

  Các bạn chọn new project, chọn Javaweb trong Categories, chọn Web Application trong Projects. Click nút Next

*

Các bạn tạoproject Hello World

*

Chọn hệ thống Tomcat6.0 , Java EE version 5. Nhấn nút Next

*

Chọn frameworkgoogle website toolkit , chọn đường dẫn tới GWTSDK 2.4.0 đã tải về ở đầu bài .

*

Bấm nút ít Finish.

Xem thêm: " Tây Nguyên Tiếng Anh Là Gì, Miền Trung Trong Tiếng Anh: Định Nghĩa, Ví Dụ

Project họ sẽđược tạo ra trong Netbeans như sau :

*

Chúng ta sẽ chụ ývào class MainEntryPoint .java trước .

*

    Ở đây những bạn gồm thể thấy , bọn họ tất cả mộthàm onModuleLoad()  , tương tự như có tác dụng pageLoad() củaAsp . Net . Hàm này sẽ sử dụng để khởi tạotất cả những gì cần thiết, trước khitrang web được hiển thị ra mang đến người sử dụng.

    Các bạn có thể thấy, bọn họ cócác Label , Button , ClickHandler  tương tư như Swing củaDesktop applications . Điểm không giống duy nhất ở đây ,đó là những class import của bọn họ .

*

Toànbộ đều thuộc class client.ui.Button của GWT . Nếucác bạn sử dụng class khác , IDE sẽ báo lỗi ngaytức thì .

Tiếp theo , họ sẽ quan tiền gần kề fileMain.gwt.xml

*

Main.gwt.xmltổng quan là file config của GWT SDK , để xác địnhclass như thế nào sẽ sử dụng GWT SDK để complier, tuynhiên với Netbean , tệp tin này sẽ tự độngđược sinh ra , bởi đó các bạn không cần quáquan tâm về nó .

Tiếp theo là tệp tin welcomeGWT.html

*

Cácbạn có thể thấy, ở đấy bọn họ không hềkhai báo bất Lúc tag html làm sao để tạo ra UI , nhưng chỉsử dụng 1 script JS duy nhất , được GWT SDKhiện ra .

Build, và run chương trình .

Các bạn sẽ gồm giao diện như sau:

*

Clickvào nút ít Cliông xã me ! và những bạn sẽ thấy sự kì diệu. Code JS được hiện ra thực hiện đúng nhữnggì họ đã code bằng java trong tệp tin MainEntryPoint nhưng mà bọn chúng takhông cần viết gì thêm .

Vậy là các bạn đã điđược bước đầu, vào việc làm cho quenvới GWT , trong loạt bài xích sau , bọn họ sẽ thuộc thực hiệnmột ứng dụng Ajax , thông qua GWT , với code Java quenthuộc .