Buffalo Ajax框架使用

buffalo-2.0(国人开发的Ajax框架),下载buffalo-2.0-bin就可以了,个人认为也下载buffalo-2.0-src
下载地址: http://sourceforge.net/project/showfiles.php?group_id=178867

1.buffalo-2.0.jar
在buffalo-2.0-bin里,把它加到Web应用程序里的lib

2.buffalo.js和prototype.js
我把这两个文件放到Web应用程序的scripts/目录下,buffalo.js在buffalo-2.0-bin里,prototype.js在buffalo-demo.war里找

4.web.xml内容
xml version="1.0" encoding="UTF-8" ?>
< web-app  version ="2.4"  
    xmlns
="http://java.sun.com/xml/ns/j2ee"  
    xmlns:xsi
="http://www.w3.org/2001/XMLSchema-instance"  
    xsi:schemaLocation
="http://java.sun.com/xml/ns/j2ee 
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
>
    
    
< servlet >
        
< servlet-name > bfapp servlet-name >
        
< servlet-class > net.buffalo.web.servlet.ApplicationServlet servlet-class >
    
servlet >
    
< servlet-mapping >
        
< servlet-name > bfapp servlet-name >
        
< url-pattern > /bfapp/* url-pattern >
    
servlet-mapping >
    
web-app >


5.index.jsp文件
<% @ page language = " java "  pageEncoding = " UTF-8 " %>

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
  
< head >
    
< title > 第一个 buffalo 示例程序 title >
    
< script  language ="JavaScript"  src ="scripts/prototype.js" > script >
    
< script  language ="JavaScript"  src ="scripts/buffalo.js" > script >
    
< script  type ="text/javascript" >
    
var  endPoint = " <%=request.getContextPath()%>/bfapp " ;
    
    
var  buffalo  =   new  Buffalo(endPoint);
    
function  hello(me) {
        buffalo.remoteCall(
" demoService.getHello " , [me.value],  function (reply) {
            alert(reply.getResult());
        })
    }
    
script >
  
head >
  
  
< body >
    输入你的名字:
< input  type ="text"  name ="myname" >
    
< input  type ="button"  value ="Buffao远程调用"  onclick ="hello($('myname'));" >< br >
  
body >
html >

说明:remoteCall是远程调用方法,demoService是buffalo-service.properties文件的键,getHello是被调用java类方法名,me.value是传给getHello方法的参数,reply.getResult()是getHello返回的值。

6.DemoService.java文件
package  demo.buffalo;

public   class  DemoService {

    
public  String getHello(String name) {
        
return   " Hello ,  " + name  + "  这是第一个buffalo示例程序 " ;
    }
}

7.buffalo-service.properties文件放到WEB-INF/classes/目录下
demoService = demo.buffalo.DemoService
说明:框架是通过此文件来查找远程调用的类的。

8.现在可以运行了。
Buffalo Ajax框架使用_第1张图片
示例下载
注意:Eclipse项目,文件编码是UTF-8

官方地址:
Buffalo中文论坛: http://groups.google.com/group/amowa
http://buffalo.sourceforge.net/tutorial.html

http://confluence.redsaga.com/pages/viewpage.action?pageId=1643

JavaScript API : http://confluence.redsaga.com/display/BUFFALO/JavaScript+API
http://www.amowa.net/buffalo/zh/index.html 
 

你可能感兴趣的:(J2EE)