配置TOMCAT+ECLIPSE+MYSQL的JSP环境

旧城等待， 2021-11-02 04:22 316阅读 0赞

#  #

#     #

第一步：(软件的准备)

转载的原作者的日期：2008年的，仅供参考。不是最新的内容  
  
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>  <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>   <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>  </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文件内容：            
      
                   
       
                    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"); 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. ECLIPSE连接MYSQL只要在ECLIPSE菜单栏里的Project->Properties->Java Build path->Libraries 下按下Add ExternalJARs,添加MYSQL-CONNERCTOR-JAVA驱动就行了            到此配置已完毕，你可以开始JSP之旅了!