在我們開始使用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，感謝您對本站的認可！
本文鏈接：http://www.newhan.cn/zhishi/a/167771179198895.html
版權聲明：本站內容均來自互聯網，僅供演示用，請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系，我們將在24小時內刪除。
本文word下載地址：applications(applications文件夾在哪).doc
本文 PDF 下載地址：applications(applications文件夾在哪).pdf
| 留言與評論（共有 0 條評論） |
