在我们开始使用GWT创建实际的“HelloWorld”应用程序之前，让我们看看GWT应用程序的实际部分是什么 -
GWT应用程序包含以下四个重要部分，其中最后一部分是可选的，但前三部分是必需的。
模块描述符公共资源客户端代码服务器端代码典型gwt应用程序HelloWord的不同部分的样本位置如下所示 -
名称
地点
Project root
HelloWorld/
模块描述符
src/com/iowiki/HelloWorld.gwt.xml
公共资源
src/com/iowiki/war/
客户端代码
src/com/iowiki/client/
服务器端代码
src/com/iowiki/rver/
模块描述符模块描述符是XML形式的配置文件，用于配置GWT应用程序。
模块描述符文件扩展名为* .gwt.xml，其中*是应用程序的名称，此文件应驻留在项目的根目录中。
以下是HelloWorld应用程序的默认模块描述符HelloWorld.gwt.xml -
<?xml version = "1.0" encoding = "utf-8"?><module rename-to = 'helloworld'> <!-- inherit the core web toolkit stuff. --> <inherits name = 'com.google.gwt.ur.ur'/> <!-- inherit the default gwt style sheet. --> <inherits name = 'com.google.gwt.ur.theme.clean.Clean'/> <!-- specify the app entry point class. --> <entry-point class = 'com.iowiki.client.HelloWorld'/> <!-- specify the paths for translatable code --> <source path = '...'/> <source path = '...'/> <!-- specify the paths for static files like html, css etc. --> <public path = '...'/> <public path = '...'/> <!-- specify the paths for external javascript files --> <script src = "js-url" /> <script src = "js-url" /> <!-- specify the paths for external style sheet files --> <stylesheet src = "css-url" /> <stylesheet src = "css-url" /></module>12345678910111213141516171819202122
以下是模块描述符中使用的不同部分的简要细节。
Sr.No.
节点和描述
1
《module rename-to = "helloworld"》
这提供了应用程序的名称。
2
《inherits name = "logical-module-name" /》
这在应用程序中添加了其他gwt模块，就像java应用程序中的import一样。 可以以这种方式继承任意数量的模块。
3
《entry-point class = "classname" /》
这指定将开始加载GWT应用程序的类的名称。 可以添加任意数量的入口点类，并按照它们在模块文件中出现的顺序依次调用它们。 因此，当第一个入口点的onModuleLoad（）完成时，立即调用下一个入口点。
4
《source path = "path" /》
这指定了GWT编译器将搜索源编译的源文件夹的名称。
5
《public path = "path" /》
公共路径是项目中存储GWT模块引用的静态资源（如CSS或图像）的位置。 默认公共路径是存储模块XML文件的公共子目录。
6
《script src="js-url" /》
自动注入位于src指定位置的外部JavaScript文件。
7
《stylesheet src="css-url" /》
自动注入位于src指定位置的外部CSS文件。
公共资源这些是GWT模块引用的所有文件，例如主机HTML页面，CSS或图像。
可以使用模块配置文件中的元素配置这些资源的位置。 默认情况下，它是存储模块XML文件的公共子目录。
将应用程序编译为JavaScript时，可以在公共路径中找到的所有文件都复制到模块的输出目录中。
最重要的公共资源是主页，用于调用实际的GWT应用程序。 应用程序的典型HTML主机页面可能根本不包含任何可见的HTML正文内容，但总是希望通过标记包含GWT应用程序，如下所示
<html> <head> <title>Hello World</title> <link rel = "stylesheet" href = "HelloWorld.css"/> <script language = "javascript" src = "helloworld/helloworld.nocache.js"> </script> </head> <body> <h1>Hello World</h1> <p>Welcome to first GWT application</p> </body></html>12345678910111213
以下是我们在主页中包含的样本样式表 -
body { text-align: center; font-family: verdana, sans-rif;}h1 { font-size: 2em; font-weight: bold; color: #777777; margin: 40px 0px 70px; text-align: center;}123456789101112Client-side Code
这是实现应用程序业务逻辑的实际Java代码，GWT编译器转换为JavaScript，最终将在浏览器中运行。 可以使用模块配置文件中的元素配置这些资源的位置。
例如， Entry Point代码将用作客户端代码，其位置将使用“source path =”path“/”指定。
模块entry-point是可分配给EntryPoint任何类，可以在没有参数的情况下构造。 加载模块时，将实例化每个入口点类并调用其EntryPoint.onModuleLoad()方法。 HelloWorld入口点示例类如下 -
public class HelloWorld implements EntryPoint { public void onModuleLoad() { Window.alert("Hello, World!"); }}123456服务器端代码
这是应用程序的服务器端部分，非常可选。 如果您没有在应用程序中进行任何后端处理，那么您不需要此部分，但如果后端需要某些处理并且您的客户端应用程序与服务器交互，那么您将不得不开发这些组件。
下一章将利用上述所有概念，使用Eclip IDE创建HelloWorld应用程序。
本文发布于:2023-02-28 20:58:00，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/zhishi/a/167771179198895.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：applications(applications文件夹在哪).doc
本文 PDF 下载地址：applications(applications文件夹在哪).pdf
| 留言与评论（共有 0 条评论） |
