留言板样例

2008-03-25 19:25

JSP是JavaServer Pages的简称，是一种集成HTML及Java程序于一个网页的技术。我觉得使用JSP编写程序比ASP、PHP等语言更具有挑战性，更能学到知识，因为它涉及到面向对象的JAVA语言，要用好JSP，就得对JAVA有一定的了解。除此之外，还要求能熟练使用各种开发工具，像Dreamweaver、Photoshop、JBuilder等。

工欲善其事，必先利其器。在运行JSP程序之前，必须做一些准备工作。首先要有一个WEB伺服器，Apache或IIS都可以；其次要有一个执行JAVA程序的的编译器；再次还要有一个支持JSP的引擎，目前有很多引擎可供选择，例如tomcat、weblogic、resin等。

本问介绍的留言板程序在作者的机器上可以顺利运行，详细资料如下：

操作系统： Windows 2000 SERVER

JAVA编译器： JDK1.3

WEB伺服器： Apache1.13.2 + Tomcat3.1引擎

数据库： Access 2000

Apache和Tomcat安装后的配置有点挑战性，下面是我的安装过程：

1).安装JDK1.3

a).双击 J2SDK1_3_0-WIN.exe 文件，安装到 C:/jdk1.3 目录下；

b).更新下列环境变量，把

C:/jdk1.3/lib/tools.jar;C:/jdk1.3/lib/dt.jar;C:/myclasses加入到CLASSPATH中。

更新方法：右击 我的电脑-属性-高级-环境变量；

c).重起计算机。

2).安装Apache1.13.2

a).双击 apache_1_3_12_win32.exe 文件，安装到 C:/Apache 目录下；

b).用记事本修改 C:/Apache/conf/httpd.conf：

I).PORT：设置Apache Web Server运行时使用的端口号，我把它改成Port 8080,以后在浏览器上输入http://ip：8080 就可以访问到Apache Web Server服务器；

II).SERVERNAME：我把SERVERNAME设置为202.38.126.134（这是我的机器的IP地址）；

III).Apache安装完后在"开始－程序"菜单组中多了Apache Web Server菜单组，运行其中的Install Apache as a service，这样的话在“开始－设置－控制面板－服务”中就多了一个名为Apache的服务，您可以用它来启动或停止Apache服务；

IV).打开“开始－设置－控制面板－服务”，选Apache，按"开始"启动Apache服务。

c).在IE中输入http://ip:8080 （ip是你使用的机器的ip地址），Apache运行否？

3).安装Tomcat3.1

a).用WinZIP把tomcat.zip解压缩到一个目录下，最后弄成C:/tomcat；

b).打开C:/Apache/conf/httpd.conf文件，在该文件最后加上类似这样一句话:

Include C:/tomcat/conf/tomcat.conf；

c).修改Tomcat运行的端口号，注意Tomcat自己有一个独立的HTTP服务器，它必须使用一个还未被使用的端口号，我使用PORT:80，在C:/tomcat/conf/server.xml中修改；

d).将SET TOMCAT_HOME=c:/tomcat

SET JAVA_HOME=c:/jdk1.3 加到 C:/tomcat/bin/tomcat.bat文件中，修改完的文件如下：

......

rem Guess TOMCAT_HOME if it is not present

SET TOMCAT_HOME=c:/tomcat

SET JAVA_HOME=c:/jdk1.3 if not "%TOMCAT_HOME%" == "" goto gothome

下面还有......

e).双击C:/tomcat/startup.bat启动Tomcat；

f).在浏览器上输入http://ip/，如果能看到Tomcat Version 3.1这一页，就表示Tomcat安装成功了。

到此准备工作也就差不多了，最后在Tomcat目录下创建一个目录，用来存放编写的程序，具体情况如下：

C:/tomcat/fox --存放 .html和 .jsp 文件
C:/tomcat/fox/images --存放图片文件
C:/tomcat/fox/global --存放数据库
C:/tomcat/fox/WEB-INF/classes --存放JAVA类文件

为了使这个目录下的JSP程序能顺利运行，还需要在 C:/tomcat/conf/server.xml文件中加上几行代码：

＜Context path="/fox" docBase="fox"
defaultSessionTimeOut="30"isWARExpanded="true"
isWARValidated="false" isInvokerEnabled="true"
isWorkDirPersistent="false"/＞

添加完代码后的server.xml文件看起来如下所示：

......
＜Context path="" docBase="webapps/ROOT" debug="0" reloadable="true" ＞
＜/Context>
＜Context path="/redfox" docBase="redfox" defaultSessionTimeOut="30" isWARExpanded="true" isWARValidated="false" isInvokerEnabled="true" isWorkDirPersistent="false"/＞
＜Context path="/test" docBase="webapps/test" debug="0" reloadable="true" ＞
＜/Context＞

下面还有......

现在编写一个名为 test.jsp的程序，存于 C:/tomcat/fox/test.jsp

＜html＞
＜body＞
＜%java.util.Date date=new java.util.Date(); %＞
Hello! the time is now
＜%out.println(date);%＞
＜/body＞
＜/html＞

在IE中键入 http://ip/fox/test.jsp，如果能看到当前的时间，那么恭喜：可以开始编写留言板程序了。
一.创建数据库

1).打开Access2000，创建一个新的数据库，我将这个数据库命名为 foxdb.mdb，存在C:/tomcat/fox/global/foxdb.mdb。接下来在 eagle.mdb中创建一个表，命名为 foxtable，表中有五个字段，全为文本格式：

其中“URL”用于记录留言者的 IP 。至于各字段的长度，我把“留言”定为200，其它四个各为20。

2).指定ODBC数据源，其名为foxdb ，指向 C:/tomcat/fox/global/foxdb.mdb。

二.编写用户的留言界面 foxnote.html，存于C:/tomcat/fox/foxnote.html：

＜html＞
＜body＞
＜form method="post" action="foxnoteinsert.jsp"＞
＜br＞姓名：
＜input name=username size=15 value=""＞
＜br＞邮箱：
＜input name=email size=15 value=""＞
＜br＞留言：
＜br＞
＜textarea name=doc rows="5" cols="40"＞
＜/textarea＞
＜br＞
＜input type=submit value="递交"＞
＜input type=reset value="重填"＞
＜/form＞
＜/bocy＞
＜/html＞

在IE中键入 http://ip/fox/foxnote.html 看看是否显示正常（ip是你机器的ip地址）
三.编写 foxnoteinsert.jsp ，将用户的留言写进数据库表中：

＜body bgcolor="#FFFFFF"＞
＜%@ page import="java.sql.*,MyUtil,java.util.*"%＞
＜%
Connection con=null;
String username=MyUtil.gb2312ToUnicode(request.getParameter("username"));
String email=MyUtil.gb2312ToUnicode(request.getParameter("email"));
String doc=MyUtil.gb2312ToUnicode(request.getParameter("doc"));
String url=request.getRemoteAddr();
try {
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); con=DriverManager.getConnection("jdbc:odbc:foxdb","","");
String str="insert into foxtable values(?,?,?,?);";
PreparedStatement pstmt=con.prepareStatement(str);
pstmt.setString(1,username);
pstmt.setString(2,email);
pstmt.setString(3,doc);
pstmt.setString(4,url);
pstmt.executeUpdate();
pstmt.close();
con.close();
}
catch(Exception e) {
out.println(e.getMessage());
}
%＞

这个程序中有一些要说明的地方，就是其中用到了一个 JavaBean ：MyUtil.class 。

MyUtil 的作用是字符串之间的转换。必需关注的是JSP的字符串以Unicode码表示，而留言板界面的表单却是以 gb2312 码表示。所以将用户的留言写进数据库还需要码间的转换。如果不转换而把留言直接写到数据库表，则会产生乱码。下面是 MyUtil 的原代码，存于C:/tomcat/fox/WEB-INF/classes/MyUtil.java ，编译后的MyUtil.class文件也存于此。

import java.io.*;
public class MyUtil{
public static String gb2312ToUnicode(String s){
try{
return new String(s.getBytes("ISO8859_1"),"gb2312");
}
catch(UnsupportedEncodingException uee){
return s;
}
}
public static String unicodeTogb2312(String s){
try{
return new String(s.getBytes("gb2312"),"ISO8859_1");
}
catch(UnsupportedEncodingException uee){
return s;
}
}
}
四.编写 foxnoteview.jsp ，用于浏览数据库表中已有的留言，存于C:/tomcat/fox/foxnoteview.jsp ，代码如下：

＜html＞
＜body＞
＜%@ page contentType="text/html;charset=gb2312" language="java" import="java.sql.*"%＞
＜%
Connection con=null;
try
{
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
con=DriverManager.getConnection("jdbc:odbc:foxdb","","");
Statement statement=con.createStatement();
ResultSet rs=statement.executeQuery("select * from foxtable");

%＞
＜table border="1" width="100%" cellspacing="0" cellpadding="0" align="center" bordercolorlight="#CCCCFF" bordercolordark="#FFFFFF"＞
＜tr bgcolor="#FFFFFF"＞
＜td width="15%" height="25" align="center"＞＜i＞作者＜/i＞＜/td＞
＜td width="28%" height="25" align="center"＞＜i＞发表时间＜/i＞＜/td＞
＜td width="22%" height="25" align="center"＞＜i＞Email＜/i＞＜/td＞
＜td width="35%" height="25" align="center"＞＜i＞留言内容＜/i＞＜/td＞
＜%
while(rs.next()){
out.println("＜TR＞＜td align=center＞＜font size=2 color=#999999＞"+rs.getString("作者")+"＜/TD＞");
out.println("＜TD＞＜font size=2color=#999999＞"+rs.getString("Email")+"＜/font＞＜/TD＞");
out.println("＜TD＞＜font size=2 color=#999999＞"+rs.getString("留言")+"＜/font＞＜/TD＞");
out.println("＜TD＞＜font size=2 color=#999999＞"+rs.getString("URL")+"＜/font＞＜/TD＞＜/TR＞");
}
rs.close();
con.close();
}
catch(Exception e)
{
out.println(e.getMessage());
}
%＞
＜/table＞
＜/body＞
＜/html＞