oauth和jwt应用场景(GWT-应用程序)
在我们开始使用GWT创建实际的“HelloWorld”应用程序之前,让我们看看GWT应用程序的实际部分是什么 -,我来为大家讲解一下关于oauth和jwt应用场景?跟着小编一起来看一看吧!
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
这是实现应用程序业务逻辑的实际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