GXT之旅:第三章:表单和窗口(4)——表单的提交和RPC
表单使用HTTP提交
表单有两种提交方式,第一种就是传统的HTTP提交。
最直接的步骤就是:
- 使用FormPanel的setAction()方法,去定义submit的URL
- 使用FormPanel的isValid()方法,去验证所有的fields是否有正确
- 如果正确,使用FormPanel的submit()方法提交表单。
- setAction("http://www.example.com/submit.php");
- final Button btnSave = new Button("Save");
- btnSave.setIconStyle("save");
- btnSave.addSelectionListener(new SelectionListener<ButtonEvent>()
- {
- public void componentSelected(ButtonEvent ce) {
- if (isValid())
- {
- submit();
- } }
- });
- addButton(btnSave);
setAction("http://www.example.com/submit.php");
final Button btnSave = new Button("Save");
btnSave.setIconStyle("save");
btnSave.addSelectionListener(new SelectionListener<ButtonEvent>()
{
public void componentSelected(ButtonEvent ce) {
if (isValid())
{
submit();
} }
});
addButton(btnSave);
GWT RPC
表单就拥有了另外一种提交方式——RPC。对于GWT和GXT来说,他不像传统的web应用,在client端我们可以选择存储和操作java类型的数据——不管这些数据是在web前端还是通过GWT RPC或者JSON别的什么方法提交到后端,我们都可以操作他们。
在RSSReader项目里,我们就会使用GWT RPC。
创建一个Feed service
为了能够检索到Feed对象,就必须有唯一的ID。java里有专门用来生成的主键的类——UUID。接下来我们要实现一个功能,就是当在client端所使用Feed的实例对象,是通过RPC从server端返回的,并且已经赋值ID的。因为先前,我们所创建的Feed类,就是为了在client和server两端都可以使用。那么接下来就要创建一个GWT RPC的service去处理Feed实例对象。
- 创建新包:com.danielvaughan.rssreader.client.services,在此包下,新建一个接口FeedService,继承GWT RemoteService。定义一个方法createNewFeed():
- package com.danielvaughan.rssreader.client.services;
- import com.danielvaughan.rssreader.shared.model.Feed;
- import com.google.gwt.user.client.rpc.RemoteService;
- import com.google.gwt.user.client.rpc.RemoteServiceRelativePath;
- @RemoteServiceRelativePath("feed-service")
- public interface FeedService extends RemoteService {
- Feed createNewFeed();
- }
package com.danielvaughan.rssreader.client.services; import com.danielvaughan.rssreader.shared.model.Feed;
import com.google.gwt.user.client.rpc.RemoteService;
import com.google.gwt.user.client.rpc.RemoteServiceRelativePath; @RemoteServiceRelativePath("feed-service")
public interface FeedService extends RemoteService {
Feed createNewFeed();
}
- 注意1:@RemoteServiceRelativePath("feed-service") 注解了当前这个service,在web.xml应该配置的url映射地址。也就是说不管哪个类实现了FeedService接口,那么他在web.xml的servlet url映射就应该设置成"feed-service"。
- 注意2:FeedService接口创建完毕之后,GWT就会自动的提示你去创建与之对应的另外一个接口FeedServiceAsync
- package com.danielvaughan.rssreader.client.services;
- import com.danielvaughan.rssreader.shared.model.Feed;
- import com.google.gwt.user.client.rpc.AsyncCallback;
- public interface FeedServiceAsync {
- void createNewFeed(AsyncCallback<Feed> callback);
- }
package com.danielvaughan.rssreader.client.services; import com.danielvaughan.rssreader.shared.model.Feed;
import com.google.gwt.user.client.rpc.AsyncCallback; public interface FeedServiceAsync { void createNewFeed(AsyncCallback<Feed> callback); }
- FeedServiceAsync接口中生成了FeedService接口中的,异步回调的抽象方法。其目的是在createNewFeed()方法执行之后的返回期间会调用FeedServiceAsync接口中的与之对应的createNewFeed(AsyncCallback<Feed> callback)方法,来作为createNewFeed()方法执行情况的反馈。
- 之前的两个接口都是属于client端的services,具体的实现类就应该属于的server端的services。所以新建包:com.danielvaughan.rssreader.server.services,在此包下创建FeedServiceImpl类实现FeedService,继承RemoteServiceServlet。具体的实现如下代码:
- package com.danielvaughan.rssreader.server.services;
- import java.io.IOException;
- import java.util.UUID;
- import com.danielvaughan.rssreader.client.services.FeedService;
- import com.danielvaughan.rssreader.shared.model.Feed;
- import com.google.gwt.user.server.rpc.RemoteServiceServlet;
- @SuppressWarnings("serial")
- public class FeedServiceImpl extends RemoteServiceServlet implements
- FeedService {
- @Override
- public Feed createNewFeed() {
- UUID uuid = UUID.randomUUID();
- return new Feed(uuid.toString());
- }
- }
package com.danielvaughan.rssreader.server.services; import java.io.IOException;
import java.util.UUID; import com.danielvaughan.rssreader.client.services.FeedService;
import com.danielvaughan.rssreader.shared.model.Feed;
import com.google.gwt.user.server.rpc.RemoteServiceServlet; @SuppressWarnings("serial")
public class FeedServiceImpl extends RemoteServiceServlet implements
FeedService {
@Override
public Feed createNewFeed() {
UUID uuid = UUID.randomUUID();
return new Feed(uuid.toString());
} }
- 配置FeedServiceImpl的servlet映射。编辑web.xml
- <servlet>
- <servlet-name>feedServlet</servlet-name>
- <servlet-class>
- com.danielvaughan.rssreader.server.services.FeedServiceImpl
- </servlet-class>
- </servlet>
- <servlet-mapping>
- <servlet-name>feedServlet</servlet-name>
- <url-pattern>/rssreader/feed-service</url-pattern>
- </servlet-mapping>
<servlet>
<servlet-name>feedServlet</servlet-name>
<servlet-class>
com.danielvaughan.rssreader.server.services.FeedServiceImpl
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>feedServlet</servlet-name>
<url-pattern>/rssreader/feed-service</url-pattern>
</servlet-mapping>
- 注意:<url-pattern>/rssreader/feed-service</url-pattern>其中的rssreader是小写,这与<script type="text/javascript" language="javascript"
src="rssreader/rssreader.nocache.js"></script>是一直的。
- RPC的services已经创建完毕了。只要记住他包括client端和server端代码。client端是接口的定义,server端是具体的实现。web.xml里配置的server端的servlet。
GXT之旅:第三章:表单和窗口(4)——表单的提交和RPC的更多相关文章
- Python之旅.第三章.函数4.01/4.02
一.三元表达式 #普通的判断大小函数def max2(x,y): if x > y: return x else: return yres=max2(10,11)print(res)x=12y= ...
- Python之旅.第三章.函数3.30
一.迭代器 1.什么是迭代?:迭代是一个重复的过程,并且每次重复都是基于上一次的结果而来2.要想了解迭代器到底是什么?必须先了解一个概念,即什么是可迭代的对象?可迭代的对象:在python中,但凡内置 ...
- Python之旅.第三章.函数3.29
一.无参装饰器 1 开放封闭原则 软件一旦上线后,就应该遵循开放封闭原则,即对修改源代码是封闭的,对功能的扩展是开放的 也就是说我们必须找到一种解决方案: 能够在不修改一个功能源代码以及调用方式的前提 ...
- Python之旅.第三章.函数3.28
一.命名关键字参数: 什么是命名关键字参数?格式:在*后面参数都是命名关键字参数特点:1 必须被传值1 约束函数的调用者必须按照key=value的形式传值2 约束函数的调用者必须用我们指定的key名 ...
- Python之旅.第三章.函数3.27
一.形参与实参 1.形参与实参是什么? 形参(形式参数):指的是 在定义函数时,括号内定义的参数,形参其实就变量名 实参(实际参数),指的是 在调用函数时,括号内传入的值,实参其实就变量的值 x,y是 ...
- Python之旅.第三章.函数3.26
一.函数: 1.为什么要有函数?什么是函数? 1.组织结构不清晰,可读性差 2.代码冗余 3.管理维护的难度极大,扩展性 具备某一个功能的工具就是程序的中函数 事先准备工具的过程---->函数的 ...
- Getting Started with Processing 第二,三章总结
第一章是文化熏陶. 第二章:开始编程 菜单栏中的 Show 的快捷键 Run:进行显示shortcut:可以通过快捷键 cmd + R 执行Present:进行全屏的显示shortcut:可以通过按下 ...
- HTML第三章:表单
第三章:表单 表单标签form:<form></form>//相当于一张记录用户信息的单子 常用属性:method:表单的提交方式,常用的值有两个 ...
- 第三章:Web表单
感谢作者 –> 原文链接 本文翻译自 The Flask Mega-Tutorial Part III: Web Forms 这是Flask Mega-Tutorial系列的第三部分,我将告诉你 ...
随机推荐
- Tasklist 命令的使用
1,根据PID查找进程 tasklist /fi "pid eq 2245" 2,根据名称查找进程 tasklist /fi "imagename eq notepad. ...
- 数位DP入门之hdu 3652 B-number
hdu 3652 B-number Problem Description A wqb-number, or B-number for short, is a non-negative integer ...
- Objective-C中的const ,extern,static
一.const 1>对于const,记住关键的一点,它只是修饰右边的变量. 例如: - (void)viewDidLoad { [super viewDidLoad]; // const两种用法 ...
- linux常用命令搜索
解压tar - xzvf webcmp.tar.gz /目的目录 压缩tar - czvf webcmp.tar.gz /压缩源文件 发包命令 cd /cap/sc_bossdata_20140516 ...
- 加密算法 - RSA算法一
RSA算法原理(一) 声明: 本文转自 -- 作者: 阮一峰 (http://www.ruanyifeng.com/blog/2013/06/rsa_algorithm_part_one.html) ...
- BZOJ 1231: [Usaco2008 Nov]mixup2 混乱的奶牛
Description 混乱的奶牛 [Don Piele, 2007] Farmer John的N(4 <= N <= 16)头奶牛中的每一头都有一个唯一的编号S_i (1 <= S ...
- [原博客] POJ 2505 A multiplication game 组合游戏
题目链接题意: 有一个数p=1,甲乙两人轮流操作,每次可以把p乘2~9中的一个数,给定一个n,当一个人操作后p>=n,那么这个人赢,问先手是否必胜. 必胜状态:存在一种走法走到一个必败状态. 必 ...
- 算法练习之:Doubles
Doubles Time Limit: 1000MS Memory Limit: 65536KB Problem Description As part of an arithmetic compet ...
- 【20161030la 】总结
就写个题解 1. 生成树(Tree) 有一种图形叫做五角形圈.一个五角形圈的中心有1个由n个顶点和n条边组成的圈.在中心的这个n边圈的每一条边同时也是某一个五角形的一条边,一共有n个不同的五角形.这些 ...
- Android 实现ListView异步加载图片
ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,下面就说实现方法,先贴上主方法的代码: package cn.wangmeng.test; ...