📄 quickstart.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://www.amowa.net/buffalo/zh/quickstart.html -->
<HTML><HEAD><TITLE>快速上手</TITLE>
<META content="MSHTML 6.00.2900.2802" name=GENERATOR>
<META http-equiv=Content-Type content="text/html; charset=utf-8"><LINK
href="quickstart.files/stylesheet.css" type=text/css rel=stylesheet></HEAD>
<BODY>
<DIV class=header id=header>
<H1>快速上手</H1>
<H2>Michael Chen</H2>
<H3>2005/12/24</H3></DIV>
<DIV class=toc id=toc>
<UL>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc1">1.
下载buffalo</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc2">2.
Web应用目录</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc3">3.
编辑web.xml</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc4">4.
编辑buffalo-service.properties</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc5">5.
编辑JSP文件</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc6">6.
编辑HelloService.java</A>
<LI><A href="http://www.amowa.net/buffalo/zh/quickstart.html#toc7">7. 运行</A>
</LI></UL></DIV>
<DIV class=body id=body>
<P>本文将针对初次接触buffalo的开发者，提供一个一分钟的快速教程，让开发能够迅速掌握buffalo的开发。任何一个教程都是从Hello,
World开始，我们也不例外。为了演示Buffalo的基本功能，以及如何使用Buffalo, 看起来没有比这更简单的例子了~ </P><A
name=toc1></A>
<H1>1. 下载buffalo</H1>
<P>请在<A
href="http://www.amowa.net/buffalo/zh/download.html">下载</A>页面中，下载最新版本。你也可以跳过这篇文章，直接下载buffalo-example.war，在那个压缩包中，已经包含了已经配置好的buffalo，以及这篇文章中涉及的演示应用。
</P><A name=toc2></A>
<H1>2. Web应用目录</H1>
<P><PRE class=code>+ buffalo-example
WEB-INF\classes
WEB-INF\lib
script
</PRE>
<P></P>
<P>然后将burlap-2.1.2.jar, buffalo-<version>.jar放到WEB-INF\lib中；将prototype.js,
buffalo.js放到script目录中。 </P><A name=toc3></A>
<H1>3. 编辑web.xml</H1>
<P>新建一个web.xml, 放到WEB-INF中；编辑内容如下： <PRE class=code><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app PUBLIC "-<I>Sun Microsystems, Inc.</I>DTD Web Application 2.3//EN" "<A href="http://java.sun.com/dtd/web-app_2_3.dtd">http://java.sun.com/dtd/web-app_2_3.dtd</A>">
<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>
</PRE>
<P></P><A name=toc4></A>
<H1>4. 编辑buffalo-service.properties</H1>
<P>新建一个空文本文件，命名为buffalo-service.properties，放到WEB-INF/classes中；编辑内容如下： <PRE class=code># Example Service
helloService=example.HelloService
</PRE>
<P></P><A name=toc5></A>
<H1>5. 编辑JSP文件</H1>
<P>新建一个空的HTML文件，命名为example.jsp, 放到根目录下面, 内容如下： </P>
<P><PRE class=code><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>
</PRE>
<P></P><A name=toc6></A>
<H1>6. 编辑HelloService.java</H1>
<P><PRE class=code>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;
}
}
</PRE>
<P></P>
<P>编译, 将编译后的类放到WEB-INF/classes下面。 </P><A name=toc7></A>
<H1>7. 运行</H1>
<P>将 buffalo-example 整个文件夹复制到TOMCAT_HOME/webapps下面，启动tomcat，打开浏览器，敲入<A
href="http://localhost:8080/buffalo-example/example.jsp">http://localhost:8080/buffalo-example/example.jsp</A>
,应该能看到以下画面： </P>
<P><IMG alt="" src="quickstart.files/snap1.gif" align=middle border=0> </P>
<P>点击“你好”按钮后 </P>
<P><IMG alt="" src="quickstart.files/snap2.gif" align=middle border=0> </P>
<P>稍等，2秒后： </P>
<P><IMG alt="" src="quickstart.files/snap3.gif" align=middle border=0> </P>
<P>如果操作成功，说明你成功的运行了第一个buffalo支持的web应用！ </P>
<P>参考<A
href="http://www.amowa.net/buffalo/zh/gethelp.html#demo">演示</A>中的应用，对buffalo进一步的了解。
</P></DIV><!-- html code generated by txt2tags 2.3 (http://txt2tags.sf.net) --><!-- cmdline: txt2tags quickstart.t2t --></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -