您的位置:首页 > 运维架构 > Tomcat

配置TOMCAT+ECLIPSE+MYSQL的JSP环境

2009-12-23 17:09 676 查看

配置TOMCAT+ECLIPSE+MYSQL的JSP环境

关键词JSP环境配置 TOMCAT+ECLIPSE+

这是我写的第一篇配置文章,发表在某个JAVA论坛里。现在把它搬到这里,修改完善一下

妥善保存!或许能帮上一点忙。

第一步:(软件的准备)

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文件,录入内容如下:

[code]  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”文件,即在“%TOMCT_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 contentTye = "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文件内容:

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;

}

}


编译成class文件,其实这个与servlets差不多,结果如何自己打开IE,

输入“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");

ot.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.

ECLIPSE连接MYSQL只要在ECLIPSE菜单栏里的Project->Properties->Java Build path->Libraries

下按下Add ExternalJARs,添加MYSQL-CONNERCTOR-JAVA驱动就行了

到此配置已完毕,你可以开始JSP之旅了!
[/code]
转自http://leafit.bokee.com/3039895.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: