配置TOMCAT+ECLIPSE+MYSQL的JSP環境

配置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文件,錄入內容如下:

  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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input type="text" name="fontColor"></p>
<p>FontSize&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :
<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之旅了!
轉自http://leafit.bokee.com/3039895.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章