Eclipse開發(fā)Web項(xiàng)目入門篇

發(fā)表時(shí)間：2014-1-15

發(fā)布人：葵宇科技

瀏覽次數(shù)：48

前言：以前一直使用myeclipse 8 開發(fā)web，今天特意使用eclipse，所以在這小記一下，一來有需要的可以參考下，二來隨手做個(gè)筆記備用

（轉(zhuǎn)載請(qǐng)說明出處：http://blog.csdn.net/ldw4033/article/details/18313281）

1.開發(fā)環(huán)境的搭建

1.1.開發(fā)工具

JDK：jdk1.6.0_17
Web Server：apache-tomcat-6.0.37
IDE：eclipse-jee

1.2.搭建開發(fā)環(huán)境

由于選擇IDE作為開發(fā)的工具，IDE可以手動(dòng)配置需要的插件工具，所以搭建開發(fā)環(huán)境變得簡(jiǎn)單而又快捷。

(1)安裝JDK

提示：安裝完JDK之后需要配置環(huán)境變量。

(2)安裝tomcat

提示：如果是解壓縮版直接解壓就ok，如果是安裝版需要根據(jù)安裝提示完成安裝。因?yàn)槭鞘褂肐DE做開發(fā)，所以就不需要配置tomcat的環(huán)境變量了，不過還是建議不要太依賴于IDE了。

(3)解壓縮Eclipse

提示：如果沒有安裝JDK就無法完成Eclipse的安裝。
好了，到這里開發(fā)環(huán)境就準(zhǔn)備好了，接下來用一個(gè)demo來演示一下如何在Eclipse中開發(fā)Web項(xiàng)目。

2.開發(fā)Web項(xiàng)目

2.1.新建Web項(xiàng)目

Eclipse-->File-->New-->Dynamic Web Project,如圖1：

圖1 如果沒有或者Eclipse-->File-->New-------->Web-->OtherDynamic Web Project,如圖2、3：

圖2

圖3
選擇Target runtime下的New Runtime配置Web Server

Next>

通過Browse選擇tomcat的安裝目錄
Finish>
之后，一路Next直到Finish就oK了
新建的Web項(xiàng)目結(jié)構(gòu)如下

2.2.開發(fā)Servlet

在Project Explorer視圖的src上右鍵可以選擇New——>Servlet

Next>……

選擇重寫service方法，這樣可以自動(dòng)生成代碼方便一點(diǎn)
當(dāng)然也可以全手動(dòng)的編寫Servlet，不過不要忘記在web.xml中配置Servlet，呵呵^_^
然后Finish就完成了Servlet的創(chuàng)建

HelloServlet.java的源代碼如下

package com.lanyoung.servlet;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class HelloServlet
 */
public class HelloServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HelloServlet() {
        super();
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("Hello JSP");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		this.doGet(request, response);
	}

}

demo的代碼就是這樣簡(jiǎn)單，呵呵^_^

2.3.發(fā)布Web項(xiàng)目

Web項(xiàng)目創(chuàng)建好了，接下來的工作就是在Web Server中發(fā)布Web項(xiàng)目
Window——>Show Views——>Servers
在Servers視圖的空白區(qū)域右鍵
New——>Server

Finish之后就可以在Servers下啟動(dòng)tomcat了

啟動(dòng)tomcat之后會(huì)在Console下打印出很多tomcat的啟動(dòng)信息
如果沒有異常出現(xiàn)，表示demo發(fā)布成功
即使出現(xiàn)警告信息也沒有關(guān)系
在瀏覽器中訪問http://localhost:8080/HelloWorld/HelloServlet
如果沒有出現(xiàn)異常信息，并且在Console中輸出
Hello JSP
表示Servlet測(cè)試成功 ^_^
只是做了一個(gè)特別簡(jiǎn)單的demo，說明問題就oK

2.4.開發(fā)JSP

在WebContent目錄下新建JSP File

Next>之后就直接Finish
index.jsp的源代碼如下

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>Hello JSP</h1>
</body>
</html>

重新部署demo項(xiàng)目就可以看到效果了