Buffalo Ajax框架使用

chenlb

浏览: 697662 次
性别:
来自: 杭州

最近访客更多访客>>

liyaofeng

shi007

jiduoduo

andreaguo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

AJAX

框架 Ajax Servlet JavaScript Web

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;

/**
*
* @文件名 demo.buffalo.DemoService.java
* @作者 chenlb
* @创建时间 2007-7-14 下午12:42:17
*/
public class DemoService {

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

7．buffalo-service.properties文件放到WEB-INF/classes/目录下

demoService=demo.buffalo.DemoService

说明：框架是通过此文件来查找远程调用的类的。

8．现在可以运行了。

示例下载
注意：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

分享到：