`
lococode
  • 浏览: 36201 次
  • 性别: Icon_minigender_1
  • 来自: sh
最近访客 更多访客>>
社区版块
存档分类
最新评论

ajax 技术(jsonrpc buffalo) 与tapestry(5)的简单快速集成使用

    博客分类:
  • Ajax
阅读更多
     前几天在项目中需要用到一些ajax 的东西,之前也有用过dwr ,这次想看看其他也些ajax的技术,有什么不同和特殊之处,于是就看了看  jsonrpc 和buffalo ,用起来,突然发现,他们的使用方法,基本上差不多。这里以一个例子做简单的介绍,希望对一些朋友能有所帮助,同时也是对我之前的两篇关于tapestry以及maven的文章的补充(当然,那一系列的文章我还会继续写的)
      这个实例是使用tapstry + spring 以及 maven的(同时提供依赖关系,可以不使用maven运行此实例,关于maven的使用,如果有疑问,也可以在此询问我,^_^),这里会同时提供一个war 包,可以直接放入 tomcat 或者jetty容器中直接运行。
      这个例子很简单,客户端发送一个字符串到服务器,然后服务器会返回一个包装后的字符串,并且由客户端处理,显示,这个例子中同时使用 jsonrpc buffalo ajax的技术做演示。实现同时,的效果。

    先说明依赖关系,
    jsonrpc 依赖 jsonrpc-1.0.jar 文件,以及一个 js文件(jsonrpc.js)
    buffalo 依赖buffalo-2.0-alpha4.jar 文件,以及一个 js文件(buffalo.js)
  同时这连个 ajax 都依赖 prototype(prototype.js)

  配置buffalo:
   建立标准的 spring bean 的xml配置文件
  
xml 代码
  1. <!---->xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xmlns:aop="http://www.springframework.org/schema/aop"  
  5.     xsi:schemaLocation="http://www.springframework.org/schema/beans   http://www.springframework.org/schema/beans/spring-beans.xsd   
  6.   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd ">  
  7.   
  8.     <bean name="buffaloConfigBean"  
  9.         class="net.buffalo.service.BuffaloServiceConfigurer">  
  10.         <property name="services">  
  11.             <map>  
  12.                 <entry key="helloWorld">  
  13.                     <ref bean="helloWorld" />  
  14.                 entry>  
  15.             map>  
  16.         property>  
  17.     bean>  
  18. beans>  

ref bean="helloWorld" 中的 helloWorld 指的是 spring bean id, entry key 中的 helloworld 指的是,客户端js中需要使用的名称

js 代码
  1. var END_POINT="bfapp";   
  2. var buffalo = new Buffalo(END_POINT);   
  3.   
  4. function buffaloHello() {   
  5.        
  6.     //var pp = $F("myname");   
  7.     var pp = 'lococode!';   
  8.        
  9.     // one   
  10.     buffalo.remoteCall("helloWorld.sayHelloWorld",[pp], function(reply) {   
  11.         alert("buffalo ajax replay one:" + reply.getResult());   
  12.     });   
  13.        
  14.     //two   
  15.     buffalo.remoteCall("helloWorld.sayHelloWorld",[pp], helloCallBack);   
  16. }   
  17.   
  18. //call back function   
  19. function helloCallBack(reply){   
  20.     alert("buffalo ajax replay two:" + reply.getResult());   
  21. }  

 remoteCall 方法中的第一个参数中的helloWord 就是刚刚配置中的 entry key

 同时需要 web.xml中配置一个sevlet

xml 代码
  1. <!---->  
  2.     <servlet>  
  3.         <servlet-name>bfappservlet-name>  
  4.         <servlet-class>  
  5.             net.buffalo.web.servlet.ApplicationServlet   
  6.         servlet-class>  
  7.     servlet>  
  8.     <servlet-mapping>  
  9.         <servlet-name>bfappservlet-name>  
  10.         <url-pattern>/bfapp/*url-pattern>  
  11.     servlet-mapping>  

对于jsonrpc 配置基本上和 buffalo 相同,但是由于 jsonrpc 本身没有提供 和spring的配置集成,所以这个示例提供一个集成代码:

故配置文件如下:

jsonrpc.xml

xml 代码
  1. <!---->xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xmlns:aop="http://www.springframework.org/schema/aop"  
  5.     xsi:schemaLocation="http://www.springframework.org/schema/beans   http://www.springframework.org/schema/beans/spring-beans.xsd   
  6.   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd ">  
  7.   
  8.     <bean name="jsonrpcServiceConfigurer"  
  9.         class="org.jsonrpc.service.spring.JsonrpcServiceConfigurer">  
  10.         <property name="services">  
  11.             <map>  
  12.                 <entry key="helloWorld">  
  13.                     <ref bean="helloWorld" />  
  14.                 entry>  
  15.                    
  16.                 <!---->  
  17.                    
  18.             map>  
  19.         property>  
  20.     bean>  
  21. beans>  
  22.   

 

js 代码
  1. jsonrpc = new JSONRpcClient("/JSON-RPC");   
  2.   
  3. function jsonrpcHello()   
  4. {   
  5.     //var pp = $F("myname");   
  6.     var pp = "lococode!";   
  7.        
  8.     var result = jsonrpc.helloWorld.sayHelloWorld(pp);   
  9.     alert("jsonrpc ajax replay:" + result);   
  10. }   

js调用方法有所区别。

web.xml的配置多了一个listener

xml 代码
  1. <!---->  
  2.     <listener>  
  3.         <listener-class>  
  4.             org.jsonrpc.service.RegistServiceToJsonrpcBridgeListener   
  5.         listener-class>  
  6.     listener>  
  7.     <servlet>  
  8.         <servlet-name>  
  9.             com.metaparadigm.jsonrpc.JSONRPCServlet   
  10.         servlet-name>  
  11.         <servlet-class>  
  12.             com.metaparadigm.jsonrpc.JSONRPCServlet   
  13.         servlet-class>  
  14.     servlet>  
  15.     <servlet-mapping>  
  16.         <servlet-name>  
  17.             com.metaparadigm.jsonrpc.JSONRPCServlet   
  18.         servlet-name>  
  19.         <url-pattern>/JSON-RPCurl-pattern>  
  20.     servlet-mapping>  

同时需要注意,在 applicationContext.xml 需要导入 jsonrpc.xml 和buffalo.xml

xml 代码
  1. <!---->xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xmlns:aop="http://www.springframework.org/schema/aop"  
  5.     xsi:schemaLocation="http://www.springframework.org/schema/beans   http://www.springframework.org/schema/beans/spring-beans.xsd   
  6.   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd ">  
  7.        
  8.     <!---->  
  9.     <import resource="buffalo.xml" />  
  10.        
  11.     <!---->  
  12.     <import resource="jsonrpc.xml" />  
  13.        
  14.     <bean id="musicLibrary"  
  15.         class="org.example.myapp.musiclib.services.MusicLibraryImpl"  
  16.         scope="session">  
  17.     bean>  
  18.        
  19.     <!---->  
  20.     <bean id="helloWorld"  
  21.         class="org.example.myapp.musiclib.spring.HelloWorldImpl">  
  22.     bean>  
  23.        
  24. beans>   jsonrpcUtil.js
  25.   

至此,两个ajax就可以同时跑起来了。当然一个项目中用一种技术就够了,这里只是做一个例子参考。

jsonrpc 会在速度上会具有一些优势。

分享到:
评论
3 楼 pongphy 2007-09-19  
可以下,下得很快!
2 楼 qinfuji 2007-08-22  
<img src='/javascripts/fckeditor/editor/images/smiley/msn/sad_smile.gif' alt=''/>  这样也算是整合:(
1 楼 engineer 2007-04-13  
不能下载

相关推荐

    基于改进YOLOv5s的森林烟火检测算法.pdf

    基于改进YOLOv5s的森林烟火检测算法.pdf

    人力资源管理工具绩效考核excel模板01.xlsx

    人力资源管理工具绩效考核excel模板01

    施工班组长绩效考核表.xls

    施工班组长绩效考核表

    57 -营业部经理绩效考核表1.xlsx

    57 -营业部经理绩效考核表1

    XX公司行政部绩效考核指标.xls

    XX公司行政部绩效考核指标

    ant-apache-xalan2-1.9.4-2.el7.x64-86.rpm.tar.gz

    1、文件内容:ant-apache-xalan2-1.9.4-2.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/ant-apache-xalan2-1.9.4-2.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    部门绩效考核表模板(基于KPI以月度为例2).xlsx

    部门绩效考核表模板(基于KPI以月度为例2)

    11-6-质检员绩效考核表(含自动计算、等级评价及任意设置等级).xlsx

    11-6-质检员绩效考核表(含自动计算、等级评价及任意设置等级)

    2024年最新全国河流、湖泊矢量数据(数据权威)

    2024最新全国河流湖泊矢量数据 【数据介绍】 2024年中国河流湖泊数据 一份包含中国境内所有主要河流和湖泊的地理信息数据。 数据格式:Shapefile:广泛使用的GIS数据格式,方便在各类GIS软件中使用。 数据获取:访问OpenStreetMap官网,通过导出工具选择中国区域并下载所需的数据。 使用Geofabrik等第三方网站,可以下载预处理好的中国区域的OSM数据。 数据使用:GIS软件:如QGIS、ArcGIS等,用户可以在这些软件中导入OSM数据进行可视化、分析和编辑。 数据应用: 环境研究:分析河流湖泊的水质变化,研究水资源分布及其环境影响。 城市规划:用于规划城市水系、洪水防控、水资源管理等。 导航和旅游:为河流湖泊的导航和旅游路线规划提供数据支持。 科研:为水文地理研究、生态保护、气候变化等领域提供基础数据。 数据特点: 实时更新:OSM数据由全球用户贡献,具有较高的实时性和更新频率。 开放性:所有数据都在开放许可下发布,允许用户自由使用、修改和分发。 详细性:由于全球志愿者的不断努力,数据细节较为丰富,涵盖了从主要河流湖泊到小型水体的广泛范围。 数据时间2024年5月,shp格式,数据来源OpenStreetMap。 OpenStreetMap(OSM)介绍: 一个开放的、免费的、全球性的地图项目,由全球的志愿者和地图爱好者们共同创建和维护。 OSM的数据包括道路、建筑、公园、河流、湖泊等各类地理信息。由于是由众多志愿者共同编辑,OSM的数据具有很高的实时性和详细程度,特别是在一些活跃的区域,地图数据的更新速度和精度往往超过商业地图服务。 用户可以直接在OSM官网下载地图数据,数据格式主要有OSM XML和PBF等。此外,还有一些第三方网站和工具提供更加便捷的数据下载和处理服务,如Geofabrik、Overpass API等。 OSM的数据可以在各种GIS软件中使用,如QGIS、ArcGIS等。此外,还可以使用Python的OSMnx、GeoPandas等库进行编程处理,或者通过Leaflet、Mapbox等JavaScript库将OSM数据集成到web地图应用中。 OSM的所有数据都在开放许可下发布,允许用户自由使用、修改和分发。这使得OSM成为了许多公共项目、研究机构和商业公司的重要数据来源。

    部门绩效考核评分表.xlsx

    部门绩效考核评分表

    12-11-运输车队长绩效考核表(含自动计算、等级评价).xlsx

    12-11-运输车队长绩效考核表(含自动计算、等级评价)

    ant-javadoc-1.9.4-2.el7.x64-86.rpm.tar.gz

    1、文件内容:ant-javadoc-1.9.4-2.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/ant-javadoc-1.9.4-2.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    springboot整合 freemarker方法

    springboot整合 freemarker方法

    apache-commons-codec-1.8-7.el7.x64-86.rpm.tar.gz

    1、文件内容:apache-commons-codec-1.8-7.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/apache-commons-codec-1.8-7.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    (数据权威)全国旅游抽样调查数据

    《旅游抽样调查资料》是反映入境游客在华(内地)花费和国内居民国内旅游情况的资料性年刊,分为上下两篇。 上篇为在华(内地)停留时间在3个月以内的入境游客抽样调查资料,由综合分析报告和调查分类数据两部分组成,分类数据包括:入境游客的主要特征,入境外国人、港澳台同胞的花费水平和花费构成、在境内的停留时间以及入境次数、流向和对住宿单位的选择等。 下篇为国内旅游抽样调查资料,汇集了对城镇居民和农村居民的国内旅游抽样调查结果,共分为四个部分:第一部分为综合分析报告;第二部分为国内旅游出游及花费情况;第三部分为城镇居民国内旅游抽样调查分类数据;第四部分为农村居民国内旅游抽样调查分类数据。

    二代身份证信息读取(vfp8.0)

    1、表单界面,身份证信息保存在dbf表中,供vfp应用使用,可导出为xls电子表格。 2、提供了身份证过期校验和查询功能。

    人事行政主管绩效考核评分表.xls

    人事行政主管绩效考核评分表

    08 -大堂副理绩效考核表1.xlsx

    08 -大堂副理绩效考核表1

    apr-1.4.8-7.el7.x64-86.rpm.tar.gz

    1、文件内容:apr-1.4.8-7.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/apr-1.4.8-7.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    ComponentNameError解决办法.md

    ComponentNameError解决办法.md

Global site tag (gtag.js) - Google Analytics