`
wangyanlong0107
  • 浏览: 502654 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

【转】国产Ajax框架-Buffalo 介绍以及快速上手

 
阅读更多

今天看了CSDN上的一篇文章国产Ajax框架,顺着去Buffalo的网站去看了看,还真不错,文档,帮助,下载,实例都写的很完整,有些实例都是在实际项目开发中非常实用的,所以在这里也做个简单介绍,内容主要来自buffalo网站,我也就是做个整理,顺便做个传道者(绝对不是托啊)

内容分两部分,大家可以根据需要选择来看

1. Buffalo的特征

Ajax正开始大行其道，Sun的Blueprints中已经开始包括ajax的支持。但是直接使用XMLHTTP在大多数情况下编程并不容易。Buffalo使得这一过程更加容易。Buffalo首先是burlap协议的JavaScript实现，但是他为Amowa(面向异步消息的Web应用)/Ajax提供了更多的支持。开发者可以使用Buffalo为web应用更加容易的添加Amowa/Ajax特性；另外，随着开发者的要求，Buffalo开始逐渐加入了Web元素，使得Buffalo逐渐向一个全功能的、新型的Web框架逐渐靠近。

Burlap协议的JavaScript实现

事实上，burlap协议应该是目前最适合使用用作web remoting的通信协议，全面，简洁，适用。Buffalo实现了burlap协议中绝大部分数据类型的javascript序列化/反序列化。

Java对象到JavaScript对象的双向序列化全面支持

java端任意一个方法调用产生的结果，都可以被透明的序列化到javascript端，无论是这个对象多么复杂；无论是简单的原子类型（String, int, long, boolean）还是复杂的对象（List, Map），甚至你自己定义的业务对象，buffalo可以完整的将其序列化到javascript端，你可以用javascript与其交互。buffalo的这项特性久经考验，成为它最富特色的功能。例如，userService.listAll()返回所有用户列表(java.util.List):

客户端调用方式：

buffalo.remoteCall("userService.listAll",[],function(reply){// 不用担心，reply.getResult会从聪明的判断服务器端远程调用的结果类型。var userList = reply.getResult(); var firstUserFamilyName = userList[0].name.familyName;});

 

异步回调的编程模型

在buffalo 1.1之前，每一个方法调用都是异步的，在1.1版本之后，Buffalo支持同步调用（尽管不推荐这么做）。两者编程模型完全相同，你可能这样使用系统的登录功能：

 

// var buffalo = new Buffalo("/bfapp/buffalo"); // 1.2版本的写法buffalo.remoteCall("userService.login",["username","password"], function(reply) {       var success = reply.getResult();       if (success) {           alert("You login successfully");       } else {           alert("user name or password incorrect!");       }});

 

支持异步事件

喜欢像gmail一样，在加载系统时出现小小的loading条，而不是切换页面？Buffalo给你支持。onLoading, onFinish, onError, 你可以定义这些事件，使之符合自己应用的需要。

简单，直观，易于使用

Buffalo开发者尽最大努力将API设计的易于使用，无论是客户端还是服务器端，尽可能不让开发者了解buffalo细节。

  • 服务器端，使用buffalo的开发者，几乎不需要了解buffalo的java代码结构。任何POJO都可以成为Buffalo的服务被暴露出来。

     

  • 客户端，开发者只需要与一个对象交互：Buffalo, 并且只需要与为数不多的方法进行交互即可。任何一个初学者，可以在半小时之内熟悉buffalo并开始开发。

集成Prototype Library

参考Ruby简单的思想，Prototype为真正的web开发提供了简便直接的支持。Buffalo 1.2版本开始用Prototype语法重写，并直接构建在其之上，这是因为Prototype是可以直接使用，几乎不需学习就可以为web开发带来巨大好处的。

Spring集成

Spring是当前最流行的轻量级容器，Buffalo对它进行了支持。Spring中任意一个配置过的bean, 都可以通过简单的配置被暴露为buffalo服务。

浏览器兼容

Buffalo目前支持IE6/Firefox 1.0+浏览器。

支持浏览器前进/后退按钮

许多大面积使用Ajax的web应用常常陷入一个浏览器前进后退功能失效的困境。Buffalo 1.2版本中解决了这一问题。只要在主页面中加入buffalo-blank.html的引用，并采用buffalo.switchView的方法，你会发现浏览器的前进后退按钮可用，并且能正确地进行导航。

支持数据绑定

对于一般的数据返回值，buffalo提供了绑定的功能，能够迅速的将javascript对象的值绑定到html元素上。绑定的元素支持text, checkbox, radio, textarea, select, span/div, table.

2. 快速上手

 

本文将针对初次接触buffalo的开发者，提供一个一分钟的快速教程，让开发能够迅速掌握buffalo的开发。任何一个教程都是从Hello, World开始，我们也不例外。为了演示Buffalo的基本功能，以及如何使用Buffalo, 看起来没有比这更简单的例子了~

1. 下载buffalo

请在下载页面中，下载最新版本。你也可以跳过这篇文章，直接下载buffalo-example.war，在那个压缩包中，已经包含了已经配置好的buffalo，以及这篇文章中涉及的演示应用。

2. Web应用目录

 

+ buffalo-example          WEB-INF\classes          WEB-INF\lib          script

 

然后将burlap-2.1.2.jar, buffalo-<version>.jar放到WEB-INF\lib中；将prototype.js, buffalo.js放到script目录中。

3. 编辑web.xml

新建一个web.xml, 放到WEB-INF中；编辑内容如下：

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE web-app PUBLIC "-Sun Microsystems, Inc.DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"><web-app><display-name>Buffalo Example Application</display-name><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>

 

4. 编辑buffalo-service.properties

新建一个空文本文件，命名为buffalo-service.properties，放到WEB-INF/classes中；编辑内容如下：

# Example ServicehelloService=example.HelloService

 

5. 编辑JSP文件

新建一个空的HTML文件，命名为example.jsp, 放到根目录下面, 内容如下：

 

<html><head><meta http-equiv="Content-Type" content="text/html"><title>Example::Hello</title><script language="javascript" src="script/prototype.js"></script><script language="javascript" src="script/buffalo.js"></script><script language="javascript">var END_POINT="<%=request.getContextPath()%>/bfapp";var buffalo = new Buffalo(END_POINT);function hello() {       var p1 = $("myname").value;       buffalo.remoteCall("helloService.hello",[p1], function(reply) {           alert(reply.getResult());       });}</script></head><body>       <p>Buffalo Hello World</p>       <p>&nbsp;</p>       <form name="form1" method="post" action="">         输入名字:          <input name="myname" type="text" id="myname">         <input type="button" name="Submit" value="你好!" onclick="hello()">       </form></body></html>

 

6. 编辑HelloService.java

 

package example;public class HelloService {public String hello(String name) {     try {       // to see the loading div       Thread.sleep(2000);     } catch (InterruptedException e) {       e.printStackTrace();     }     return "Hello, " + name;     }}

 

编译, 将编译后的类放到WEB-INF/classes下面。

7. 运行

将 buffalo-example 整个文件夹复制到TOMCAT_HOME/webapps下面，启动tomcat，打开浏览器，敲入http://localhost:8080/buffalo-example/example.jsp ,应该能看到以下画面：

点击“你好”按钮后

稍等，2秒后：

如果操作成功，说明你成功的运行了第一个buffalo支持的web应用！

参考演示中的应用，对buffalo进一步的了解。

分享到：
| 【转】Buffalo Ajax框架配置使用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    国产Ajax框架 Buffalo.7z

    而在众多Ajax框架中，国产Ajax框架Buffalo以其独特的特性和易用性，逐渐崭露头角。本文将深入探讨Buffalo框架的核心概念、主要功能以及实际应用。 一、框架概述 Buffalo框架是中国开发者为了解决Web应用中的异步...

    java源码：国产Ajax框架 Buffalo.rar

    《Java源码解析：国产Ajax框架Buffalo》 在当今Web开发领域，Ajax技术因其能够实现页面局部刷新、提升用户体验而备受青睐。本篇将深入探讨一个国产Ajax框架——Buffalo，通过分析其源码，我们可以了解到该框架的...

    基于Java的国产Ajax框架 Buffalo.zip

    **基于Java的国产Ajax框架 Buffalo** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，提升...

    模具状态监测行业发展趋势：预计到2030年市场规模为5.06亿美元

    模具状态监测市场：6.8%的年复合增长率引领制造业智能化升级 在快速发展的制造业中，模具作为生产过程中的核心部件，其状态直接影响到产品的质量和生产效率。然而，模具的损耗和故障往往难以预测，给企业带来不小的损失。如今，随着模具状态监测技术的兴起，这一切正在发生改变。这项创新技术不仅能够帮助企业提前发现模具的潜在问题，还能显著延长模具的使用寿命，提升生产效率。但你真的了解这个市场的潜力和现状吗？让我们一同揭开模具状态监测市场的神秘面纱。 市场概况： 根据QYR（恒州博智）的统计，2023年全球模具状态监测市场的销售额已经达到了3.2亿美元，预计到2030年，这一数字将攀升至5.06亿美元，年复合增长率高达6.8%。这一显著的增长背后，是制造业对智能化、自动化生产需求的不断提升，以及模具状态监测技术在提高生产效率、降低维护成本方面的显著优势。 技术创新与趋势： 模具状态监测技术主要依赖于传感器、数据分析和处理等技术手段，能够实时采集模具的温度、振动、压力等指标，并通过与预设参数的比对，及时识别模具的异常情况。随着物联网、大数据和人工智能等技术的不断发展，模具状态监测技术将更加智能化，能够提供

    Kubernetes DevOps实践工作坊-从理论到实战操作脚本集（含源码）.zip

    Kubernetes DevOps实践工作坊-从理论到实战操作脚本集（含源码）.zip [资源说明] 1、该项目是团队成员近期最新开发，代码完整，资料齐全，含设计文档等 2、上传的项目源码经过严格测试，功能完善且能正常运行，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用，可借鉴学习，也可直接作为毕业设计、课程设计、作业、项目初期立项演示等，也适合小白学习进阶，遇到问题不懂就问，欢迎交流。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 5、不懂配置和运行，可远程教学 欢迎下载，学习使用！

    基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）

    基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设），个人经导师指导并认可通过的毕业设计项目，评审分98分，项目中的源码都是经过本地编译过可运行的，都经过严格调试，确保可以运行！主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springboot+vue3+uniapp的点餐小程序源代码+数据库+文档说明（高分毕设）基于springb

    欧姆龙NX1P2系列总线plc程序 自动检测机，plc程序，无触摸屏程序 1.多工位DDR马达转盘控制，多工位同时加工 2.多产品配方功能程序 3.各种实用型自制功能块程序，可重复调用，成熟设备

    欧姆龙NX1P2系列总线plc程序 自动检测机，plc程序，无触摸屏程序 1.多工位DDR马达转盘控制，多工位同时加工。 2.多产品配方功能程序。 3.各种实用型自制功能块程序，可重复调用，成熟设备

    企业微信最全养号、防封、加人机制.pdf

    企业微信最全养号、防封、加人机制.pdf

    LLM 友好的异步爬虫框架

    这是一款用 Python 开发的异步爬虫框架，能够将网站上的数据转化成 Markdown、JSON 等 LLM 友好的输出格式。它完全开源且免费，极大地简化了异步爬虫的编写。相比于付费的 Firecrawl，它具有更快的爬取速度，支持同时抓取多个 URL、页面截图、关键字优化提取（基于 LLM）和复杂的多页面会话管理等功能。

    毕设Python春节电影信息爬取与可视化分析源码+项目说明+全部资料.zip

    毕设Python春节电影信息爬取与可视化分析源码+项目说明+全部资料.zip [资源说明] 1、该项目是团队成员近期最新开发，代码完整，资料齐全，含设计文档等 2、上传的项目源码经过严格测试，功能完善且能正常运行，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用，可借鉴学习，也可直接作为毕业设计、课程设计、作业、项目初期立项演示等，也适合小白学习进阶，遇到问题不懂就问，欢迎交流。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 5、不懂配置和运行，可远程教学 欢迎下载，学习使用！

    2019厦门国际银行数创金融杯源码+竞赛策略报告文档.zip

    2019厦门国际银行数创金融杯源码+竞赛策略报告文档.zip [资源说明] 1、该项目是团队成员近期最新开发，代码完整，资料齐全，含设计文档等 2、上传的项目源码经过严格测试，功能完善且能正常运行，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用，可借鉴学习，也可直接作为毕业设计、课程设计、作业、项目初期立项演示等，也适合小白学习进阶，遇到问题不懂就问，欢迎交流。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 5、不懂配置和运行，可远程教学 欢迎下载，学习使用！

    基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）

    基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业），个人经导师指导并认可通过的毕业设计项目，评审分98分，项目中的源码都是经过本地编译过可运行的，都经过严格调试，确保可以运行！主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开发的安卓的记事本app项目源码（高分期末大作业）基于Android Studio开

    基于java的小区智能卡管理系统设计与实现.docx

    基于java的小区智能卡管理系统设计与实现.docx

Magicbox
Global site tag (gtag.js) - Google Analytics