首页>国外GIS软件>ESRI ArcGIS应用与开发>[分享]Server Java讲座

1 2 下一页 »

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

阅读：6565回复：17

[分享]Server Java讲座

楼主^#

更多发布于：2007-11-04 20:04

第一讲前言------为什么我们选择JSF，而不是其它framework
主讲人：CJ 
<DIV>在正式开讲之前，我们来探讨一下为什么要使用JSF来实现SERVER ADF，这也是很多开发商跟我讨论时经常会问到的问题。 世界上有300种Java的framework，这个数字是我几个月前听到的，现在可能已经不止这个数了。我曾经用过的framework包括Structs，Hibernate，Spring。这些framework不但能加速开发，而且会带来全新的程序设计理念。我当时的感觉是：原来程序还可以这样写！当然，这些framework都是开源免费，你不用担心自己的良心受到谴责，也不用担心比尔盖茨半夜敲门收钱。 在这300多种framework中，ESRI为什么选择了JSF？各个framework有各个framework的好处。JSF最大的优点就是：像 Swing 和 AWT 一样，JSF 是一个可以提供一组标准的、可重用的 GUI 组件的开发框架。 原因之一：行为与表示的完全分离。 行为和表现不分离的一个典型例子是普通的JSP 技术，这一技术很好，因为很容易在 HTML（和类 HTML）页面中混合 Java 代码。这样我们就可以使用强大的Java API的功能。当然，很明显的坏处是行为表现黏合在一起。而且代码不容易重用。这让我想起刚使用JSP技术时，在文本编辑器下写JSP页面，读写数据库，并且在同一个页面上显示出来的痛苦回忆。 Model1架构的出现使开发人员可以用javabean的方式进行开发，舒服多了。当然，还有更好的。 这就不得不提到著名的MVC结构，(MVC) model-view-controller架构提供了一系列的设计模式，这些模式让你可以轻松地应用于程序地开发，特别是有界面程序的开发。现在又有多少的程序是没有界面的呢？ Model包装了商业逻辑，也包含了数据持久的代码，包括存取数据库或者存取文件。Model最好不要跟View有任何关系，它最好不要知道谁将显示结果，是一个Swing界面，还是JSF界面，还是普通的JSP界面。为了做到这一点，事先的规划要花一些时间，但是相信我，这些花的时间带来的价值将超过你的想象。如果设计得当，许多用ArcGIS Engine开发的代码可以轻松在Server中使用，不需要修改任何代码。.net也是一样。 View只用来显示显示逻辑，不能有任何商务逻辑。controller是view和model的桥梁，它和model进行交互，并且把结果显示在Model中。显示页面的选择也由controller进行选择。我会在后面的讲座中详细解释JSF中的Controller的实现。 Structs，Spring都实现了MVC的架构。但是它们都没有像JSF这样，提供一个事件驱动的组件对象模型。大家可以想一想，一个平常在HTML中使用的标签， <input type="text" name="q">，在JSF框架中变成了一个组件，这个组件还可以有事件，而且可以对这个事件可以进行编程。这是多么得激动人心啊！ GIS程序需要和用户进行良好地交互，选择一个事件驱动的framework，可以更加容易编程和实现。 这是ESRI选择JSF的重要原因之一。 （未完待续）</DIV>

[此贴子已经被作者于2007-11-4 20:05:48编辑过]

喜欢0 评分0

GIS麦田守望者，期待与您交流。

举报回复

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

1楼^#

发布于：2007-11-04 20:04

<DIV right" align=right></DIV>Server Java开发 JSF基础 
<DIV> 有很多开发人员问我，如果我已经有了一个JSP的Application，为了使用JSF，为了使用我们新版的ArcGIS Server的Java ADF，我需要重新修改写我的程序以让它们适应整个JSF框架么？这是一个很有意思的问题，我可以想象出大家头皮发麻，左右为难的感觉，这也引出了今天的话题，Servlet容器是如何对JSF的程序进行处理的呢？ 随便找一个JSF的Application，可以是我们的ArcGIS Server的Sample，也可以是任何您从网上下载的JSF例子，打开web.xml文件，你就可以看到该文件里面有如下的servlet映射： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping></DIV></DIV> 这是Java程序员最熟悉不过的Servlet配置了，该Servlet映射是什么意思呢？将所有对后缀名为jsf的请求，都交由javax.faces.webapp.FacesServlet来处理。哦，另外插一句，JSF的标准是公开的，如果你觉得这个FacesServlet不好，你大可以自己写一个JSF处理Servlet。将所有对jsf的请求自己来处理。事实上，已经有人这么做了，这就是Myfaces，可以参考Apache的网站。 言归正转，如何将JSF的应用集成到已经有的应用程序中呢，您一定已经想到了。事实上事情很简单，在访问某个JSF页面的时候，映射到某个目录即可。这个目录在web.xml进行了设置，比如下面的配置就可以把所有的对faces的请求，让Face Servlet来处理： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>/faces/*</url-pattern> </servlet-mapping></DIV></DIV> 所以，如果你在根目录了放了一个hello.jsp页面，这个jsp页面使用了JSF框架，那么你在访问这个jsp页面时用<a href="http://servername/faces/hello.jsp" target="_blank" >http://servername/faces/hello.jsp</A>就可以了，你的容器会把这样的请求提交Face Servlet来处理，这个时候，就轮到Face Servlet来大显身手了，它会忠实地执行你的请求。 JSF的Managed Bean是保存在session中的，所以你在JSF页面和普通JSP之间切换页面的时候，不会丢失信息，反过来也一样。JSF自己有自己的Page Navigation系统，但是它仍然可以跟普通的JSP页面互相切换，我们在后面的讲座中会讲到。 所以如果你已经存在的一个项目，想上我们的ArcGIS Server，利用其基于JSF的ADF进行开发，也是完全可以的。当然，新的应用最好用JSF框架开发，开始时可能需要一点时间去学习，对于你后面会用到的强大的JSF的功能，这些投资是完全值得的。 欢迎大家进入美妙的JSF的世界。 了解了Servlet是如何处理你的JSF请求的，那么接下去我们来看看，让JSF程序跑起来需要什么必要条件，一个Servlet容器是必需的，这个一般取决于公司给我们配什么，或者客户要求什么。一般免费的好选择是Tomcat，价格便宜量又足，我们大家都用它。当然如果项目大，经费充足，IBM的J2EE容器Websphere和Bea公司的 Weblogic也是一个好选择。选用大公司J2EE容器有一个好处，即使三更或者五更出了问题，你照样可以拍着桌子让他们的工程师过来帮你解决问题，如果你用我们ESRI的软件，你也可以这样；而用免费的软件三更出了问题只有我们自己出马了，当然，google和百度在这个时候看在点击率的份上，还是可以拉我们一把的。除了一个好的容器，还需要一个JSF的实现，用SUN的Reference Implementation总是不会错的，人家是标准的制定者嘛，名字也起做“参考实现”，写来让你参考的。也可以选择功能更加强大的Myfaces。ESRI的ArcGIS Server ADF遵循标准的JSF，所以ADF可以跑在Sun 的JSF实现，或者Myfaces上。我们这次所有的教程都是基于sun的标准的JSF实现。还有其它的JSF实现，大家可以根据自己的爱好，择优选择之。如果你觉得都不好用，大可以参考标准自己写一个实现，除了你的老板（要投入更多的开发经费）和你的team (要干更多的活) ，是没有人有意见的。 　　如果您像我一样选择了SUN的参考实现，那么去SUN的网站上去下载一个JSF的开发包吧，如果不想下载，随便找一个Server Java ADF的例子，在WEB-INF/lib目录里面有JSF的包，名为jsf-api.jar和jsf-impl.jar的两个包就是；注意那个JSP的标准标签库jstl.jar，把它跟jsf的包放在一起，你不一定用标准标签库，但是JSF用到了它。 　　我把JSF的doc放在这里给大家下载，因为这个东西实在不好找，有人知道好的下载URL，可以在这里贴一个。 　　把这些包放在一个web application的lib目录里面有，你的程序你可以使用JSF的强大功能了。让我也来俗气一下，写一个简单的hello world作为今天的结束吧。注意在你的web application里面的web.xml配置文件添加了Face Servlet的声明和URI映射。 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3734;extra=page%3D5###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@ page c%> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <meta http-equiv="Content-Type" c> <f:view> <html> <head> <title> 欢迎来到ArcGIS Server ADF 世界 </title> </head> <body> <h:form id="welcomeForm"> <h:outputText id="welcomeOutput" value="欢迎来到ArcGIS Server Java ADF 教程!" style="color: red;"/> <h:message id="errors" for="helloInput" style="color: red"/> <h:outputLabel for="helloInput"> <h:outputText id="helloInputLabel" value="123"/> </h:outputLabel> </h:form> </body> </html> </f:view></DIV></DIV> 保存后访问<a href="http://servername:port/faces/hello.jsp" target="_blank" >Http://servername:port/faces/hello.jsp</A>即可，如果页面能够出来，那么恭喜您，您已经迈入了JSF wonderland的大门。</DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

2楼^#

发布于：2007-11-04 20:05

Server Java 讲座--ADF 体系结构第一部分 
<DIV>这两天一直在等待9.2 Engine到货，好调试我写的例子，但是看来还得等一下，所以今天的这个讲座将向前跨越一大步。等Enging到货后把前面的部分，也就是如何自己写一个ADF补上。 有很多人看了前面的讲座问我，怎么讲了半天，还是没有讲到如何对server进行开发，就像吃浙大的豆沙包，咬了一大口，发现离馅还有300里。这句话提醒了我：那么今天我们直接吃豆沙馅了。 在讲一些sample之前，我们来看看整个ADF的体系架构，ADF里面有大部分类是纯JAVA的。它是构建在JSF之上的，所以它严格地遵守JSF的规范，所有的Bean都放在faces-config.xml和web.xml这样的配置文件中。我们今天吃豆沙馅，所以就讲讲这两个文件里面的配置； Faces-config.xml文件中有如下配置： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><managed-bean> <managed-bean-name>esriWebSession</managed-bean-name> <managed-bean-class>com.esri.adf.web.data.WebSession</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> <managed-property> <property-name>webApplication</property-name> <value>#{esriWebApplication}</value> </managed-property> < /managed-bean></DIV></DIV> 这里定义了一个managed bean指向了WebSession的类，这个WebSession类实现了一个接口，这个接口是HttpSessionListener，看看这个接口的Javadoc吧；这个接口做两件事情：每当往Session中存入一个对象（setAttribute）或从Session中删除一个对象的时候，如果这个对象实现了此监听器接口，应用服务器将会自动调用接口相应的方法。你有机会在这两个方法里面做一些事情，最好的莫过于初始化存放在session中的变量。如果你一定要问我，Managed Bean的scope如果是session，那么在每个新session中，都会初始化这个managed bean，调用它的constructor，这样不是也可以实现managed bean地初始化么？如果你一定要这样写，也可以，但是系统的可扩展性很差啦。 　　在ADF中，如果我们写了一个类，并且希望这个类能够被ADF初始化，我们直接实现WebContextInitialize接口就可以了，ADF会自动初始化这个类，那么WebContextInitialize接口是什么呢？ 首先，来看看我们的核心中的核心WebContext，Adf的广大Managed bean们都团结在WebContext周围，错了，是团结在WebContex里面；这个WebContext是这个Server ADF的容器。Context这个词翻译成上下文实在是不合适，我们还是叫它叫容器吧。 这个容器里面有什么？随便举个例子吧，它有很多的Attribute，比如有一个WebMap,所有容器里面的Attribute都需要实现一个接口，这个接口的名字叫做WebContextInitialize，这个伟大的接口有两个方法：init和destroy。看看这两个方法，我不说你都能想到它们是用来做什么的。初始化这个attribute，和销毁这个attribute。看个帮助里面的例子吧： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>public class MyAttribute implements WebContextInitialize { WebContext context; public void init(WebContext context) { this.context = context; //初始化其它资源或者变量 } public void destroy() { context = null; //释放其它资源 } }</DIV></DIV> 　　　　OK，这个attribute也将作为一个managed bean部署在faces-config.xml文件里面。这里引出的问题是，谁来调用这个init方法和destroy方法呢？对JSF来说，这两个只是普通的方法，JSF不会调用这两个方法来进行资源的初始化和释放。答案是WebContext来调用这些初始化和释放的方法，我们可以看WebContext的doc原文： WebContext is responsible for making the callback methods implemented by the resources and attributes at appropriate junctures of the ADF application. The callback methods are declared in the WebContextInitialize, WebContextObserver and WebLifecycle interfaces. 　　原来是WebContext负责调用这三个接口的方法，初始化和释放资源。 　　我们看一下WebContext，发现它也是需要有人来初始化它的，那么WebContext是谁来负责的呢? 是WebSession。WebSession里面存放了所有的WebContext，并且保证这些WebContext们能够被正常的初始化和destroy，什么时候初始化，什么时候Destroy，当然由WebSession实现的，大名鼎鼎的HttpSessionBindingListener接口来实现，每次有一个用户访问或者用户退出时，该监听器会自动调用两个方法，用来初始化和摧毁WebContext。另外要说一句地时：一个session可以有多个webContext，你可以用getWebContexts()得到所有的WebContext。目前我们看到的所有的配置文件都只使用了一个WebContext，多个WebContext会使用在什么地方呢，这个问题大家先考虑一下，我在后面的讲座中会揭晓答案。 　　如果有多个用户访问时，就会产生多个并发用户，我们的Web Server会为每个用户都分配一个WebSession，这些Websession会放在哪里，答案是放在WebApplication中，我们打开faces-config.xml文件可以看到里面有一个webApplication的定义 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><referenced-bean> <referenced-bean-name>esriWebApplication</referenced-bean-name> <referenced-bean-class>com.esri.adf.web.data.WebApplication</referenced-bean-class> </referenced-bean></DIV></DIV> 　　再去看WebSesstion的定义，有指向esriWebApplication的引用。 　　现在的问题是，是谁，初始化了WebApplication，我们祭出最原始也是最强大的武器了：ServletContextListener出马了，看web.xml中下面的顶定义， 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> <listener> <listener-class>com.esri.adf.web.util.ADFServletContextListener</listener-class> </listener></DIV></DIV> ADFServletContextListener 实现ServletContextListener接口，ServletContextListener有两个方法：contextInitialized()和contextDestroyed(); 分别在web application启动的时候和结束的时候调用，你要是觉得好玩，可以写一个listener玩玩，我这里写一个简单的listener现现丑： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3800;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>public class ScheduleListener implements ServletContextListener { public void contextInitialized(ServletContextEvent arg0) { System.out.println("context object inited."); } public void contextDestroyed(ServletContextEvent arg0) { System.out.println("context object destroyed."); } }</DIV></DIV> ESRI使用了ADFServletContextListener，它实现了ServletContextListener接口，用来启动和destroy WebApplication。看看Javadoc的原文吧： The ADFServletContextListener initializes a WebApplication object and sets it as an attribute on the ServletContext. When the ServletContext is destroyed, it destroys the associated WebApplication and attempts to clean up all server hosted objects in the current thread. This class must be registered as a listener-class (in the web.xml file) for the web application. 现在大家都明白了吧，整个调用过程。Servelt容器启动的时候，会发送启动消息给ADFServletContextListener，ADFServletContextListener负责创建WebApplication，WebApplication负责创建和存放WebSession，WebSession负责创建WebContext，WebContext负责创建所有的Attribute，对资源的使用等等。这一下大家都满意了吧。 　　谨以此文，纪念在浙大吃过的一千个豆沙包。</DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

3楼^#

发布于：2007-11-04 20:06

Server Java 开发实战---自定义command 
<DIV>自定义Command 这个文档大家如果喜欢看英文，在ESRI的帮助里面就有。本文和ESRI的帮助文档类似，当然，我写的会加入自己的一些东西。 咱开发人员拿到一个开发平台，当然是要用来开发的，而且我们最好把它改得面目全非，才能显出开发人员我的水平所在。对于那些拿着模版生成一个web gis站点就去问客户要钱的事情，对于一个有自尊的开发人员，一般是不屑做的。 所以，我们今天就讲讲如何自定义命令和工具，先说说自定义命令吧。 命令事实上是command，也就是平常所在html页面里面的command，这些command里面就是命令按钮。在我们的ArcGIS Server的Web ADF里面，command被用来做一些不用跟地图交互的工作；比如缩放到全图：你不需要跟地图做任何交互，只要一按按钮，地图就缩放到全图。其它用处，就靠大家去发挥想象了，相信大家在以后的项目中会经常用到。我们以一个例子作为说明： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>package com.demo; import javax.faces.event.ActionEvent; import com.esri.adf.web.data.WebContext; import com.esri.adf.web.data.geometry.WebExtent; import com.esri.adf.web.faces.event.MapEvent; import com.esri.adf.web.faces.event.MapToolAction; public class MyFullExtent { WebContext context; public WebContext getContext() { return context; } public void setContext(WebContext context) { this.context = context; } public void setFullExtent(){ try{ WebExtent ex=context.getWebMap().getFullExtent(); context.getWebMap().setCurrentExtent(ex); context.refresh(); }catch(Exception ex){ ex.printStackTrace(); } } }</DIV></DIV> 这是无比简单的一个command，简单到我都不好意思发出来给大家看了。注意这个类没有实现任何接口，也没有扩展任何现有的类，除了祖宗Object。它有一个WebContext，从上面一个讲座我们可以知道，这个类可是我们整个Web ADF的关键，有了它，可以得到所有的东西了。 这个类关键的方法是setFullExtent，里面的几行代码用来将地图缩放到全图，大家看看代码应该就可以明白。 怎么进行部署呢？就像普通的managed bean一样进行部署就可以了，打开jsf application的心脏faces-config.xml文件，在里面添加如下配置： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><managed-bean> <managed-bean-name>myFullExtent</managed-bean-name> <managed-bean-class>com.demo. MyFullExtent </managed-bean-class> <managed-bean-scope>session</managed-bean-scope> <managed-property> <property-name>context</property-name> <value>#{mapContext}</value> </managed-property> </managed-bean></DIV></DIV> 注意我们把web context作为一个属性，用来初始化MyFullExtent，#{mapContext}指向了一个在faces-config.xml文件中定义的另外一个Bean，这个bean我们上次讲座已经详细解释过了。这里说一句废话，算是提醒一下，有请求过来的时候，先实例化这个类，然后再设置属性，有的工程师想在实例化里面进行一些操作，就必要用webContext，会报告空指针错误，因为这个时候webContext属性还没有被设置。 类写好了，也配置好了，怎么用呢，再给个例子： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3882;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><a:command id="fullExtent" action="#{myFullExtent. setFullExtent }" toolText="全图显示" /></DIV></DIV> 自定义command就这样完成了</DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

4楼^#

发布于：2007-11-04 20:06

<DIV right" align=right></DIV>Server Java讲座--自定义Tools开发 
<DIV>今天进行整理，发现自定义tools的教程忘记写了。今天把这个补全吧。 什么是tools，tools就是工具，它跟command的区别就是tools是要跟地图进行交互后再执行某个命令，而command是直接执行某个命令。最简单的tools和command的对比是放大是一个工具，而全图显示就是一个命令。 ESRI已经包含的工具包括：放大（zoom in），缩小（zoom out），平移（Pan）。 前面我们都是先说服务器端的处理代码，现在先来看看客户端的处理。跟地图交互，就会产生怎么交互的问题。拉框放大的时候是在地图上画的是一个长方形，测距的时候在地图上画的是一条线。如何控制这些客户端的功能呢？ 查看com.esri.adf.web.faces.event.MapEvnet的帮助，里面详细说明了如何把客户端的操作如何和服务器端的代码建立联系。已有的客户端支持的操作包括： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>EsriMapCircle EsriMapContinuousPan EsriMapLine EsriMapOval EsriMapPan EsriMapPoint EsriMapPolygon EsriMapPolyline EsriMapRectangle</DIV></DIV> 如果我们要自己写一个工具，我们可以新建一个普通的类，这个类可以实现MapToolAction接口，也可以不实现任何接口。我们先来看一个实现接口的类。 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>public class CJZoomInTool implements MapToolAction { public void execute(MapEvent event) { WebContext ctx = event.getWebContext(); WebGeometry screenGeom = event.getWebGeometry(); WebGeometry mapGeom = screen.toMapGeometry(ctx.getWebMap()); } }</DIV></DIV> 我们可以看到，通过MapEvent的getWebGeometry方法可以得到客户端所画的多边形，此时得到的是屏幕坐标，然后再通过toMapGeometry方法转换为地图坐标。 MapEvent的getWebGeometry方法事实上是指向到ClientActionArgs的getWebGeometry方法，你可以用下面的代码得到另外一个WebGeometry进行比较： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>ClientActionArgs clientarg=event.getClientActionArgs(); WebGeometry anotherGeom=clientarg.getWebGeometry();</DIV></DIV> 我们还可以用ClientActionArcgs的getRequestParameter查看传送过来的参数是什么，在客户端指定长方形的情况下，得到的RequestParamerter里面有如下参数： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>Map0_maxx:246 Map0_miny:147 Map0_minx:199 Map0_maxy:199</DIV></DIV> 你一定想看看客户端是多边形的情况下，参数是什么情况,我们满足一下您的愿望： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>Map0_coords:220:168|264:220|296:186|292:136|258:125</DIV></DIV> 出现了以|分隔的参数集合，这个意思大家都明白了吧，这就是多边形的情况。 ClientActionArgs是一个基类，它的所有的子类对应于每一个客户端的操作。每个积累需要实现它的抽象方法。最重要的两个方法是init()和getWebGeometry，init从request里面得到所有的参数，getWebGeometry从根据不同的参数，构建不同的geometry返回。ADF会根据不同的客户端操作，创建不同的ClientActionArgs类。如果你一定要问我ADF是如何根据不同的客户端操作创建ClientActionArgs的，我们可以看到ClientActionArgs有一个静态方法： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>getClientActionArgs(java.lang.String clientAction, java.util.Map requestParameters, java.lang.String controlId)</DIV></DIV> ADF就是用这个静态方法，根据不同的clientAction可以得到的ClientActionArgs。 这一下，把来龙去脉都讲了，既让大家看看整个客户端和服务器端操作的来龙去脉，也为大家增加自己的客户端操作热个身。 当然，自定义一个tool并不需要这么多的知识。事实上，自定义一个tools非常得简单，我们来看看帮助中的一段代码，计算选中了多少个要素。 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>package com.cj.ucdemo; import java.rmi.RemoteException; import com.esri.adf.web.ags.ADFAGSException; import com.esri.adf.web.ags.data.AGSMapResource; import com.esri.adf.web.data.WebContext; import com.esri.adf.web.data.geometry.WebExtent; import com.esri.adf.web.faces.event.MapEvent; import com.esri.adf.web.faces.event.MapToolAction; import com.esri.arcgisws.EnvelopeN; import com.esri.arcgisws.EsriSearchOrder; import com.esri.arcgisws.EsriSpatialRelEnum; import com.esri.arcgisws.MapServerPort; import com.esri.arcgisws.SpatialFilter; public class CountFeatureTool implements MapToolAction { WebContext context=null; int countedFeatures; private void countFeatures(WebExtent extent){ //Get the MapServerPort so we can execute methods through ArcGIS Server API AGSMapResource agsMap = ((AGSMapResource)context.getResources().get("ags1")); MapServerPort mapServer = agsMap.getMapServer(); //Make a new envelope from the web extent EnvelopeN env = new EnvelopeN(extent.getMinX(), extent.getMinY(), extent.getMaxX(), extent.getMaxY(), null, null, null, null, null); //Setup a spatial filter for an Intersection relationship SpatialFilter spatialFilter = new SpatialFilter(); spatialFilter.setSpatialRel(EsriSpatialRelEnum.esriSpatialRelIntersects); spatialFilter.setWhereClause(""); spatialFilter.setSearchOrder(EsriSearchOrder.esriSearchOrderSpatial); spatialFilter.setSpatialRelDescription(""); spatialFilter.setGeometryFieldName(""); //Set the envelope as the geometry spatialFilter.setFilterGeometry(env); //MapServer::queryFeatureCount() executes on the server and can throw a RemoteException try{ //Count features in 4th layer which intersect with the envelope int layerId = 1; this.countedFeatures = mapServer.queryFeatureCount(mapServer.getDefaultMapName(), layerId, spatialFilter); System.out.println("你选择了 "+countedFeatures+" 要素"); }catch(RemoteException rme){ //Rethrow this as ADFAGSException so that it can participate in the exception framework throw new ADFAGSException("Could not execute MapServer::queryFeatureCount()",rme); } } public void execute(MapEvent arg0) throws Exception { // TODO Auto-generated method stub try{ this.context=arg0.getWebContext(); WebExtent ex=(WebExtent)arg0.getWebGeometry(); ex=(WebExtent)ex.toMapGeometry(arg0.getWebContext().getWebMap()); this.countFeatures(ex); }catch(Exception ex){ ex.printStackTrace(); } } }</DIV></DIV> 大家注意这里使用了很多com.esri.arcgisws package里面的类，这个package是通过axis调用远程webservice的方式去调用服务器端的方法的。我们会在后续的讲座中说明。编译这个类后，直接在jsp页面里面用下面的代码调用即可： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=4730;extra=page%3D4###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> <a:tool id="countFeature" defaultImage="images/selection.gif" hoverImage="images/ selectionU.gif" selectedImage="images/ selectionD.gif" clientAction="EsriMapRectangle" serverAction="com.cj.ucdemo.CountFeatureTool" clientPostBack="true"/></DIV></DIV></DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

5楼^#

发布于：2007-11-04 20:07

<DIV right" align=right></DIV>Server JAVA讲座--实现后台JSF Bean和前台Javascript的联动 
<DIV>很多开发人员都梦寐以求的方案，我在论坛里面也看到很多人提出这样的问题，今天集中对这些问题做一个解答，也是作为Server JAVA讲座的一个部分。另外，要说明的是，今天的讲座不包括AJAX技术。AJAX技术会另开一个讲座。 先以一个问题开始，如果我们的webapplication中对geodatabase进行了编辑，大家都知道，这个时候需要一个提交编辑并保存，或者提交编辑并取消的过程，大家都用过ArcMAP，如果没有用过ArcMAP，word总是用过的，编辑过的东西，一关闭，肯定会给你警告。这个问题在桌面程序中简直就不是问题，在web上，我们倒是可以来说一说了，因为server和你的browser可能相距几万公里，你这边要关闭browser，在美国的服务器怎么能够知道你要关闭呢？服务器上运行的是JSF的Bean，而客户端运行的是Javascript，怎么让Javascript去感知后台的情况，给用户一个提示，这样就会很好地显示我们程序的友好性，对建设以人为本的和谐社会也大有好处。那么我们来看看如何做这个事情。 Browser关闭时会产生onUnload事件，有了这个事件，使我们有机会做一些事情，比如下面的语句，显示一个信息 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><body onUnload="javascript: alert('你要关闭我么？')"></DIV></DIV> 在body中添加了这一句后，是不是已经看到了那个温柔的问句呢？如果是，那么你的Browser是支持这个onUnload事件的。下面来看这段代码： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> function checkTime(){ var isModified=<c:out value="${editBean.edited }"/>; if(isModified ==true) alert("更新没有保存"); }</DIV></DIV> 这个代码很有意思，其它的好说，<c:out value="${editBean.edited }"/>不好理解，这是JSTL，如果没有见过JSTL，google或者baidu一下看看吧。editBean是一个标准的JSF的bean，它在faces-config.xml文件中部署，它有一个属性和属性的getter,setter方法，如下： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3907;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> private boolean edited=false; public boolean isEdited() { return edited; } public void setEdited(boolean edited) { this.edited = edited; }</DIV></DIV> 你在开始编辑的时候，设置edited为true就可以了。JSTL能够用过<c:out>标签访问到这个bean的值。这样，就实现了前台Javascript和后台JSF bean的联动。 是不是看了这个文章，马上摩拳擦掌，准备去修改您的程序呢？ </DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

6楼^#

发布于：2007-11-04 20:07

<DIV right" align=right></DIV>Server JAVA讲座 --AJAX基础 
<DIV>咱也来跟跟潮流，讲一讲AJAX和JSF如何结合。我相信，这也是将来SERVER JAVA的开发人员都会问的一个问题。我们来看看如何能够让AJAX能够在服务器上和客户端跑起来。 要应用AJAX的条件是： 1、 一个支持javascript的浏览器，当然，现在主流的浏览器都是支持Javascript的。 2、 浏览器必须支持XMLHTTP或者XMLHttpRequest对象。 3、 能够以XML发送响应的服务器端。服务器端可以有很多的技术来实现，不管你是用ASP，JAVA，都可以实现。当然，本文要讨论的局限于JSF技术。 对于熟悉大多数服务器端程序编写的工程师，比如我，Javascript完全是另外一个世界。但是了解Javascript，将使你的程序更加强大，开发起来更加容易。一个很有意思的功能是如果用户在编辑地图的时候，编辑到中途，忘记保存了，这提醒我们可以做一个比较有意思的功能，自动保存。在google mail中，你是不是已经感觉到过这个自动保存的功能了呢？反正我当时看到的时候吓了一跳。以一个服务器端程序员的思路去思考，会觉得不可思议。事实上这个功能就可以用Ajax技术来实现，用一个定时器，每隔5分钟自动发送一个保存的请求就可以实现这样的功能。 再看一个自动查找的例子，比如一个输入一个用户后自动出来和该用户有关的信息，可以通过这样的方法来实现： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV><input type="text" id="query" size="20" onkeyup="search(‘query’);"></DIV></DIV> Search(‘query’)方法可以发送一个Ajax请求到客户端，进行查询后，将结果以XML请求返回，这样就不需要刷新整个页面而进行部分更新。就这么一个小小的技术，让用户在继续Web 浏览的时候感觉更好，也成为了各个网站争相模仿的对象，一些开发人员也发现了宝贝一样言必称Ajax，甚至成为项目选型的关键，这大概也是最初的开发者想象不到的。 来看看Javascript如何来发送一个XMLHttpRequest请求的。来看一下下面的代码： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); }</DIV></DIV> 这是再简单不过的实例化XMLHttpRequest的一段代码，实例化一个之后，你就可以像操作一个普通的对象一样操作它，它有很多的方法，比如下面的方法是建立和服务器端的链接： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> req.open("GET", url, true);</DIV></DIV> 第一个参数是HTTP请求的方式：”Get”或者”Post”，第二个参数是服务器的URL，第三个参数是是否进行非同步的请求。大家如果已经仔细研究了我们ESRI的工具标签，你会发现这些标签里面有一个clientPostBack属性可以设置是否进行异步请求。我们可以知道，Web ADF在后面肯定用了open方法的第三个参数来进行。要小心的是，如果你要设置clientPostBack为true，你的javascript代码可能需要重新构建一下。不然这些代码可能不会被执行。因为异步请求更新的是部分页面。 异步请求的意思是在请求时浏览器可以做其它的事情，那么如何得知服务器端的处理已经结束，可以更新页面上的数据了呢？我们来看看XMLHttpRequest对象的方法 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> req.onreadystatechange = processXMLResponse;</DIV></DIV> 当服务器端的处理结束时，就可以调用processXMLResponse方法，我们就可以通过对这个方法进行编程来处理请求，当然可以是任何的名字的方法，只要将方法注册到onreadystatechange方法即可。 XMLHttpRequest初始化完成后就可以发送到请求到服务器端了，用一个很简单的方法即可： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> req.send(null);</DIV></DIV> 当然，一般get用的实在太少，我们最关心的是Post，看看Post应该怎么做： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> req.open("POST", "/agsviewer", true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"; req.send("__ADFPostBack__=true;formId=f"+";mapId=Map0;ajaxdemo=ajaxdemo ");</DIV></DIV> Post可以发送一些数据到服务器端，这正是我们所需要的。我们来继续看看一个请求当前比例尺的代码： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3944;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> function updateInfoResponse(xmlHttp) { if (xmlHttp != null ;; xmlHttp.readyState == 4 ;; xmlHttp.status == 200) { var xml = xmlHttp.responseXML; document.getElementById("scale").value = "1:" + xml.getElementsByTagName("scale").item(0).firstChild.nodeValue; } }</DIV></DIV> 看一下判断了(xmlHttp != null ;; xmlHttp.readyState == 4 ;; xmlHttp.status == 200，判断4是表示处理已经结束，判断200表示HTTP请求正常，相信大家都见过404的HTTP请求，令人讨厌的“page not found”。 判断结束后，就用xml.getElementsByTagName("scale").item(0).firstChild.nodeValue;语句把比例尺取过来。 相信大家都大致知道AJAX是怎么回事了，下一次我会写一个简单的例子。 IBM网站上有一篇很好的介绍AJAX的文章，大家可以去看看： <a href="http://www-128.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html" target="_blank" >http://www-128.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html</A> </DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

7楼^#

发布于：2007-11-04 20:07

<DIV right" align=right></DIV>Server JAVA开发讲座--- ADF中的Ajax函数 
<DIV>ESRI为了使Server ADF能够支持Ajax，做了大量的工作，Sever ADF中有很多可以利用的代码，我们来看看： 代码1：创建XMLHttpRequest，可以看一下下面的代码： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>this.createXmlHttpObject = function() { if (this.isIE) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (exception) { return new ActiveXObject("Microsoft.XMLHTTP"); } } return new XMLHttpRequest(); }</DIV></DIV> 这个代码写得很妙吧，前面两个处理IE浏览器，最后一个支持Firefox，XMLHttpRequest是Firefox的。 发送请求，用如下命令： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>EsriUtils.sendAjaxRequest(url, params, true, function() { updateInfoResponse(xmlHttp); });</DIV></DIV> 解释一下，怎么得到这个url，ESRI也提供了办法： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>var url = EsriUtils.getServerUrl(formId);</DIV></DIV> getServerUrl的代码如下： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>this.getServerUrl = function(fId) { if (document.forms[fId].action.indexOf(";jsessionid=") != -1) return document.forms[fId].action; else if (this.getJSessionId()) return document.forms[fId].action + ";jsessionid=" + this.getJSessionId(); else return document.forms[fId].action; }</DIV></DIV> 嗯，url已经解释了，我们看看第二个参数params，这个参数包含了我们需要传递到服务器端的参数。看一下源代码就可以知道，xh.send(params);将这些参数发送到服务器端。 doGet参数就比较简单了，用来说明这个请求是get还是post。看看源代码，发送的方法是不一样的，如果是get方法，那些参数用?进行连接，传送到服务器端。它返回的仍然是XMLHttpRequest对象。 Callback函数是我们自己写的函数，用来在服务器数据处理完成后，处理服务器端传送过来的数据。大家看着是不是一目了然了呢？ sendAjaxRequest的源代码 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3946;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>this.sendAjaxRequest = function(url, params, doGet, callback) { try { var xh = this.createXmlHttpObject(); xh.onreadystatechange = callback; if (doGet) { xh.open("GET", url + "?" + params, true); xh.send(null); } else { xh.open("POST", url, true); xh.send(params); } return xh; } catch (exception) { return null; } } }</DIV></DIV> 有了这几个强大的函数，我们就可以利用ESRI的成果，来进行Ajax的开发了。说了半天客户端的东西，下一篇我们来讲服务器端的处理，服务器端的处理需要比较大的篇幅来说。</DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

8楼^#

发布于：2007-11-04 20:08

服务器端的处理才是整个事件的Key，那么我们来看看整个请求，回复的过程，我们通过下面的图看看我们服务器端的代码怎么样才可以plug in进去： <IMG src="http://bbs.esrichina-bj.cn/ESRI/attachments/forumid_14/Snap1_JhqaomJF5Xom.jpg" border=0>
<DIV><IMG src="http://bbs.esrichina-bj.cn/ESRI/images/default/attachimg.gif" border=0></DIV>
<DIV><IMG src="http://bbs.esrichina-bj.cn/ESRI/images/attachicons/image.gif" border=0> <a href="http://bbs.esrichina-bj.cn/ESRI/attachment.php?aid=260;nothumb=yes" target="_blank" >Snap1.jpg</A> (38.59 KB) 
<DIV class="right smalltxt">2006-12-9 23:02</DIV></DIV> 看了这个图您肯定已经明白了，我们有机会得到客户端发送过来的HTTP请求，得到这个请求，得到请求里面的参数，我们就可以捋起袖子，大干一番了。 我们用什么方式去处理呢，最简单的一个方法是自己写一个servlet，在servlet的Dopost方法里面，写上处理这个请求的代码，并且把结果以XML的方式返回回去，那么我们这里用一个简单的例子： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>public void doPost(HttpServletRequest req, HttpServletResponse res) throws java.io.IOException { String action = req.getParameter("action"); String item = req.getParameter("item"); if ((action != null);;(item != null)) { // Add or remove items from the Cart if ("add".equals(action)) { cart.addItem(item); } else if ("remove".equals(action)) { cart.removeItems(item); } } // Serialize the Cart's state to XML String cartXml = cart.toXml(); // Write XML to response. res.setContentType("application/xml"); res.getWriter().write(cartXml); }</DIV></DIV> 这对于了解服务器端编程的人来说，是最简单不过的了。当然，我们用了JSF框架，肯定不会再通过Servlet技术去做这件事情。我们这里用JSF的PhaseListener进行处理。什么是PhaseListener，我们来看一下PhaseListener的JavaDoc： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>public interface PhaseListener extends java.util.EventListener, java.io.Serializable An interface implemented by objects that wish to be notified at the beginning and ending of processing for each standard phase of the request processing lifecycle.</DIV></DIV> 
 原来，这个接口捕捉到每个Request的声明周期，在请求开始处理和请求处理结束时我们可以插入我们自己的代码。这个接口的两个最重要的方法如下： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>void afterPhase(javax.faces.event.PhaseEvent event) Handle a notification that the processing for a particular phase has just been completed. void beforePhase(javax.faces.event.PhaseEvent event) Handle a notification that the processing for a particular phase of the request processing lifecycle is about to begin.</DIV></DIV> 处理结束和处理开始两个方法，我们可以在这两个方法里面写入我们自己的代码，对用户过来的请求进行处理。 比如，我们可以在afterPhase方法里面，插入下面的代码对数据进行处理： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>FacesContext facesContext = phaseEvent.getFacesContext(); ExternalContext externalContext = facesContext.getExternalContext(); Map paramMap = externalContext.getRequestParameterMap();</DIV></DIV> 通过paramMap里面可以得到所有的参数，当然，我们并不是对每一个请求都会进行处理，所以，在客户端Javascript发送Ajax请求得时候，可以添加一个自定义的参数，比如我们前面文档中的ajaxdemo=ajaxdemo参数，这样我们可以判断一下当前是不是我们要处理的请求： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3951;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>private final static String AJAX_DEMO = "ajaxdemo"; if (! AJAX_DEMO.equals(paramMap.get(AJAX_DEMO))) return;</DIV></DIV> 接下去的代码，就可以处理我们的各种各样的请求了，我们在这里要举的例子是如何得到当前地图的比例尺。下次讲座再深入探讨吧。

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

gis

管理员

注册日期2003-07-16
发帖数15951
QQ
铜币25345枚
威望15368点
贡献值0点
银元0个

加关注写私信

9楼^#

发布于：2007-11-04 20:09

Server Java讲座--用Ajax得到地图比例尺(客户端代码) 
<DIV>上个讲座我们讲到，服务器端已经得到了当前地图的比例尺，我们需要在客户端做一个处理，把这个比例尺数据给用户看。我们在页面上放一个文本框，用来显示比例尺数据，如下面的代码所示： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> <tr> <td>Scale</td> <td><input type="text" id="scale" size="36" /></td> </tr></DIV></DIV> 我们如何将服务器传过来的数据更新这个文本框呢？来看看前面讲座中提到的往服务器端发送请求时候的那个回调函数： var xmlHttp = EsriUtils.sendAjaxRequest(url, params, true, function() { updateInfoResponse(xmlHttp); }); 我们把回调函数的代码也贴在这里： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>function updateInfoResponse(xmlHttp) { if (xmlHttp != null ;; xmlHttp.readyState == 4 ;; xmlHttp.status == 200) { var xml = xmlHttp.responseXML; var scale=xml.getElementsByTagName("scale").item(0).firstChild.nodeValue; document.getElementById("scale").value = "1:" + scale } }</DIV></DIV> 这个代码相比大家都能看明白了，先判断服务器端是不是已经处理结束，并且服务器的状态一切正常，然后得到服务器返回的xml，通过getElementsByTagName把里面包含着的比例尺数据提取出来，组合中我们熟悉的文本，然后把这个文本填充到ID为scale的文本框中。 我们来总结一下，我们发送了一个请求，这个请求包含了MapID参数，和一个标志参数ajaxdemo，MapID参数可以让服务器得到MapControl的实例和WebMap，进而得到比例尺。Ajaxdemo让服务器端的处理程序可以正确的辨识这个请求是我们这个PhaseListener需要处理的请求，处理结束后，返回XML到客户端。客户端的回调函数处理XML文档，提取出比例尺信息，写入到页面的文本框中。撩起Ajax神秘的面纱后，发现原来Ajax不过如此，老酒装新瓶，重新包装了一下。 讲到这里，大家心中想必还有两个疑点，第一个是说了半天，我们是怎么触发这个请求的呢？通过定时器触发么？不是。我们是通过地图的变化进行触发的，这样是最最合理的，每当地图更新了，客户端会自动发送一个请求，要求地图变化后的比例尺。非常合理，但是怎么进行设置呢？我们经常说，我们的控件是支持Ajax的，如何支持？我们支持通过监听器的方式，监听地图的变化，如下面的代码所示： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV>var map = EsriControls.maps["Map0"]; map.addUpdateListener("request", updateInfoRequest);</DIV></DIV> 这样，每次地图更新时，都会触发updateInfoRequest函数，该函数用来向服务器端发送请求。 另外一个疑问是Phaselistener怎么设置，看一下JavaDoc可以知道，我们可以在faces-config.xml文件中，用下面的语句进行设置： 
<DIV class=msgbody>
<DIV class=msgheader>
<DIV class=right><a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[Copy to clipboard]</A> <a href="http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=3958;extra=page%3D6###" target="_blank" >[ - ]</A></DIV>CODE:</DIV>
<DIV> <lifecycle> <phase-listener>demo.AjaxDemoPhaseListener</phase-listener> </lifecycle></DIV></DIV> 恩，已经完美了。 Ajax的讲座到此告一段落了，欢迎大家讨论。 </DIV>

GIS麦田守望者，期待与您交流。

举报回复喜欢评分

发帖回复

« 返回列表

1 2 下一页 »

您需要登录后才可以回帖，登录或者注册

返回顶部

[分享]Server Java讲座

最新喜欢：