【整体介绍,建议先看完下面的内容在回过来看这个介绍】当用户输入账号密码后,点击“提交”按钮,则执行JSh中的getInfo()方法,该方法会调用Buffalo框架中的remoteCall("UserService.getInfo",[username,password],function(reply){})方法,"UserService.getInfo":UserService是第六步文件中的,它指定了哪一个类,等价于com.cuc.service,getInfo是UserService指定类中的方法名;[username,password]:是需要传输的参数,使用[arg1,arg2,...]的方式组合;function(reply){}:是Buffalo框架的回调函数,即后台会返回一些数据,可以在该function中获取到。
1.下载Buffalo框架所需要的jsr包和JS文件
https://download.csdn.net/download/qq_34584694/10997810
2.创建一个J2EE的项目,最终目录结构如下
3.index.jsp页面代码:
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%String path = request.getContextPath();String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html><head><base href="<%=basepath %>" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Insert title here</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()%>/buffalo";var buffalo = new Buffalo(endPoint);function getInfo(){var username = document.getElementById("username").value;var password = document.getElementById("password").value;buffalo.remoteCall("UserService.getInfo", [username,password], function(reply) {alert(reply.getResult());})}</script></head><body>账号:<input type="text" id="username" />密码:<input type="password" id="password" /><input type="button" value="提交" onclick="getInfo()" /></body>
</html>
4.web.xml配置文件代码:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"><display-name>Buffalo框架的使用</display-name><servlet><servlet-name>buffalo</servlet-name><servlet-class>net.buffalo.web.servlet.ApplicationServlet</servlet-class></servlet><servlet-mapping><servlet-name>buffalo</servlet-name><url-pattern>/buffalo/*</url-pattern></servlet-mapping>
</web-app>
5.User.java代码:
package com.cuc.service;public class User {public String getInfo(String username,String password){if(username.equals(password)){return "欢迎你,"+username;}return "账号或密码不对";}
}
6.buffalo-service.properties文件代码:
####the first buffalo demo
UserService = com.cuc.service.User
7.测试【这里只是一个简单的测试,当账号和密码输入一致时,登录成功,反之,账号和密码有误】