GWT中实现跳转及不同entrypoint怎么互相访问

怎么跳转?
跳转这个概念这里指的是从一个web页面跳转到另一个web页面,如果我们使用gwt来开发web,很自然的我们会想到怎么从一个gwt做的页面跳转到另一个gwt做的页面。

但从网上的gwt例子来看,似乎gwt的应用更像一个桌面应用:总的就一个页面,相当于应用程序主体,不同的功能就是不同的gwt控件在做展示。没有像普通的web 应用那样不同的功能是在不同的web页面上,从一个功能到另一个功能就是一个页面跳转到另一个页面。gwt应用更像桌面应用,不同的功能用不同的gwt控件表示,如gwt窗体,gwt对话框,gwt tab等等。各种控件的数据都是通过ajax从服务端取得,gwt把界面定义出来,数据再去取,而不是像传统的web应用那样,一个web页面展示一个功能,同时把数据与界面混合写在一起,返回给客户端

gwt的一个ui module就代表了一个页面,gwt会生成一个相应的html文件,在该文件中加载module生成的js。所以如果要加多个module的话,就得每个module建立自己的html文件,在其中加载自己的module js,一个加载module的html看起来如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Gwtapp.css">
 
    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
 
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="gwtapp/gwtapp.nocache.js"></script>
  </head>
 
  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>
 
    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
  </body>
</html>


如果自己加了module,gwt自己不会为它建立相关的html文件,cypal插件就会

现在的问题是,建立好了两个module,也知道了加载他们的html文件名,那如何在一个module里打开另一个module呢?,这个java代码怎么写?

1.  gwt中的java代码会被转换成javascript代码
2. 要能在java代码中写页面的跳转功能
3. 如果在javascript写跳转当然很方便,直接window.lcoation=“url”
4. 所以如果能在java代码中直接写这个javascript代码不就可以实现跳转了吗
5. 所以通过jsni在java代码里直接写javascript不就可以了吗

例如

public static native void redirect(String url)/*-{
      $wnd.location = url;
  }-*/;


6.gwt有没有为我们提供这个接口呢?有就最gwt的<strong>com.google.gwt.user.client.Window</strong>类

不同EntryPoint怎么互相访问
一个EntryPoint就是一个module里包含的模块,负责处理界面上的某个界面内容,GWT会根据它们的定义顺序加载它们
现在项目需要在一个EntryPoint中调用另一个EntryPoint中的方法
整理一下思路

1. 它们都在同一相module下
2. gwt会根据定义的顺序创建他们,并调用他们的onModuleLoad方法
3. GWT应该知道一个module里都有那些entrypoint,并能够访问到它们
4. GWT应该有相关的工厂
5. 但是没找到这个工厂
6. 另一个思路,所有的entrypoint都会被转换成javascript
7. 能不能通过javascript来找到这个entrypoint呢
8. java与javascript怎么互访?
9. 使用jsni,但jsni要访问一个Entrypoint,也得有这个对象的引用,我们现在要知道了就是怎么在一个Entrypoint里得到另一个entrypoint的引用
不过这里记录一下jsni怎么访问java代码,如果访问一个类的方法:
类引用.@类的全名::方法名(方法定义时参数定义)(实参);
类的全名::静态方法名(方法定义时参数定义)(实参);

10。自己写代码来实现这个功能,我们写一个单体的注册类,我们把所有加载的EntryPoint都在这个类上面注册,其它地方使用的时候再从这个注册类里面取得,这是可行的:

public class Register {
 private static Map&lt;String, EntryPoint&gt; registry = new HashMap&lt;String, EntryPoint&gt;();
 public static void register(String name,EntryPoint entry){
  registry.put(name, entry);
 }
 public static EntryPoint getEntryPoint(String name){
  return registry.get(name);
 }
}
 
public void onModuleLoad() {
  Register.register("CreditrightStatisitcs", this);
.....................
 
public void onModuleLoad() {
Register.register("CreditrightListModule", this);
com.google.gwt.user.client.Window.alert("in java:"+((CreditrightStatisitcs)Register.getEntryPoint("CreditrightStatisitcs")).test());


这个成功做到一个EntryPoint访问另一个EntryPoint

以上是原作者的文章,不过想法很好,他说的这种方法我们在开发中以用过不只一次了,什么时候本人将把方法总结后写出来!

你可能感兴趣的:(JavaScript,Web,UI,Google,gwt)