【整体介绍,建议先看完下面的内容在回过来看这个介绍】当用户输入账号密码后,点击“提交”按钮,则执行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/_/
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.测试【这里只是一个简单的测试,当账号和密码输入一致时,登录成功,反之,账号和密码有误】
今天的文章
bff 框架_虚拟框架分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/60280.html