GWT工程架构分析与理解

上一篇文章中介绍了GWT的一些理论性的东西,涉及到GWT技术的一些技术原理及实现。接下来笔者将通过创建一个GWT工程详细的去了解GWT工程架构。

GWT工程架构解析

笔者使用的是Eclipse插件方式进行GWT开发的,具体开发环境是如何搭建的笔者这里就不在诸多提及了,网上可以搜到解决方法。好了,新建一个GWT工程,展开GWT的各个目录结构,如下图所示:

src:该目录存放工程的源代码;

client:该包下主要存放UI界面部分的代码,会被GWT编译器交叉编译成javascript代码嵌入网页进行调用;

server:存放服务端的代码,不会被编译成javascript;

shared:一般存放的是页面校验代码,会被编译成javascript;

test:存放工程测试代码;

war:存放的是工程的发布信息;

接下来笔者分别进入各个目录分析。

GWT模块

独立的GWT配置单元称为GWT模块,GWT模块定义文件包含了工程所需的设置信息。这些个设置信息主要是:模块的入口点、模块继承信息、源代码路径设置、资源文件路径设置、延迟绑定规则。

GWT模块定义文件一般为工程名.gwt.xml,,模块名则由模块定义文件的所在包名+模块定义文件名(不带后缀)组成。

上述工程图片中,GwtGuide.gwt.xml即为模块定义文件,我们看看其配置信息。

1 <?xml version=”1.0″ encoding=”UTF-8″?> 2 <!– rename-to重命名: 将编译信息放在指定的目录下, 该目录位于war下 –> 3 <module rename-to=’gwtguide’> 4<!– inherrits: 指定继承其他模块,大多数情况下我们 的项目是由多个GWT构成的(项目依赖),必须 继承其他模块。 –> 5<!–核心模块,必须继承 包括EntryPoint接口,界面控件、DOM访问功能等 –> 6<inherits /> 7<!– 主题模块,GWT提供的一些可选主题 –> 8<inherits /> 9<!– <inherits/> –>10<!– <inherits/> –>11<!– <inherits/> –>12<!– Other module inherits –>13<!– 指定工程的入口类,写全类路径 –>14<entry-point class=’com.guide.client.GwtGuide’ />15<stylesheet src=”../GwtGuide.css” />16<!– 指定哪些目录编译成javascript代码 –>17<source path=’client’ />18<source path=’shared’ />19 </module>而不去欣赏今天就开在我们窗口的玫瑰。

GWT工程架构分析与理解

相关文章:

你感兴趣的文章:

标签云: