GWT项目开发指南

### GWT项目开发指南 #### 1. 在Eclipse中创建GWT项目 要在Eclipse中创建GWT项目并在WildFly上运行启动应用程序，可按以下步骤操作： 1. **导入GWT应用程序到Eclipse**：在Eclipse中，选择`File | New | Other`，在`New`中，按特定方式选择`JBoss Central | Java EE Web Project`，然后点击`Next`。 2. **测试插件要求**：会对所需的插件进行测试，包括`m2e`、`m2eclipse - wtp`插件、`JBoss Maven Tools`插件和`GWT Plugin`。勾选`Create a blank project`复选框，并选择`WildFly 8.x Runtime`作为目标运行时，接着点击`Next`。 3. **指定项目信息**：在创建Java EE Web项目的向导中，指定项目名称（如`jboss - gwt`）和包名（如`com.mycompany.mywebapp`），点击`Next`，再指定`Group Id`、`Artifact Id`、`Version`和`Package`，最后点击`Finish`。 4. **替换项目文件**：创建的`jboss - gwt`项目并非我们要运行的项目。删除`jboss - gwt`项目的`\\jboss - gwt\src\main\java`文件夹和`\\jboss - gwt\src\main\webapp`文件夹中的文件。将命令行生成的启动GWT Web应用程序的`C:\gwt - 2.6.0\MyWebApp\src`文件夹中的文件添加到`jboss - gwt`项目的`\\jboss - gwt\src\main\java`文件夹，将`C:\GWT\gwt - 2.6.0\MyWebApp\war`目录中的文件复制到`\\jboss - gwt\src\main\webapp`目录。选择`File | Refresh`刷新应用程序文件夹。 以下是创建项目的流程图： ```mermaid graph LR A[选择File | New | Other] --> B[选择JBoss Central | Java EE Web Project] B --> C[点击Next] C --> D[测试插件要求] D --> E[勾选Create a blank project并选择WildFly 8.x Runtime] E --> F[点击Next] F --> G[指定项目名称和包名] G --> H[点击Next] H --> I[指定Group Id等信息] I --> J[点击Finish] J --> K[删除项目文件夹文件] K --> L[添加和复制文件] L --> M[选择File | Refresh] ``` #### 2. 将启动项目部署到WildFly 8.1 将GWT启动Web应用程序编译、打包并部署到WildFly 8.1，可按以下步骤操作： 1. **设置JDK合规级别**：`jboss - gwt`项目的JDK合规级别应设置为1.7。如果全局Java编译器的JDK合规级别已设置为1.7（全局设置适用于每个项目），则无需单独设置项目级别的JDK合规级别。若需要设置项目级别的JDK合规级别，右键点击`jboss - gwt`项目，选择`Properties`，在`Properties`中选择`Java Compiler`节点，选择编译器合规级别为1.7并点击`OK`。 2. **配置Maven WAR插件**：在`pom.xml`的Maven WAR插件配置中，将输出目录指定为WildFly 8.1的部署目录，示例代码如下： ```xml <plugin> <artifactId>maven-war-plugin</artifactId> <version>2.1.1</version> <configuration> <outputDirectory>C:\wildfly-8.1.0.Final\standalone\deployments</outputDirectory> </configuration> </plugin> ``` 3. **启动WildFly 8.1服务器并部署应用程序**：启动WildFly 8.1服务器，在项目资源管理器中，右键点击`pom.xml`，选择`Run As | Maven install`。`jboss - gwt`应用程序将被编译、打包并部署到WildFly 8.1。当Maven `pom.xml`构建和配置脚本输出`BUILD SUCCESS`消息时，表示部署成功。登录WildFly 8.1管理控制台（使用URL `http://localhost:8080`），点击`Manage Deployments`，应能看到`jboss - gwt.war`文件已部署。 #### 3. 在WildFly 8.1上运行启动项目 在WildFly 8.1上运行启动GWT Web应用程序，可按以下步骤操作： 1. **调用GWT HTML页面**：使用URL `http://localhost:8080/jboss - gwt/MyWebApp.html`调用GWT HTML页面，浏览器将显示Web应用程序启动项目的用户界面。 2. **提交信息**：在界面中指定一个名称并点击`Send`，用户名将发送到WildFly 8.1服务器，服务器的回复将在浏览器中显示，最后点击`Close`。 #### 4. 创建新的GWT项目 创建新的GWT Web应用程序，可按以下步骤操作： 1. **启动新项目向导**：在Eclipse中，选择`File | New | Other`，在`New`中选择`Google | Web Application Project`，然后点击`Next`。 2. **指定项目信息**：在新的Web应用程序项目向导中，指定项目名称（如`gwt - jboss - ajax`）和包名（如`org.jboss.gwt`），选择位置的默认设置。在Google SDKs中，勾选`Use Google Web Toolkit`复选框并点击`Configure SDKs`。 3. **添加GWT SDK**：在过滤后的首选项中，仅显示`Google | Web Toolkit`，点击`Add`添加新的SDK。在`Add Google Web Toolkit SDK`中，选择GWT 2.6的安装目录（如`C:\gwt - 2.6`），显示名称为`gwt - 2.6.0`，然后点击`OK`。 4. **完成项目创建**：在新的Web应用程序项目向导中，点击`Create a Web Application Project`窗口，然后点击`Finish`。 一个典型的GWT Web项目通常包含以下文件、模块和页面： | 项目 | 描述 | | ---- | ---- | | 客户端Java源文件 | 要编译成JavaScript的文件，可添加GWT SDK Java API中的GWT小部件 | | 服务器Java源文件 | 可实现一些服务逻辑 | | GWT模块 | 指定GWT项目的配置，GWT库称为模块 | | HTML宿主页面 | 用于在浏览器中运行GWT模块 | 在创建新的GWT项目之前，需要删除默认Google Web应用程序项目中创建的文件，但保留`gwt - jboss - ajax`项目根文件夹、`src`文件夹中的子目录和`war`目录（包括`//gwt - jboss