Google Web Toolkits

Google Web Toolkit (GWT) Yiguang Hu ,[object Object]

Acknowledgment ,[object Object],[object Object],[object Object]

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]

Introduction to AJAX ,[object Object]

What is GWT? ,[object Object],[object Object],[object Object],[object Object]

Two Modes of Running GWT App ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Demo: Create a new GWT Application ,[object Object]

Why Use Java Programming Language for AJAX Development? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Why GWT? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

GWT Architectural Components ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The GWT Java To Javascript Compiler ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

GWT Javascript Code Generation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Demo: GWTApplication ,[object Object],[object Object],[object Object],[object Object]

Building User Interface: Built-in GWT Widgets

GWT User Interface Classes ,[object Object],[object Object],[object Object],[object Object]

Demo: GWTKitchenSink ,[object Object],[object Object]

Building User Interface: Custom Composite Widget

Custom Composite Widget ,[object Object],[object Object]

Example: Composite Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Example: Composite Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Building User Interface: Event Handling

Events and Listeners ,[object Object],[object Object],[object Object],[object Object],[object Object]

Example: Event Listener ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Building User Interface: Styling through CSS

Steps To Follow ,[object Object],[object Object],[object Object],[object Object]

Step 1: Create a CSS file Example: KitchenSink.css ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step 2: Specify the CSS file in the Module Configuration File: KitchenSink.gwt.xml ,[object Object],[object Object],[object Object],[object Object],[object Object]

Step 3: Add/Remove Styles to Widgets in the Java Code: SinkList.java ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Adding/Removing Styles ,[object Object],[object Object],[object Object],[object Object]

What is and Why GWT RPC? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Remote Procedure Call (RPC) Sub-topic: Steps for Implementing GWT RPC

Steps for Implementing GWT RPC ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1. Write Two Service Interface Files ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2. Implement the Service ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3. Configure the servlet in web.xml ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4. Make a call from Client ,[object Object],[object Object],[object Object],[object Object]

a. Instantiate Service Interface using GWT.create()‏ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

b. Specify a service entry point URL for the service proxy using ServiceDefTarget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

c. Create an asynchronous callback object to be notified when the RPC has completed ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

d. Make the Call ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Remote Procedure Call (RPC) Sub-topic: Serializable Types

Serializable Types ,[object Object]

Remote Procedure Call (RPC) Sub-topic: Handling Exceptions

Handling Exceptions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Checked Exceptions ,[object Object],[object Object]

Unchecked Exceptions ,[object Object],[object Object],[object Object],[object Object],[object Object]

Demo: GWTHelloRPC ,[object Object],[object Object],[object Object]

JavaScript Native Interface (JSNI)

Why JSNI? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What Can You Do with JSNI? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Demo: GWTHelloRPC ,[object Object],[object Object]

JavaScript Native Interface (JSNI): Accessing Native JavaScript Methods from Java Code

How to add JavaScript Code via JSNI? ,[object Object],[object Object]

Writing Native JavaScript Methods ,[object Object],[object Object],[object Object],[object Object]

Example: Native JavaScript Methods ,[object Object],[object Object],[object Object]

Invoking Java methods from JavaScript ,[object Object],[object Object]

Accessing Java Fields from JavaScript ,[object Object],[object Object]

Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Q&A? ,[object Object],[object Object]

Google Web Toolkits

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Google Web Toolkits

Ähnlich wie Google Web Toolkits (20)

Mehr von Yiguang Hu

Mehr von Yiguang Hu (9)

Google Web Toolkits

Hinweis der Redaktion