整合Eclipse與Tomcat開發第一個WEB程序

前面的文章已經提到了在Tomcat下如何創建Servlet,沒有用到Eclipse編程工具。爲了使開發更加方便,這裏使用一個Tomcat和一個Eclipse的插件,使這兩個開發工具能夠整合起來,從而直接在Eclipse下即可進行Tomcat的開發。

關於tomcat的配置可參考前面的文章:http://leexy.blog.51cto.com/4136883/1330412



1.下載Eclipse的Tomcat插件


1.1 在Eclipse下進入Help-Eclipse MarketPlace-搜索tomcat

124202966.jpg


1.2 點擊第一個插件的learn more,並點擊HOME標誌進入下載頁面

124330217.jpg

124423850.jpg


1.3 選擇tomcatPluginV33.zip下載到硬盤上




2.爲Eclipse配置Tomcat插件


2.1 將下載回來的tomcatPluginV33.zip解壓縮,產生一個tomcatPluginV33文件夾;


2.2 將tomcatPluginV33文件夾下的com.sysdeo.eclipse.tomcat_3.3.0複製到eclipse安裝路徑的plugins目錄下,比如我電腦的是H:\Java-tools\eclipse\plugins


2.3 打開Eclipse(或者restart),打開菜單欄的Windows-Preferences,選擇左邊欄的tomcat;選擇Tomcat版本爲Version7.X;"Tomcat home"處選擇Tomcat的安裝路徑;"Context declaration mode"選擇server.xml;選擇OK。125649899.jpg


2.4 配置完畢後,會看到菜單欄下面會多出幾個小貓的標誌

125844613.jpg


2.5 測試一下,點擊start tomcat ,會出現很多啓動信息,並在瀏覽器地址欄輸入http://localhost:8080 ,可以看到是否成功

130352651.jpg

130354685.jpg




3.使用Eclipse建立第一個web項目


3.1 File-New-Project,選擇java-Tomcat Project

130618634.jpg


3.2 在對話框中的輸入Project name,如"App",選擇Finish,即可看到項目的目錄結構

130913578.jpg

131125987.jpg


3.3 在App上單擊右鍵-New-Package,在Name文本框輸入“com.lixiyu.action”,finish

131548251.jpg


3.4 實現思路:首先編寫一個繼承HttpServlet的類,然後配置web.xml,接着啓動Tomcat,然後運行這個用Servlet實現的HelloWorld的例子。

具體步驟:


在com\lixiyu\action文件夾下建立HelloWorld.java文件

/**
 *
 */
/**
 * @author lixiyu
 *
 */
package com.lixiyu.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class HelloWorld extends HttpServlet{
/**
     *
     */
    private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
    PrintWriter out=response.getWriter();
    out.write("<html>\r\n");
    out.write("<head>\r\n");
    //設定解碼方式
    out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");
    out.write("</head>\r\n");
    out.write("\r\n");
    out.write("<body>\r\n");
    out.write("<H1>\r\n");
    out.write("helloworld");
    out.write("\r\n");
    out.write("</H1>\r\n");
    out.write("</body>\r\n");
    out.write("</html>");
}
}


在WEB-INF下建立web.xml文件,代碼如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0"
  >
  <display-name>hello</display-name>
  <description>
hello
  </description>
  <!--定義控制器 -->
<servlet>
<servlet-name>Servlet</servlet-name>
<servlet-class>com.lixiyu.action.HelloWorld</servlet-class>
</servlet>
<!-- 攔截/helloworld的請求 -->
<servlet-mapping>
<servlet-name>Servlet</servlet-name>
<url-pattern>/HelloWorld</url-pattern>
</servlet-mapping>
</web-app>


啓動Tomcat

然後在瀏覽器中輸入http://localhost:8080/App/HelloWorld 即可看到運行結果

132842798.jpg


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章