配置TOMCAT+ECLIPSE+MYSQL的JSP环境
第一步：(软件的准备)
1.
J2SDK(下载网址：http://java.sun.com/j2se/)
TOMCAT(下载网址：http://www.apache.org/dist/jakarta/)
MYSQL(下载网址：http://www.mysql.com/downloads/)
MYSQL-CONNERCTOR-JAVA(下载网址：http://www.mysql.com/downloads/)
ECLIPSE-SDK(下载网址：http://www.eclipse.org/download/)
TOMCAT插件(tomcatPluginV31.zip)Sysdeo Eclipse Tomcat Launcher plugin
(下载网址：http://www.sysdeo.com/eclipse/,
这里我使用的是J2SDK1.4.2.08和TOMCAT5.0.28+ECLIPSE3.1+tomcatPluginV31 (BETA))
附：
另外，ECLIPSE3.0.2版本有中文插件(NLpack-eclipse-SDK-3.0.x-win32.zip)
下载网址是：
http://sunsite.informatik.rwth-aachen.de/eclipse/downloads/drops/L-3.0.1_Translations-200409161125/
结合ECLIPSE3.0.2版就可以用(中文插件放在Plugins下)；
还有Lomboz插件支持JSP语法高亮显示，Tanghan一个ECLIPSE的数据库管理插件，Jboss一个J2EE服务器软件。
网址分别是：
http://www.objectlearn.com/
http://www.hibernate.org/
http://www.Jboss.org/
第二步：(软件的安装与配置)
A.J2SDK的安装
1.
安装J2SDK，按指示安装即可。可以选择路径与命名文件夹，我命名为JDK，安装的路径是C:\JDK。
*注意，附带独立的JRE可以不勾选安装，因为在JDK工具中包含了,这里默认勾选!2.
设置环境变量，进入：我的电脑-->属性-->高级-->环境变量，新建如下变量并赋值：
变量名JAVA_HOME赋值“<JDK安装路径目录>”，如我的是“C:\JDK;”；
变量名CLASSPATH赋值“.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;”；
*注意，%JAVA_HOME%可以由<JDK安装路径目录>替换。其实%JAVA_HOME%就是上面的变量。
变量PATH赋值“%JAVA_HOME%\bin;”；3.
现在可以进得测试了。在命令提示下输入 “java -version”，若能显示出JDK的版本号
则表示你的JDK软件正确安装，如我输入按回车后的第一行显示是 java version "1.4.2.08" 。4.
用记事本在“x:\”目录(你的盘符，我的是“d:\”)下新建一txt文件，录入内容如下：public class Test //Test是类名
{
public static void main(String[] args)
{
System.out.print("This is a test!");
}
}将它另存为在“x:\”目录下的Test.java文件(如我的是:“d:\Test.java”)。
*注意，文件名必须与类名相同，即要区分大小写,录入内容也一样。
在命令提示符下，进入到你的“Test.java”文件的目录下，即“x:\”盘符下,输入“javac Test.java”，
按回车后，若出现提示信息则可能是环境变量设置出错，或者是“Test.java”文件出错。
若再次出现盘符“x:\”，表示“Test.java”文件编译正确，你可以在“x:\”目录看到“Test.class”文件。
现在你可以在输入提示符下输入“java Test”了，显示结果为：“This is a test!”。
B.TOMCAT的安装
1.
Tomcat的安装很简单，按照提示一步一步就行了!安装路径选自己喜欢的(我的是“D:\tomcat”)。
Tomcat会自动选择安装JDK时附带的独立的jre,在这里我选择了jdk里面的，即“C:\JDK\jre”。
其它一切都默认，不作改动。
现在启动Tomcat，打开IE并在地址栏输入“http://localhost:8080/”应该能够看到Tomcat的欢迎页面。
*注意，“http://localhost:8080/”如果不行可以用“http://127.0.0.1:8080/”，两者一样。2.
再次设置环境变量，进入：我的电脑-->属性-->高级-->环境变量，
新建变量名TOMCAT_HOME赋值“<Tomcat的安装路径目录>”；
选择变量CLASSPATH在后面追加“%TOMCAT_HOME%\common\lib;”，
修改后CLASSPATH的值应该是“.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%TOMCAT_HOME%\common\lib;”。
*同样%TOMCAT_HOME%也可以由<Tomcat的安装路径目录>替换。3.
现在可以在Tomcat的安装路径目录里找到文件夹webapps,找到其中的ROOT文件夹在里面新建txt文件，录入内容如下：<html>
<head>
<title>hello_html</title>
</head>
<body>
<center><h1>Hello Html</h1></center>
</body>
</html>另存为“hello.html”文件,即在“%TOMCAT_HOME%\webapps\ROOT\”目录下新建了一“hello.html”文件。
如我建立文件后，文件位置是“D:\tomcat\webapps\ROOT\hello.html”。
再次启动(或重启)Tomcat，打开IE并在地址栏输入“http://localhost:8080/hello.html”应该能够看到
显示“Hello Html”大字的页面。4.
返回webapps目录下新建名为jsp_test的文件夹，在jsp_test文件夹中新建WEB-INF文件夹，并在其中新建txt文件，
录入内容如下：<?xml version="1.0" encoding="ISO-8859-1"?>
<!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>JspTest</display-name>
<description> A test. </description>
</web-app>另存为“web.xml”文件,即在“%TOMCAT_HOME%\webapps\jsp_test\WEB-INF”目录下新建了一“web.xml”文件。
如我建立文件后，文件位置是“D:\tomcat\webapps\jsp_test\WEB-INF\web.xml”。
返回webapps目录下新建txt文件，录入内容如下：<html>
<head>
<title>hello_jsp</title>
</head>
<body>
<center>
Now time is: <%=new java.util.Date()%>
<p>
<% out.print("Hello Jsp"); %>
</p>
</center>
</body>
</html>另存为“index.jsp”文件,即在“%TOMCAT_HOME%\webapps\jsp_test\”目录下新建了一“index.jsp”文件。
如我建立文件后，文件位置是“D:\tomcat\webapps\jsp_test\index.jsp”。启动(或重启)Tomcat，打开IE
并在地址栏输入“http://localhost:8080/jsp_test/”应该能够看到居中显示 Now time is : “当前时间”
和 Hello Jsp 的页面。以后，你可以将自己的JSP文件放到这个文件夹中调试了!5.
返回jsp_test文件夹中的WEB-INF文件夹，在WEB-INF中新建class文件夹和lib文件夹。如我建立文件夹后，
路径是“D:\tomcat\webapps\jsp_test\WEB-INF\class(和lib)"。在 class 文件夹中新建 servlets
和useBeans文件夹(以后用到)。修改 web.xml 文件，修改后内容如下：<?xml version="1.0" encoding="ISO-8859-1"?>
<!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>JspTest</display-name>
<description> A test. </description>
<!--servlets-->
<servlet>
<servlet-name>servlets</servlet-name>
<servlet-class>servlets</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>servlets</servlet-name>
<url-pattern>/servlets/</url-pattern>
</servlet-mapping>
<!--servlets-->
<!--useBeans-->
<servlet>
<servlet-name>useBeans</servlet-name>
<servlet-class>useBeans</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>useBeans</servlet-name>
<url-pattern>/useBeans/</url-pattern>
</servlet-mapping>
<!--servlets-->
</web-app>在“x:\”目录下建立“HelloTomcat.java”文件，其内容如下：
package servlets;//这里要注意体会一下，放在servelts目录下的包名
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.http.HttpServlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class HelloTomcat extends HttpServlet
{
protected void doGet(HttpServletRequest arg0, HttpServletResponse arg1)
throws ServletException, IOException
{
PrintWriter out = arg1.getWriter();
out.print("<center>");
out.print("Hello Tomcat!");
out.print("<br />");
out.print("This is my first servlet!");
out.print("</center>");
}
}在“x:\”盘符下用以下语句编译：
“javac -classpath .;<%TOMCAT_HOME%>\common\lib\servlet-api.jar HelloTomcat.java”
*注意，“<%TOMCAT_HOME%>”要以你Tomcat的实际目录(如我的是“D:\tomcat”)。
也可以在环境变量classpath后追加 “<%TOMCAT_HOME%>\common\lib\servlet-api.jar;”。
另一个方便的做法是把“servlet-api.jar”文件复到“%TOMCAT_HOME%\webapps\jsp_test\WEB-INF\
lib"下，以后jsp_test文件夹下的servlet需要用到的类都可以放到这个文件中方便引用!其它JSP或
servelt应用程序也是这样。
完成后将你的已编译好的servlet类文件放到“D:\tomcat\webapps\jsp_test\WEB-INF\
servlets"中。启动(或重启)Tomcat，打开IE并在地址栏输入“http://localhost:8080/jsp_test/”
应该能够看到居中显示的“Hello Tomcat!”和“This is my first servlet!”页面。6.
InstanceOfUseBean.html文件与InstanceOfUseBean.jsp放在 jsp_test 目录下InstanceOfUseBean.class
放在”D:\tomcat\webapps\jsp_test\WEB-INF\class\useBeans“下。InstanceOfUseBean.html文件内容：
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>InstanceOfUseBean</title>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td width="40%" valign="top">
<div align="left">
<p style="font-size:18;color:#0066CC;font-weight:bold;">Enter the property for
the JSP page :</p>
<hr color="#0066CC" />
<form method="post" action="InstanceOfUseBean.jsp" target="show_JSP">
<p>BackgroundColor: <input type="text" name="backgroundColor"></p>
<p>FontColor : <input type="text" name="fontColor"></p>
<p>FontSize :
<select name="fontSize">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</p>
<p><input type="submit" name="submit" value="submit"></p>
</form>
</div>
</td>
<td bgcolor="#0066CC"></td>
<td width="60%" valign="top">
<p style="font-size:18;color:#0066CC;font-weight:bold;">Here is the viwe : </p>
<hr color="#0066CC" />
<iframe align="right" id="show_JSP" name="show_JSP" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">show JSP</iframe>
</td>
</tr>
</table>
</body>
</html>InstanceOfUseBean.jsp文件内容：
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType = "text/html;charset=gb2312" %>
<%@ page language = "java" import="useBeans.InstanceOfUseBean" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<jsp:useBean id="InstanceOfUseBean" class="useBeans.InstanceOfUseBean" scope="request" />
<jsp:setProperty name="InstanceOfUseBean" property="backgroundColor" param="backgroundColor" />
<jsp:setProperty name="InstanceOfUseBean" property="fontColor" param="fontColor" />
<jsp:setProperty name="InstanceOfUseBean" property="fontSize" param="fontSize" />
<head>
<title>InstanceOfUseBean</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body bgcolor=<% out.print(InstanceOfUseBean.getBackgroundColor());%>>
<p align="center">
</p>
<center>
<font color = "<% out.print(InstanceOfUseBean.getFontColor()); %>"
size = "<% out.print(InstanceOfUseBean.getFontSize()); %>"
>
How are you?
</font>
<br>
<font color="red" size="7">
<jsp:getProperty name="InstanceOfUseBean" property="fontSize" />
</font>
</center>InstanceOfUseBean.java文件内容：
编译成class文件，其实这个与servlets差不多，结果如何自己打开IE，package useBeans;
public class InstanceOfUseBean
{
private String backgroundColor = "";
private String fontColor = "";
private int fontSize = 1;
public InstanceOfUseBean()
{
}
public void setBackgroundColor(String backgroundColor)
{
this.backgroundColor = backgroundColor;
}
public String getBackgroundColor()
{
return this.backgroundColor;
}
public void setFontColor(String fontColor)
{
this.fontColor = fontColor;
}
public String getFontColor()
{
return this.fontColor;
}
public void setFontSize(int fontSize)
{
this.fontSize = fontSize;
}
public int getFontSize()
{
return this.fontSize;
}
}
输入“http://localhost:8080/jsp_test/InstanceOfUseBean.html”体验吧!!!
C.MYSQL的安装与连接
1.
先将MYSQL-CONNERCTOR-JAVA解压到自己喜欢的盘符目录，然后进入到MYSQL-CONNERCTOR-JAVA解压后的文件
夹内找到一个“mysql-connector-java-3.x.x-bin.jar”，把它复制到"%TOMCAT_HOME%\common\lib\"下与
你的JSP程序文件夹里面的"..\WEB-INF\lib\"下面(如：“D:\tomcat\webapps\jsp_test\WEB-INF\lib”)。
2.
Window安装版比较容易，按指示可以了。我同样安装在d:\下，没什么好说的，在开始菜单里有运行和配置。
解缩版本的运行在开始菜单的运行里打入“D:\MySQL\bin\”就行了；3.
安装配置完毕后，运行MYSQL，如果设了密码就要求首先输入，否则直接可以使用。
可以用以下命令查看数据库：“mysql> show databases;”
一般在虚线表框里显示，第一格database,第二格有mysql、test等
*注意，“mysql>”是本身有的提示，不用再输入，最后结束的分号“；”一定要有，它表示命令行的结束。
知道了有哪个数据库后，就可以选择了，这里选择使用test数据库：
“mysql> use test;”后面就是添加表了：
“mysql> create table t (id int(11) not null auto_increment, name varchar(50)
not null, primay key(id));”显示表：
“mysql> show tables;”为表t添加记录：
“mysql> insert into t (id,name)”
“mysql> value(123456,'hello');”
用这方法多添加几个记录吧!查看记录：
“mysql> select * from t;”看到表录就可以了，按照上面步骤一般不会错。
4.
启动TOMCAT，IE栏输入“http://127.0.0.1:8080/admin/”，输入账户与密码。
如果，安装TOMCAT时没有改动过的话，账户应该是“admin”，密码为空。
选择Resources－>Data sources进入配置数据源界面，在右上角的下拉框里选择Create New Data Source,
进入配置详细信息界面，内容如下：JNDI Name: jdbc/mysql(可用自己喜欢的名字)
Data Source URL: jdbc:mysql://localhost:3306/test (这里是上面的test数据库名)
JDBC Driver Class: com.mysql.jdbc.Driver
User Name: root (你的MYSQL的用户名，默认是root)
Password: ******** (你的MYSQL的密码)
Max. Active Connections: 4
Max. Idle Connections: 2
Max. Wait for Connection: 500
Validation Query:
要求输入的JNDI Name等信息，其中除了JDBC DriverClass之外，其他的可以根据你的需要填写。
*注意，Data Source URL的内容可能是：“jdbc:mysql:// <MYSQL服务器的IP或是名称>/<你的数据库名称>”。
最后点击Save保存，Commit Change提交更改。这样可以到下一步了。
找到“%TOMCAT_HOME%\conf\”下的web.xml文件，将其编辑添加内容：<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app ....>
.
.
.
.
<resource-ref>
<description>DB Connection</description>
<res-ref-name>jdbc/mysql</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>
</web-app>其中点号为省略了的原有内容，添加的内容是 <resource-ref>到</resource-ref>。
一看就明白<res-ref-name>jdbc/mysql</res-ref-name>里的“jdbc/mysql”要与
TOMCAT配置数据源时的JNDI Name要一致。5.
万事俱备，可以写代码测试了，如下：
<%@ page contentType="text/html;charset=gb2312"%>
<%@ page import="java.sql.*"%><html>
<body>
<%
try
{
Class.forName("com.mysql.jdbc.Driver").newInstance();
String url ="jdbc:mysql://localhost/test?user=root&password=123456&useUnicode=true&characterEncoding=8859_1";
Connection conn= DriverManager.getConnection(url);
Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
String sql="select * from t";
ResultSet rs=stmt.executeQuery(sql);
out.println("<table align=\"center\" border=\"1\" width=\"100%\">");
while(rs.next())
{
if (!flag)
{
color ="#d3d3d3";
}
else
{
color ="#ffffff";
}
flag =!flag;
out.println("<tr bgcolor=\""+color+"\">");
String name = rs.getString("name");
int id = rs.getInt("id");
out.println("<td>"+rs.getRow()+"</td>");
out.println("<td>"+id+"</td>");
out.println("<td>"+name+"</td>");
out.println("</tr>");
}
out.println("</table>");
rs.close();
stmt.close();
conn.close();
}
catch(Exception e)
{out.print("Exception:"+e.getMessage());
}
%>
</body>
</html>保存为MySQLTest.jsp放到“../test/”目录下,重启TOMCAT测试吧!
结果应该是可以看到一个表格。
D.ECLIPSE-SDK与TOMCAT的整合
1.
将Window版的ECLIPSE-SDK解压到“x:\”下，改名为eclipse；
Tomcat插件(tomcatPluginV31.zip)Sysdeo Eclipse Tomcat Launcher plugin同样
解压到“x:\”下，然后将它复制到“eclipse\plugins\”里。2.
启动ECLIPSE，如果是第一次启动的话会要求你设置 “workspace”的路径；
是否看到有三只TOMCAT的图标，没有就按照上面检查一下。3.
设定JRE虚拟机，在ECLIPSE的菜单中选择：Window->Preferences->Java,展开选择Installed JREs
通过Add按钮添加JRE，选择JDK里面的即可，确定后再在表中勾上刚添加的项。4.
设定Tomcat,在ECLIPSE的菜单中选择：Window->Preferences->Tomcat(没有安装Tomcat插件就不会出现这项)，
设置，Tomcat Version:你的tomcat版本，Tomcat Home:<tomcat的安装目录>;
展开Tomcat项，有Advances选项，同样Tomcat base为tomcat的安装目录;5.
重启ECLIPSE，在FILE->NEW看到了Tomcat Project吗？看到了，赶快新建一个吧!
Project name改自己喜欢的(我这里改为tomcat_jsp),
Can update server.xml file项要勾上。6.
好了，为了方便，将上面的为jsp_test文件夹中的JSP应用程序建的web.xml(位置是jsp_test\WEB-INF文件夹中)，
复制到“eclipse\workspace\tomcat_jsp\WEB-INF”中，这就是你刚才创建的Project。也将上面的index.jsp复制
到“eclipse\workspace\tomcat_jsp\”中重启ECLIPSE，在左边的导航窗口展开tomcat_jsp，有了index.jsp了双击
就在ECLIPSE中打开了，看到代码了吧!在菜单栏中启动TOMCAT，完毕后，
在IE中输入“http://localhost:8080/tomcat_jsp/index.jsp”有了如上面一样的结果了吗？7.
试试新建一个JSP文件吧!只要右击导航窗口中的tomcat_jsp选NEW->FILE就可以了，名字一定要有“.jsp”后缀，
内容自定。保存后重启TOMCAT就可测试了。
*注意，对于*.xml文件的改动和新建了JSP文件一定要重启TOMCAT，但修改已存在的JSP文件可以不重启。
ECLIPSE下的Servlet的和JSP的差不多，参照上面的就可以了!8.
到此配置已完毕，你可以开始JSP之旅了!
ECLIPSE连接MYSQL只要在ECLIPSE菜单栏里的Project->Properties->Java Build path->Libraries
下按下Add ExternalJARs,添加MYSQL-CONNERCTOR-JAVA驱动就行了