Báo cáo môn Công cụ và môi trường phát triển phần mềm - Nội dung Tìm hiểu Eclipse

GWT là gì ? Google Web Toolkit GWT-Bộ công cụ web của google là một bộ toàn diện các API và các công cụ cho phép tạo ứng dụng Web động gần như hoàn toàn trong mã Java™..  GWT cung cấ

LOGO Đại Học Sư Phạm Kỹ Thuật Tp.Hcm

00oo-Khoa Công Nghệ Thông Tin-oo00

Tìm hiểu các công nghệ Java

trong eclipse

SVTH:

Đặng Quốc Đạt Hoàng Thái Xuân Khoa Hoàng Tuấn Đức

Trần văn Hùng

Google

Web Toolkit Google

Web Toolkit

Các phím tắt của Eclipse

Các phím tắt của Eclipse

Nội dung báo cáo

Hibernate

Plugin

IReport

Google Web Toolkit

GWT là gì ?

 Google Web Toolkit (GWT-Bộ công cụ

web của google) là một bộ toàn diện các API

và các công cụ cho phép tạo ứng dụng Web động gần như hoàn toàn trong mã Java™

 GWT cung cấp một java API cho phép bạn tạo giao diện người dùng (GUI) dựa trên các component , rồi biên dịch hiển trị trong trình duyệt web người dùng

nghệ để viết các ứng dụng AJAX quá khó

khăn và nhiều lỗi.

 Thư viện JRE : chỉ có hai thư viện chuẩn được sử

dụng tron gwt là java.lang và java.util

Các Thành Phần của GWT

 Các thư viện của GWT để thiết kế giao diện :Là giao

diện và các lớp được tạo sẵn do người dùng tự tạo ,

dùng để tạo các đối tượng AJAX bằng java trong các ứng dụng GWT (các widgets)

 Do các wigets có sẵn của gwt khá ít và không đẹp nên ta có thể sử dụng các widget của những thư viện third-party viết thêm cho gwt như SmartGWT ,

Dojo ,

 Vào Help->Install New Soflware-> Chọn Add

 caigwt1.png Chọn Local or Achire để add GWT

Tính Năng

 Các thành phần giao diện người dùng (UI

components) năng động và tái sử dụng lập

trình viên có thể có thể sử dụng các lớp được thiết kế trước để thực hiện mà không tồn nhiều thời gian thao tác

 Cơ chế Remote Procedure Call(RPC) đơn

giản.

Phát triển ứng dụng

Ứng dụng GWT có thể chạy theo hai cách :

 Developer mode(Hosted mode): Ứng dụng sẽ chạy như một ứng dụng java với JVM Cách này thường sử dụng cho developer

 Web mode : Ứng dụng là Javascript và HTML

thuần, được biên dịch ra từ các đoạn code java Cách này thường dành cho người sử dụng

 Googleeclipse : là một plugin cho eclipse , để các

java developer có thể sử dụng IDE mã nguồn này

phát triển các ứng dụng gwt

Phát triển ứng dụng

GWT4NB : là plugin dành riêng cho NetBeans

WindowBuilder : là một IDE khá toàn diện Cho phép

có thể tạo ra các đối tượng gwt bằng cách kéo thả và sắp xếp trên panel theo các layout tùy chọn

Ưu và Nhược Điểm

Ưu Điểm GWT:

 Cơ chế dịch tốt giúp dễ tích hợp java

 Có nhiều loại wiget cơ bản

 Xây dựng ứng dụng dạng swing hoàn chỉnh bằng java chạy bằng javacript

 Hệ thống google dễ dùng

Ưu và Nhược Điểm

 Khuyết điểm GWT: Việc tích hợp vơi java khó tích hợp các ứng dụng javacript

 Xem thêm :

http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

Tài Liệu Tham Khảo

 Các bài báo cáo các bạn khoa học tự nhiên

 Nguồn từ các bài viết trên mạng

 http://code.google.com/webtoolkit

 http://google-web-toolkit.googlecode.com/svn/trunk/

 http://gwt-guide.blogspot.com

 http://netbeans.org/kb/docs/web/quickstart-webapps-gw t.html

 https://gwt4nb.dev.java.net/

 http://en.wikipedia.org/wiki/Google_Web_Toolkit

Các phím tắt trong

Eclise

Tổng quan

Cơ bản, ta có thể chia các phím tắt thành các nhóm sau đây:

 Navigation

 Coding

 Refactoring

 Debugging

Nhóm navigation

 Ctrl + Shift + T : mở hộp thoại tìm các kiểu của java.

 Ctrl + Shift + R : mở hộp thoại tìm tài nguyên của project

 Ctrl + T : xem cây thừa kế

 Ctrl + O : hiển thị các thành phần trong 1 lớp, cho phép truy xuất tới các thành phần đó nhanh chóng.

 Alt + left arrow : lùi về dòng trước đó

 Alt + right arrow : tới dòng trước đó

 Ctrl + PageUp : di chuyển tới giữa các tab

 Ctrl + PageDown : di chuyển lùi lại giữa các tab

 Ctrl + L : tới 1 dòng trong 1 lớp

 Ctrl + M : maximize cửa sổ hiện tại

 Ctrl + W : đóng cửa sổ hiện tại

Nhóm coding

 F2 : hiển thị tooltip thông tin

 Ctrl + 1 : giúp chỉnh sửa nhanh như thêm import…

 Ctrl + Space : hiển thị các thông tin giúp đỡ trong quá trình code.

 Ctrl + D : xóa dòng hiện tại.

 Alt + Up arrow : di chuyển dòng hiện tại lên trên.

 Alt + Down arrow : di chuyển dòng hiện tại xuống dưới.

 Ctrl + Shift + F : định dạng lại trang.

 Shift + F2 : giúp ta xem javadoc của 1 số thành phần.

Nhóm refactoring

 Alt + Shift + R : đổi tên biến nhanh chóng

 Alt + T : hiển thị menu cho refactoring

 Alt + Shift + C : thay đổi phương thức

Nhóm debugging

 F11 : run

 Ctrl + Shift + B : thêm toggle.

 F5 : debug từng dòng.

 F6 : debug bước qua dòng.

 F7 : trả về giá trị return của bước debug.

Tìm hiểu thêm

 Trên Eclipse, vào mục Help/Help

Contents/Java Development User

Guide/Reference/Menus and Actions

 http

://www.allapplabs.com/eclipse/eclipse_shortcu ts.htm

 http

Plugin

Tổng quan

Các cách cài đặt plugin cho Eclipse:

 Install new software…

 Eclipse marketplace…

 Check for Updates

Kéo thả trong Eclipse

 Bên trong Netbeans đã có công cụ mặc định dành cho việc kéo thả giao diện

 Vậy trong Eclipse làm sao để có thể kéo thả giao diện???

 Có 1 số plugin của Eclipse cho phép kéo thả giao diện, tuy nhiên nhóm xin giới thiệu plugin

WindowBuilderPro

Window Builder

Pro

Window Builder

Pro

Window Builder Pro

 Vào Eclipse, chọn Help/Install new software…/

 Vào trang web

http://code.google.com/javadevtools/download-wbpro.html

để lấy update site dành cho việc cài đặt plugin

WindowBuilderPro

 Sau đó nhấn Next… để hoàn tất quá trình cài đặt

 Lưu ý: nếu bạn đã cài đặt sẵn phiên bản của

WindowBuilderPro thì có thể sử dụng chức năng

Check for Updates thay vì phải cài đặt mới lại từ đầu

Window Builder Pro (tt)

 Demo cách thức tạo, viết chương trình kéo thả giao diện sử dụng WindowBuilderPro.

 Ngoài ra, khi đang làm việc với các công nghệ Web trên Eclipse, bạn hoàn toàn có thể kéo thả giao diện bằng việc sử dụng “Web Page

Editor” được tích hợp mặc định trong Eclipse Tuy nhiên, các tính năng này chỉ dừng lại ở

mức cơ bản.

 Để có thể tìm thêm các plugin cho Eclipse, bạn có thể vào trang web sau:

http://marketplace.eclipse.org/

 Một số plugin được ưa thích:

 Subclipse: cho phép sử dụng subversion trong

Eclipse

 UMLet : cho phép sử dụng, tạo các biểu đồ UML trong Eclipse

JForm Designer

JForm Designer

Hibernat e