oauth和jwt应用场景(GWT-应用程序)

在我们开始使用GWT创建实际的“HelloWorld”应用程序之前,让我们看看GWT应用程序的实际部分是什么 -,我来为大家讲解一下关于oauth和jwt应用场景?跟着小编一起来看一看吧!

oauth和jwt应用场景(GWT-应用程序)

oauth和jwt应用场景

在我们开始使用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/server/

模块描述符

模块描述符是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.user.user'/> <!-- inherit the default gwt style sheet. --> <inherits name = 'com.google.gwt.user.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-serif; } h1 { font-size: 2em; font-weight: bold; color: #777777; margin: 40px 0px 70px; text-align: center; } 123456789101112

Client-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

服务器端代码

这是应用程序的服务器端部分,非常可选。 如果您没有在应用程序中进行任何后端处理,那么您不需要此部分,但如果后端需要某些处理并且您的客户端应用程序与服务器交互,那么您将不得不开发这些组件。

下一章将利用上述所有概念,使用Eclipse IDE创建HelloWorld应用程序。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页