亚洲电影在线免费观看,亚洲人av高清无码,亚洲男女一区二区三区

seal — Tue, 02 Feb 2010 07:28:00 GMT

本文参考：http://groups.google.com/group/Google-Web-Toolkit/browse_thread /thread/7ed0d179b89fa062/aaeb5391a760adef?lnk=gst&q=indicator+AsyncCallback&rnum=1#aaeb5391a760adef

大部分代码也是参考文中的�?

Java代码

package com.javaeye.dengyin2000.truck.client.server;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback;
public abstract class AsyncCallbackWithStatus implements AsyncCallback {
private static LoadingIndicator loadingIndicator;
public static final void setLoadingIndicator(LoadingIndicator indicator) {
loadingIndicator = indicator;
}
public AsyncCallbackWithStatus() {
setLoading(true);
}
public final void onSuccess(Object object) {
setLoading(false);
onSuccessInternal(object);
}
public final void onFailure(Throwable throwable) {
setLoading(false);
onFailureInternal(throwable);
}
protected abstract void onSuccessInternal(Object object);
protected void onFailureInternal(Throwable throwable){
Window.alert("服务器没有响�?��L��后再�?");
}
private void setLoading(boolean isLoading) {
if (null != loadingIndicator) {
if (isLoading) {
loadingIndicator.show();
} else {
loadingIndicator.hide();
}
}
}
interface LoadingIndicator {
void show();
void hide();
}
}

package com.javaeye.dengyin2000.truck.client.server;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback;
public abstract class AsyncCallbackWithStatus implements AsyncCallback {
private static LoadingIndicator loadingIndicator;
public static final void setLoadingIndicator(LoadingIndicator indicator) {
loadingIndicator = indicator;
}
public AsyncCallbackWithStatus() {
setLoading(true);
}
public final void onSuccess(Object object) {
setLoading(false);
onSuccessInternal(object);
}
public final void onFailure(Throwable throwable) {
setLoading(false);
onFailureInternal(throwable);
}
protected abstract void onSuccessInternal(Object object);
protected void onFailureInternal(Throwable throwable){
Window.alert("服务器没有响�?��L��后再�?");
}
private void setLoading(boolean isLoading) {
if (null != loadingIndicator) {
if (isLoading) {
loadingIndicator.show();
} else {
loadingIndicator.hide();
}
}
}
interface LoadingIndicator {
void show();
void hide();
}
}

Java代码

package com.javaeye.dengyin2000.truck.client.server;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.WindowResizeListener;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.PopupPanel;
import com.javaeye.dengyin2000.truck.client.server.AsyncCallbackWithStatus.LoadingIndicator;
public class LoadingStatus implements LoadingIndicator, WindowResizeListener {
private PopupPanel popup;
public LoadingStatus() {
popup = new PopupPanel();
popup.add(new HTML(" Loading, please wait...

"));

placeIndicator();

Window.addWindowResizeListener(this);

// set the style name for greater control over the

}

public void show() {

popup.show();

}

public void hide() {

popup.hide();

}

private void placeIndicator(){

popup.setPopupPosition(Window.getClientWidth() - 120, 10);

}

public void onWindowResized(int width, int height) {

placeIndicator();

}

package com.javaeye.dengyin2000.truck.client.server;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.WindowResizeListener;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.PopupPanel;
import com.javaeye.dengyin2000.truck.client.server.AsyncCallbackWithStatus.LoadingIndicator;
public class LoadingStatus implements LoadingIndicator, WindowResizeListener {
private PopupPanel popup;
public LoadingStatus() {
popup = new PopupPanel();
popup.add(new HTML(" Loading, please wait..."));
placeIndicator();
Window.addWindowResizeListener(this);
// set the style name for greater control over the
}
public void show() {
popup.show();
}
public void hide() {
popup.hide();
}
private void placeIndicator(){
popup.setPopupPosition(Window.getClientWidth() - 120, 10);
}
public void onWindowResized(int width, int height) {
placeIndicator();
}
}

在你的EntryPoint中装配好你的indicator

Java代码

private void prepareLoadingIndicator(){
LoadingStatus status = new LoadingStatus();
AsyncCallbackWithStatus.setLoadingIndicator(status);
}

	private void prepareLoadingIndicator(){
LoadingStatus status = new LoadingStatus();
AsyncCallbackWithStatus.setLoadingIndicator(status);
}

�q�样调用�?

Java代码

private void populateAndReadEnterprisesInfo(){
GWTRPCServiceLocator.getUserService().getEnterprisesInfo(new AsyncCallbackWithStatus(){
protected void onSuccessInternal(Object object) {
EnterprisesInfoGTO gto = (EnterprisesInfoGTO) object;
enterpriseName.setText(gto.getEnterprisesName());
contactName.setText(gto.getContactName());
contactTel.setText(gto.getContactTel());
contactFax.setText(gto.getContactFax());
contactAddress.setText(gto.getContactAddress());
zipCode.setText(gto.getZipCode());
email.setText(gto.getEmail());
siteAddress.setText(gto.getSiteAddress());
}
});
}

seal 2010-02-02 15:28 发表评论

Coding Quickie �?display a message while your GWT app loads

seal — Tue, 02 Feb 2010 07:15:00 GMT

The Problem

When a GWT application loads, nothing is actually displayed by your application until all the generated JavaScript has been downloaded by the browser. I was looking for way to display a loading screen while my GWT application was loading, and then remove it once the GWT application is loaded.

The Solution

Since every GWT application has to be embedded in an HTML Host Page, an easy way to display a loading message is to place the loading message in a

in the HTML Host Page. Once all the GWT application JavaScript is done loading, we can have the GWT application remove the loading message by doing some DOM manipulation on the HTML Host Page.

Here is a sample HTML Host Page. The loading message, along with a loading animation image is contained in a

named “Loading-Message”.

<html>
  
<head>
  <title>GWT Applicationtitle>
  <link rel="stylesheet" href="style.css">
head>
  
<body>
  
<script type="text/javascript" language="javascript" src="gwtapp.nocache.js">script>
  
  <h2>GWT Applicationh2>
  
  
  <div id="Loading-Message">
    <img src="loading-animation.gif"  alt="loading"> Loading GWT Application, please wait... 
  div>
  
  
  
  <div id="GWT-Application-Panel">
  div>
  
body>
  
html>

The “Loading-Message”

can be removed from the HTML Host Page using the following line of Java Code:

DOM.setInnerHTML(RootPanel.get("Loading-Message").getElement(), "");

Where would you put this line of code? You can put it anywhere in your GWT application. However, a good place to put it would be in your GWT application EntryPoint class’s onModuleLoad method. You can place it either before or after your application loads the UI elements. Here is an example onModuleLoad method:

public void onModuleLoad() {
  // Remove the loading message
  DOM.setInnerHTML(RootPanel.get(“Loading-Message”).getElement(), “”);
  
  // Get the Application Container div from the DOM
  mainPanel = RootPanel.get(“GWT-Application_Panel”);
  
  // Add GWT UI components
  addWidgetsTo(mainPanel);
}

If you aren’t the artistic type, here is a website you can use to download a customized animation image. Here is another website, where you can select some existing animations to use in your app.

If you haven’t already, please check out our continuing series of GWT Tutorials beginning with Introduction to GWT. You can find the rest of our GWT tutorials here.

seal 2010-02-02 15:15 发表评论

GWT File DownLoad

seal — Mon, 01 Feb 2010 13:21:00 GMT

Per some requests for the File Download opposite of File Upload.

On the server side I implemented the doGet method of the HttpServlet class. I grab the raw data from the database and set it into the response (with the appropriate response type):

BufferedOutputStream output = null;
try {
RawAttachmentItem attachment = attachmentFileDao.retrieveContents(fileid);
ByteArrayInputStream input = new ByteArrayInputStream(attachment.getContents());
int contentLength = input.available();

resp.reset();
resp.setContentType("application/octet-stream");
resp.setContentLength(contentLength);
resp.setHeader("Content-disposition", "attachment; filename=""" + attachment.getFilename()
+ """");
output = new BufferedOutputStream(resp.getOutputStream());
for(int data; (data=input.read()) != -1;) {
output.write(data);
}
output.flush();
}
catch (IOException e) {

e.printStackTrace();
}
finally {
close(output);
}
On the client side, you simple create a new iFrame with its 'src' attribute set to the servlet url for downloading the file:

boolean frameExists = (RootPanel.get("downloadiframe") != null);
if(frameExists) {
Widget widgetFrame = (Widget)RootPanel.get("downloadiframe");
widgetFrame.removeFromParent();
}

NamedFrame frame = new NamedFrame("downloadiframe");
frame.setUrl(GWT.getModuleBaseURL()
+ "/attachmentHandler?action=dl&fileid="
+ model.getFileId());
frame.setVisible(false);

RootPanel.get().add(frame);
When the file gets sent back to the iFrame, the browser will treat it as a file download and prompt you to do something with it (open, save, cancel, etc).

If anyone has questions or requires more detail, please do not hesitate to ask!!

seal 2010-02-01 21:21 发表评论

GWT开发的8个忠�?转蝲)

seal — Thu, 28 Jan 2010 09:47:00 GMT

Google Web工具包（GWT�Q�确实是使用Java开发Ajax应用的一�U�诱人方法。如果你在AWT/Swing/SWT和服务器��程序方面有着扎实背景�Q�实际上很容易学会��用GWT�Q�但如果要做的不仅仅是快速原型设计，那么某些��N��仍然存在�?/strong>

忠告之一: 分而治�?

众所周知�Q�GWT应用��是Java应用。不�q�，问题在于�?#8220;哪种Java”�Q�我们需要牢�? GWT�~�译的是与J2SE 1.4.2或者更早版本兼容的Java源代码。另外，只有J2SE 1.4.2 API的子集得到支持，即java.lang和java.util�E�序包。即便在使用�q�些�E�序包时�Q�也要非常认真地研究Google在运行库支持斚w��的注释，�q�且牢记相应的忠�? 如果��保从一开始就只��用客��L��代码中的可�{换类�Q�那么就可以避免许多问题。�ؓ了及早发现问题，只要在宿��L��式（hosted mode�Q�下�q�行�Q�就要对照JRE仿真库检验代码。因而，�W�一�ơ运行应用时�Q�就会发现大部分不支持的库。所以，要及早�ƈ且经常运行�?

现在�Q�笔者给出的忠告��是“分而治�?#8221;�Q�具体意思就是一开始就把应用代码分成三个不同的部分: 客户端代码、RPC相关代码和服务器端代码，然后构徏相应的Eclipse��目�Q�从而完成�Q务。这样一来，��可以利用不同的Java语言版本�Q�用于客��L�� 和服务器部分。笔者用Java 5构徏了应用的服务器部分（服务器小�E�序代码�Q? 但如果��用Mustang版本�Q�那么在本文的代码片�D�中�Q�由于篇�q�有限，本文所涉及的程序代码可通过以下链接查询: http://blog.ccw.com.cn/article-htm-itemid-17924-type-blog.html�Q�，可以用Java 6取代Java 5。即便在服务器端仍然使用J2SE 1.4.2�Q�这�U�分��L��也可以在��来提供更大的灵�z�L��，明确分离代码�Q?#8220;分离问题”�Q�，而不会在GWT宿主模式下限制调试操作。如果所有部分都在一�? Eclipse��目中，则需要非�怸�谨，特别是在服务器端�? 不然�Q�就会出现编译或者运行问题�?

需要��用特�D�的命名�U�定�Q�这样可以清楚确认不同项目，�q�且��化部�|�脚本。可以��用譬如名为GWT-< ModuleName>的Eclipse工作集来包括所有三个项目。这里，“ModuleName”是识别Web应用的GWT模块的名�U��?

�?客户端代�? 包含与用��L��面相关的代码�Q�可以�{换成JavaScript。因此，局限于J2SE 1.4.2和GWT�q�行时支持。启用每个项目的Eclipse Java�~�译器设�|�和“Java�~�译器错�?警告”�Q�把Java依从�U�别调整�?.4、把源代码和�c�L��件兼�Ҏ��调整到1.4�Q�假设不是��?.4之前�? JDK版本�Q�。该��目的名�U�是< ModuleName>-client�Q�譬�?#8220;JUnit2MR-client”�Q�它依赖于构��\径设�|�中�?lt; ModuleName>-rpc��目。程序包名称�c�M��< com.company.project>.gwt.< moduleName>.client�?

�?RPC相关代码: 包含RPC相关的代码，可以转换成JavaScript。该��目遵从与上�q�客��L��代码��目同样的指导准则。项目名�?lt; ModuleName>-rpc�Q�譬�?#8220;JUnit2MR-rpc”�Q�它�q�不依赖于其他�Q何项目。程序包名称�?lt; ModuleName>-client��目的程序包名称一栗��RPC��目包含客户端上的远�E�接口、RPC期间由GWT�q�行序列化的数据传输对象�Q�以及全局帔R��c�R�?

�?服务器端代码: 含有服务器小�E�序代码�Q�如果服务器端由Java服务器小�E�序�l�成的话。如果��用Tomcat 5.5或者Tomcat 6�Q�可以充分利用Java 5+的全部功能。启用每个项目的Eclipse�~�译器设�|�，然后使用Java 5�~�译器设�|�，依从�U�别讄��?.0。如果��用Eclipse 3.2.2�Q�那么其新的“源代�?#8594;清理”�Ҏ��也值得配置。该��目名称�?lt; ModuleName>-server�Q�譬�?#8220;JUnit2MR-server”�Q�它依赖于构��\径设�|�中�?lt; ModuleName>-rpc��目。如果按照GWT的默认程序包提案�q�行�~�程�Q�程序包名称�?lt; com.company.project>.gwt.< moduleName>.server�?

忠告之二: 调试和错误报告不仅仅只有Window.alert ()

在创建GWT应用�Ӟ��其实可以使用IDE的全部调试功能。但在深入分析何处可能出现错误之前，需要代码的客户端和服务器端都有可靠的异常报告机制。��用try/catch代码块通常可以做到�q�一炏V��在客户端的catch代码块中�Q�应当注意这一现实: 默认的方法调用e.printStackTrace()�q�不是在所有情况下都适合的解军_��法。它适用于应用运行在GWT宿主模式下，把文本输出到 Eclipse控制台。不�q�在Web模式下，要问问自�? “我发送到stdout或者stderr的堆栈跟�t�信息和错误信息会在什么地�Ҏ��C�？”一�U�可能的解决�Ҏ��是使用Mat Gessel的调试实用程序类�Q�http://www.asquare.net/gwttk�Q�，但是需要浏览器JavaScript控制台来查看Web�? 式下的结果�?

在客��L��Q�徏议要做的一件事��是�Q��用GWT.setUncaughtExceptionHandler()�? 法，��Z�Q何未被发现的异常提供自己的异常处理程序。发��C��q�几�U�异常后�Q�有几个选择: GWT.log�Q�message, caught�Q�、Debug.println (message_with_stacktrace); 如果使用Mat Gessel的Debug�c�，可选择Window.alert�Q�message_with_stacktrace�Q�，或者自己定制的错误报告�?

视来源而定�Q�会得到“无法装入模块”或�?#8220;未被发现的异常被漏过”的信息。笔者编写了一个小��的DebugUtility�c�，它提供了易于定制的默认客��L��错误处理机制�Q�见代码片段1�Q��?

在服务器端，可以使用java.util.logging API或者log4j的广泛功能，具体取决于个人偏好或者项目的�U�束条�g。但要是没有为GWT�? com.google.gwt.user.server.rpc.RemoteServiceServlet�c�L��补丁�Q�对于未被发现、未被检查的异常�Q�只会在堆栈跟踪里面得到提示�Q�指向生成该错误的服务器端类。对于catch()代码块里面发现及报告的被��查的异常�Q�一切都正常�?

忠告之三: 当心GWT Shell�?#8220;��h��”按钮陷阱

在宿��L��式下启动应用�Ӟ��会在��览器�Q务栏上看�?#8220;��h��”按钮。要是摁了这个按钮，GWT��׃��把修改过的Java 客户端源代码重新�~�译成Java字节码（作�ؓ.gwt.-cache/bytecode目录中的.tmp文�g�Q�，然后重新装入模块。可以��用这个按钮来�~? 短编�?#8594;�~�译→调试周期�Q�但在��用这��特性时要牢记几个方�?

�?只有修改�q�的源代码才重新�~�译�Q�也��是��_��不会��Z��赖修改过代码的文件生成新的字节码。所以，如果改变了全局帔R��的��|��假设public final int字段的��|��不会立即在相��x��件看到这个变化�?

�?只有修改�q�的源代码才由GWT重新�~�译。这意味着�Q�即便Eclipse IDE里面�?#8220;Project clean”也帮不上�? 要媄响到所有的相关源代码，譬如通过��d��新的�I��?

因�ؓ�q�个�q�程相当�W�拙�Q�笔者的忠告是在修改全局帔R��旉��循以下四个步�?

1�Q�在相应的源文�g里面改变public final constant�?

2�Q�重新编译改变后的源代码;

3�Q�移除整�?lt; ModuleName>-client/.get-cache/bytecode目录�Q�从而删除GWT�~�存内容;

4、��用Eclipse里面�?#8220;Run as”�Q�重新开始启动应用，从而创建带重新�~�译后字�W�码的新GWT�~�存内容�Q�这�U�情况下�Q�最好忽�?#8220;��h��”按钮�Q�不�q�在有些情况下，删除整个< ModuleName>-client/.get-cache/bytecode目录后可以��?#8220;��h��”按钮�?

在修�Ҏ��务器端代码时�Q�GWT字节码缓存内容不受媄响。不�q�，嵌入的Tomcat实例会缓存它�Q�因而在使用“��h��”按钮后，只有重新开始启动应用后最初改变的代码才会得到认可。所以�ؓ了安全�v见，改变服务器端代码后，最好还是重新开始启动应用�?

忠告之四: 在宿��L��式下��d��Servlet Init参数

在处理数据库�pȝ��Ӟ��一般不希望服务器小�E�序源代码中有硬�~�码的数据库�q�接参数。通常会从属性文件读取这些参�? 或者更好的是，把它们作为init参数提供�l�服务器��程序（作�ؓ应用的Web.xml文�g的一部分�Q�。如果在Web模式下运行应用那没有什么，但在宿主�? 式下会出问题�Q�这是由于GWT宿主模式下的服务器小�E�序处理存在限制�?

好消息是�Q�只要修改由嵌入式Tomcat实例使用的Web.xml文�g�Q�就可以解决�q�个问题。�ؓ此，�? �?lt; ModuleName>-client/tomcat/webapps/ROOT/WEB-INF目录中的Web.xml文�g�Q�或者必要时创徏一个）: 除了嵌入式Tomcat的GWTShellServlet映射外，��d��带有init参数的上下文部分。因��Z��下文信息�?#8220;全局性的”�Q�而不是针对特定的�? 务器��程序，在这里只有一部分的init参数信息�Q�或者��用特�D�的命名�Ҏ��Q�把参数与不同的服务器小�E�序联系��h��。如果��用这个新的web.xml文�g�Q? 可以删除src/web/WEB-INF文�g夹中的那个旧文�g�?

在服务器��程序代码中�Q�访问init参数的方式与Web模式下读取它们的方式一��P��譬如final String host = getInitParameter("host")。笔者实现这一点的办法��是修改GWT的RemoteServiceServlet�Q�方法跟�W�二个忠�? 里面的如��Z��辙。现在，只要覆盖GenericServlet的getInitParameter()�Ҏ��Q�以便��? getServletContext()�Q�而不�?getServletConfig()�?

另一个忠告是�Q�如果在宿主模式下和Web模式下测试不同的服务器代码，略过Gant脚本中的GWT�~�译部分�Q�从“temp”位置拯��~�译前的JavaScript代码�Q�则可以节省旉��。这适用于客��L��代码复杂、编译时间超�q?0分钟的情形�?

忠告之五: 在浏览器里面昄��PDF文�g

大多数实际的Web应用提供了生成及阅读PDF文�g的方法。本文假设这个PDF文�g由服务器��程序生成，譬如通过 JasperReport。以后只要点��L��个超文本链接�Q�就可以在浏览器里面阅读生成的文件。如果想在宿��L��式下和Web模式下测试这��特性，��采取�? 下步�?

1�Q�设计一个RPC接口�Q�接受告诉服务器是在宿主模式下运行还是在Web模式下运行的布尔参数。接口方法会�q�回的字�W�串应当带有服务器小�E�序生成的PDF文�g的名�U�ͼ��x��件名的最后一部分�Q��?

2�Q�根据代码片�D?昄��的代码，实现服务器小�E�序代码�Q�这取决于布��参�?#8220;isScript”�?

3�Q�在客户�? 在窗口组件代码里面，使用GWT.isScript()参数调用createXyzPDF()�Ҏ��Q�从而生成包含服务器��程序结果字�W�串的外部超文本链接�?

代码片段4昄��了接口方法名为createSummaryPDF()的示例。从服务器小�E�序�q�回的字�W�串�?#8220;summary.pdf”�?

�q�当然不是处理这�U�情�늚�惟一办法�Q�但目前适用于我们这个示例。请注意: 在宿��L��式下启动应用之前�Q�必��d��< ModuleName>-client project's src/…/public文�g夹中臛_��创徏一个虚假的“summary.pdf”文�g�Q�文件名从服务器��程序返回）。不�Ӟ��在浏览器中点��M��文本链�? 后，GWT试图��d��PDF文�g�Ӟ��会出�?#8220;HTTP 404�Q�找不到�|�页”的信息�?

忠告之六:力求获得无状态服务器

设计客户�?服务器Web应用时要考虑的一个关键问题就�? 如何处理会话和状态管理？在Web 1.0时代�Q�答案很昄��: 会话和状态管理是一个服务器问题。但若��用GWT�Q�就有另一个选择。服务器再也不是只提供HTML内容�?#8220;web”服务。��用GWT RPC�Q�服务器现在可以支持只提供结构化数据的服务———在本文�C�Z��中，服务由服务器��程序实现�?

那么�Q�GWT对会话和状态管理有何媄响呢�Q�GWT的技术领导Bruce Johnson在去�q�的JAOO大会上指出，若��用GWT�Q�会话管理现在应当是一个客��L��问题。附图显�C�的�qȝ��片评�q�C��U�种变化�?

在本文的JUnit2MR GWT应用中，�W�者一开始��用传�l�方法来处理服务器小�E�序中的会话状态。但�q�是相当�W�拙的�Q务，于是��L��另一�U�选择。因此，看了Bruce的��灯片后，�? 定重新设计整个应用。但�q�一步需要改变所有RPC接口、缓存策�? 最重要的是�Q�还要改变所有的服务器小�E�序。因此笔者的��? 及早考虑在何处实施会话和状态管理，不妨试试Bruce Johnson的诀�H�。最�l�会收到成效�?

�׃��q�个军_��Q�客��L��对象之间有了更多的联�p�R��于是笔者��用了有名的GoF中介者模式（mediator pattern�Q�。不�q�，在客��L��有一些JDK 1.4和GWT�q�行库的限制。因此，重新实现了PropertyChangeEvent�c�d��中介者支持，来处理监听程序注册和消息�q�播�?

忠告之七: 使用Selenium实现GWT Web��试的自动化

Selenium是一�U�开源工��P��它能够轻松测试包含丰富、互动的客户端内容的Web应用�?所以，它非帔R��用于测试像用GWT创徏的应用那��L��Ajax应用�?

当然�Q�GWT里面仍有JUnit和JUnit支持功能�Q�特别是针对�pȝ��的异步部分。这里着重介�l? Selenium�Q�因为它易于使用�Q�至��它的IDE是这��P��、功能强大。最后但�q��最不重要的一�Ҏ��Q�它与JUnit有许多共同之处。可以��? Selenium IDE来记录GUI用例�Q�然后��用其“Play”�Ҏ��来�q�行记录下来的操作。每个操作之后跟着�c�M��JUnit�?#8220;assert”命��o�Q�负责确认页面上的某些文本。该IDE是Firefox的扩展插�Ӟ��但务必要使用最新版本的Selenium: Selenium IDE 0 .8 .7�Q�因为它包含�?#8220;waitFor…”命��o的重大修正版。说到测试Ajax应用�Q�这些命令以�?#8220;pause”命��o非常重要�?

忠告之八: 使用Groovy Gant脚本部��v应用

在GWT宿主模式下试�q�行应用�Q�这��实很好�Q�但把应用部�|�到应用服务器上或者类似Tomcat的服务器��程序容�? 上，GWT的真实功能才会体现出来。在�q�一步，需要创��Z��个war文�g�Q�它会自动拷贝到Tomcat“webapps”目录。当�Ӟ��可以使用Ant�? ant-contrib�q�行所有必要的准备、编译、拷贝及其他��d��。但�׃��Ant脚本变得更复杂后�Q? ant-contrib控制�l�构和属性regex处理有一点笨拙。于是可以��用集Groovy和Ant两者之所长的Gant。安装Groovy和Gant 用不�?0分钟�Q�然后，使用来自“build.properties”文�g的普通属性，卛_��定制“build.gant”脚本。（��黑�~�译�Q?

�Q�计��机世界�?2007�q?�?5�?�W?4�?B22、B23�Q?

seal 2010-01-28 17:47 发表评论

GWT Tutorial �?Transport Objects over RPC �?GWT Object Serialization

seal — Fri, 22 Jan 2010 09:33:00 GMT
     摘要: Introduction GWT is a Java framework that allows you to easily develop AJAX (Asynchronous JavaScript and XML) based web applications. This tutorial will teach you how to create and use Serializable...  阅读全文

seal 2010-01-22 17:33 发表评论

GWT Right-click Context Menu

seal — Wed, 20 Jan 2010 01:21:00 GMT

The Google Web Toolkit has been out for a while now, and yet there is still basic functionality that is missing from the toolkit. Don’t get me started on the lack of draggable/resizable columns for the FlexTable, because that’s a rant and a half. Given that GWT’s event handling model isn’t bad, you’d think they’d have included from the get-go the ability to handle right-clicks and bringing up a context menu or popup menu. Well, even with 1.6 on the doorstep it seems they forgot again or just don’t care.   Now some people will spout out “web apps don’t need or shouldn’t have right-clicks handled or context menus overridden”……and for those I say STFU! Web apps are used for more than just banking, news, forums and dare I say blogs. The browser is becoming the new medium for running applications and just because an application is running in a browser doesn’t mean we should limit functionality. That’s about as narrow minded as saying that we’ve only had one mouse button for this long, why add a second one? Duh!

Anyway, enough with the blabbing. I’ve put together a simple example to add a right click context menu and override the default browser context menu using GWT.

In the box below you can try it out, right-click in there and you can demo it.

In case the iframe doesn’t show up in your browser you can see and try the example here.
Now here’s how it’s done.

I used a DeckPanel to switch between several panels. The popup context menu is used to choose. To allow the DeckPanel to catch the right-click event (and you can also listen for double-clicks and several other things) I extended the DeckPanel.   For simplicity I added “Adv” (Advanced) in front of the several classes I’ve extended so this one will be AdvDeckPanel. The first thing to do in the constructor is add sinkEvents(). Then we’ll override onBrowserEvent() in the class. Here’s the code:

public AdvDeckPanel() {

super();

sinkEvents(Event.ONMOUSEUP | Event.ONDBLCLICK | Event.ONCONTEXTMENU);

}

public void onBrowserEvent(Event event) {

GWT.log("onBrowserEvent", null);

event.cancelBubble(true);//This will stop the event from being propagated

event.preventDefault();

switch (DOM.eventGetType(event)) {

case Event.ONMOUSEUP:

if (DOM.eventGetButton(event) == Event.BUTTON_LEFT) {

GWT.log("Event.BUTTON_LEFT", null);

listener.onClick(this, event);

}

if (DOM.eventGetButton(event) == Event.BUTTON_RIGHT) {

GWT.log("Event.BUTTON_RIGHT", null);

listener.onRightClick(this, event);

}

break;

case Event.ONDBLCLICK:

break;

case Event.ONCONTEXTMENU:

GWT.log("Event.ONCONTEXTMENU", null);

break;

default:

break; // Do nothing

}//end switch

}

Notice the two lines in onBrowserEvent():
event.cancelBubble(true);
event.preventDefault();

These are the two lines that tell the browser not to show it’s default context popup menu. Also note that overriding the default context menu doesn’t work in all browsers, I’m not sure if this is a bug in GWT. If you’re using firefox then you’ll have no problems, with IE you may need to add the following to your html:

Other than that there’s just a switch statement that checks the event type, in this case we’re interested with ONMOUSEUP, and we’ll call the listener’s onClick() or onRightClick() based on the Event’s fields.

AdvDeckPanel also has a reference to AdvClickListener which looks like:

public interface AdvClickListener extends ClickListener {

void onClick(Widget sender, Event event);

void onRightClick(Widget sender, Event event);

}

This reference is basically the same as ClickListener, but has a separate method to handle the right-click. I also pass the Event object so I can get the x and y from the click so the context menu shows up at that location instead of the top-left of the screen.

AdvDeckPanel implements AdvClickNotifier which does the same thing as GWT’s SourcesClickEvents interface, but handles the AdvClickListener instead.

public interface AdvClickNotifier {

public void addClickListener(AdvClickListener listener);

public void removeClickListener(AdvClickListener listener);

}

So, once you have your widget (in this case the AdvDeckPanel) and the listeners set up to handle the right-click, then we add in the code to build the popup menu and commands that go with it. I put all of this in the EntryPoint. I have three widgets (panels) and a Command for each like this:

private AdvDeckPanel deckPanel = new AdvDeckPanel();

final private PopupPanel popupPanel = new PopupPanel(true);

private VerticalPanel defaultPanel = new VerticalPanel();

private SimplePanel imagePanel = new SimplePanel();

private SimplePanel sponserPanel = new SimplePanel();

Command showAlertCommand = new Command() {

public void execute() {

deckPanel.showWidget(0);

popupPanel.hide();

Window.alert("Hope this example helps.");

}

};

Command showImageCommand = new Command() {

public void execute() {

deckPanel.showWidget(1);

popupPanel.hide();

}

};

Command showSponserCommand = new Command() {

public void execute() {

deckPanel.showWidget(2);

popupPanel.hide();

}

};

A Command is called when the MenuItem is clicked.

Now the code to build the menu, link the commands, and handle the right-click:

private void createPopupMenu() {

MenuBar popupMenuBar = new MenuBar(true);

MenuItem alertItem = new MenuItem("Show alert", true, showAlertCommand);

MenuItem imageItem = new MenuItem("Show Oliver ", true, showImageCommand);

MenuItem sponserItem = new MenuItem("Show sponser ", true, showSponserCommand);

popupPanel.setStyleName("popup");

alertItem.addStyleName("popup-item");

imageItem.addStyleName("popup-item");

sponserItem.addStyleName("popup-item");

popupMenuBar.addItem(alertItem);

popupMenuBar.addItem(imageItem);

popupMenuBar.addItem(sponserItem);

popupMenuBar.setVisible(true);

popupPanel.add(popupMenuBar);

}

public void onRightClick(Widget sender, Event event) {

int x = DOM.eventGetClientX(event);

int y = DOM.eventGetClientY(event);

popupPanel.setPopupPosition(x, y);

popupPanel.show();

}

Lastly, to make the menu actually look like a popup menu I modified the CSS like so:

.popup {

background-color: gray;

border-color: gray gray gray gray;

border-width: 1px 3px 3px 1px;

border-style: solid solid solid solid;

}

.popup-item {

font-weight: normal;

font-size: 80%;

}

What this does is makes it so the border isn’t the thick default GWT blue, and uses a thin border with the right and bottom borders a bit thicker. This gives the popup that shadowed look.

A couple of books worth checking out are: GWT in Actionand GWT in Practice
Here’s the source and more links.

ShareThis
Tags: GWT, Java, web-dev

This entry was posted on Tuesday, February 17th, 2009 at 8:12 pm and is filed under GWT, Java, Programming. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

seal 2010-01-20 09:21 发表评论

Debug Google Web Toolkit with Struts/Tiles

seal — Fri, 15 Jan 2010 04:05:00 GMT

Ok, your fresh new GWT user interface is ready, it works great with GWTShell's internal Tomcat and with server-side stubs, but as you compile and deploy it on your web-app there are problems.

Of course you can debug with a JavaScript debugger (Venkman or Microsoft's Script Debugger), but generated JavaScript is really complex, for people and for those unstable debuggers.

But, wait, we have a debugger, is our state-of-the-art debugger, integrated in our IDE and GWT can use it, if only you could run client into the Shell and server side into your preferred development envinroment !!!

We could deploy our web-app into the integrated Tomcat, but it's not easy to do (and an hell to mantain) and also can be that you don't want (or you can't) use Tomcat for your Web Application.

I think that everyone should do his work, so let's Google Shell do the client, and your application server run the server side code. It's not difficult, you only need to follow these few steps.

First thing do to it's a little (I promise really little and only one) change to your GWT code, so that the client will always use absolute urls for your web-app, allowing us to use the ContextPath without problems, whatever it's the relative position of your Google client inside your root context.

To do that we have to register this way the end-point of the remote service:

endpoint.setServiceEntryPoint( GWT.getModuleBaseURL()+"/myRemoteService" );

now we must also remember to change our servlet path inside the GWT module file (*.gwt.xml) putting the complete service name at the top, in this case /mypackage.google.GWTClient:

No other change to your client side code, I promise again.

Now let's start to modify the web-app to run our services. The first thing is to include in our WEB-INF/lib the gwt-user.jar.

Unfortunately the one supplied by Google doesn't work, because it includes the javax.servlet.* classes to simplify the automatic generation of development projects.

We must strip that out (with an ANT Task obviously):
<property name="original.gwt.jar.lib" value="<path-to>"gwt-user.jar" /> <property name="temp.dir" value="./tempDir"/> <target name="stripGWT-lib"> <mkdir dir="${temp.dir}"/> <unjar src="${original.gwt.jar.lib}" dest="${temp.dir}"> <patternset> <exclude name="javax/**/*.*"/> </patternset> </unjar> <jar destfile="${web-inf.lib.dir}/gwt-user.jar" basedir="${temp.dir}"/> <delete dir="${temp.dir}"/> </target>
Now we can also add that to our IDE build-path.

Everything is ready to begin the configuration of our web-app, beginning with the registration of the remote service inside web.xml, remembering the module name we used in the *.gwt.xml file:
<servlet> <servlet-name>MyRemoteService</servlet-name> <servlet-class>mypackage.google.server.MyRemoteServiceImpl</servlet-class> </servlet> <servlet-mapping> <servlet-name>MyRemoteService</servlet-name> <url-pattern>/mypackage.google.GWTClient/myRemoteService</url-pattern> </servlet-mapping>
We don't have yet finished, we must also "simulate" one of the call implemented by GWTServlet, registering its path into web.xml and with the help of a JSP::
<servlet> <servlet-name>gwt-hosted</servlet-name> <jsp-file>/gwt-hosted.jsp</jsp-file> </servlet> <servlet-mapping> <servlet-name>gwt-hosted</servlet-name> <url-pattern>/mypackage.google.GWTClient/gwt-hosted.html</url-pattern> </servlet-mapping>
the gwt-hosted.jsp JSP it's only a simple script with a row of scriptlet that export our web-app context to the GWT client::
<html> <body> <script> var $wnd = parent; var $doc = $wnd.document; var q = location.search.substring(1); var i = q.lastIndexOf("="); var $moduleName = q; var $moduleBaseURL = "<%= request.getContextPath()%>/" + $moduleName; if (i != -1) { $moduleBaseURL = q.substring(0, i); $moduleName = q.substring(i+1); } parent.__gwt_initHostedModeModule(this, $moduleName); </script> </body> </html>
We did it !!!!The good thing is that we don't even have to "Compile" our JavaScript in the destination context during debug. Infact the GWT Shell callback will always call our Java classes and not the JavaScript code.

So we have together maximum flexibility on client-side project for our debugging purposes, and only at the very finish of the development cycle we will produce the JavaScript code.

Could we be in a better position as web developer ?

Now some tips about GWT's Shell:

Are we in debug mode or not ? The answer is yes, so we should configure the Shell log to a more verbose level (if you have used GWT.log in your code):

-logLevel ERROR|WARN|INFO|TRACE|DEBUG|SPAM|ALL

We should also disable the integrated Tomcat:

-noserver

and configure the Shell to generate JavaScript code directly inside our web-app project:

-out

Also can be useful to open directly the Shell browser to our web-app at startup, simply putting the http url as the last parameter of the command line that start the Shell.

But what if all this it's not enough to solve our problems, may be because the generated JavaScript is not working fine ? Well, together with much luck, we can try to switch the generation code to DETAILED:

-style DETAILED

and use traditional JavaScript debugging tecnique.

Integrate Google Web Toolkit with Struts/Tiles

Ok, now everything it's integrated with your web-application and you're in love with GWT. You did really a great work, a prototype that it's working fine and looks pretty. But when time comes that you must put it into your old fashioned Struts/Tiles web-application it stops working and sure you can't write everything from scratch again, but do a step after another and start with a single functionality done with GWT.

Well, I don't know you, but I suffered from this problem, but at the end, thank to some little tips, I was able to let Struts and GWT not only to live together, but to cooperate to make my application look better.

It was like having an old fashioned B&W TV Set and a new HDMI on the same bench, side by side !!!

Well, to achieve this, we have to do some simple steps:

- In web.xml add another Struts action mapping, this time it must be extension based, for instance I choosed *.gwt:
<servlet-mapping> <servlet-name>action</servlet-name> <url-pattern>*.gwt</url-pattern> </servlet-mapping>
- In struts-config.xml write the new Struts action that will render the GWT page, taking care to put at the top of the path the complete GWT's module name, so that the script will be able to find internal files with no problems:
<action path="/mypackage.google.GWTClient/GWTClient" forward=".my.gwt.application"/>
- (only if you use Tiles as view)Add a Tiles definition that will include GWT's (in my example into the body of the layout JSP):
<definition name=".my.gwt.application" extends=".mainLayout"> <put name="title" value="Google Web Toolkit in Tiles" /> <put name="body" value="/mypackage.google.GWTClient/GWTClient.html" /> <put name="header" value="/WEB-INF/jsp/header.jsp" /> </definition>
- (if you used filters for Struts Action mapping)Update your filters so that they will be able to do their work also with the new GWT module:
<filter-mapping> <filter-name>AuthenticationFilter</filter-name> <url-pattern>*.gwt</url-pattern> </filter-mapping>
That's all, the game is made.

P.S.:the same applies if you used Spring MVC.
Integrating it also with Spring/Hibernate

The life-cycle of a GWT's Service is managed by your servlet-container, because as a design choice Google opted for the portabily and simplicity of the Servlet model.
In our code this mean that our service implementations will all inherit (indirectly) from HttpServlet. This means also that to integrate them in our Spring managed container we have to play dirty. I decided to use static property inside our Google Service implementation, so that Spring will be able to assign it at startup time.
Pratically, if we want to inject something in GWT's service mypackage.google.server.MyRemoteServiceImpl's myProperty property, it's enough to declare it static:
private static MyProperty myProperty;
Then to let Spring works, we also need an instance setter:
public void setMyProperty(MyProperty mp) // remember, myProperty is static, you can't use this { myProperty = mp; }
In our applicationContext.xml we can inject the myPropertyBean Bean simply with a dummy bean declaration of the GWT implementation class:
<bean id="myGWTService" class="mypackage.google.server.MyRemoteServiceImpl"> <property name="myProperty"><ref local="myPropertyBean"/></property> </bean>
This works because at startup Spring will instantiate an instance of the MyRemoteServiceImpl class, this instance will never be used by the servlet-container, but the bean property is contained into a static variable, so every instance will have it !!!
Now, if your business bean myPropertyBean uses Hibernate and you usually use Spring's OpenSessionInViewFilter/Interceptor to manage your Session, you need a further step and use an AOP Interceptor. But we are lucky in this, because all is done by Spring out-of-the-box only with few lines of configuration::
 <bean id="matchAllWithPropReq" class="org.springframework.transaction.interceptor.MatchAlwaysTransactionAttributeSource"> <property name="transactionAttribute"><value>PROPAGATION_REQUIRED</value></property> </bean>  <bean id="matchAllTxInterceptor" class="org.springframework.transaction.interceptor.TransactionInterceptor"> <property name="transactionManager"><ref bean="transactionManager"/></property> <property name="transactionAttributeSource"><ref bean="matchAllWithPropReq"/></property> </bean>  <bean id="autoProxyCreator" class="org.springframework.aop.framework.autoproxy.BeanNameAutoProxyCreator"> <property name="interceptorNames"> <list> <idref local="matchAllTxInterceptor"/> <idref bean="myHibernateInterceptor"/> </list> </property> <property name="beanNames"> <list> <idref local="myPropertyBean"/> </list> </property> </bean>  <bean id="myHibernateInterceptor" class="org.springframework.orm.hibernate3.HibernateInterceptor"> <property name="sessionFactory"><ref local="sessionFactory"/></property> </bean> <bean id="transactionManager" class="org.springframework.orm.hibernate3.HibernateTransactionManager"> <property name="sessionFactory"><ref local="sessionFactory"/></property> </bean>
With this configuration, if myPropertyBean is used outside a transaction scope, a new Hibernate transaction will be created and assigned to it. In our case this is also the span of the Hibernate's Session (thanks to HibernateTransactionManager). The myHibernateInterceptor will also take charge of eventually close the Session at the end of the business method.

continue here...

seal 2010-01-15 12:05 发表评论

Integrating GWT with Spring Security

seal — Fri, 15 Jan 2010 01:39:00 GMT
     摘要: Yesterday, I wrote about How to do cross-domain GWT RPC with a ProxyServlet. Today I'll be discussing how to modify the ProxyServlet to authenticate with Spring Security. For the application I'm work...  阅读全文

seal 2010-01-15 09:39 发表评论