Eclipse JSP/Servlet 環境搭建
我們可以使用 Eclipse 來搭建 JSP 開發環境,首先我們分別下載一下軟體包:
Eclipse J2EE:http://www.eclipse.org/downloads/
Tomcat:http://tomcat.apache.org/download-70.cgi
Tomcat 下載安裝
你可以根據你的系統下載對應的包(以下以Window系統為例):
下載之後,將壓縮包解壓到D盤(你可以自己選擇):
注意目錄名不能有中文和空格。目錄介紹如下:
bin:二進位執行文件。裡面最常用的文件是startup.bat,如果是 Linux 或 Mac 系統啟動文件為 startup.sh。
conf:配置目錄。裡面最核心的文件是server.xml。可以在裡面改埠號等。默認埠號是8080,也就是說,此埠號不能被其他應用程序佔用。
lib:庫文件。tomcat運行時需要的jar包所在的目錄
logs:日誌
temp:臨時產生的文件,即緩存
webapps:web的應用程序。web應用放置到此目錄下瀏覽器可以直接訪問
work:編譯以後的class文件。
接著我們可以雙擊 startup.bat 啟動 Tomcat,彈出如下界面:
這個時候,本地的伺服器就已經搭建起來了。如果想關閉伺服器,可以直接關閉上面的窗口,或者在裡面輸入Ctrl+C禁止服務。
接著我們在瀏覽器中輸入 http://localhost:8080/,如果彈出如下界面,表示tomcat安裝成功並且啟動起來了:
我們現在在瀏覽器上測試一下它吧:
首先在D:apache-tomcat-8.0.14webappsROOT目錄中新建一個jsp文件:
test.jsp 文件代碼如下:
<%@ page contentType="text/html;charset=UTF-8" %><%out.print("菜鳥教程 : http://www.runoob.com");%>
接著在瀏覽器中訪問地址 http://localhost:8080/test.jsp, 輸出結果如下:
將 Tomcat 和 Eclipse 相關聯
Eclipse J2EE下載後,解壓即可使用,我們打開Java EE ,選擇菜單欄Windows-->preferences(Mac 系統為 Eclipse-->偏好設置),彈出如下界面:
上圖中,點擊"add"的添加按鈕,彈出如下界面:
在選項中,我們選擇對應的 Tomcat 版本,接著點擊 "Next",選擇 Tomcat 的安裝目錄,並選擇我們安裝的 Java 環境:
點擊 "Finish",完成配置。
創建實例
選擇 "File-->New-->Dynamic Web Project",創建 TomcatTest 項目:
點開上圖中的紅框部分,彈出如下界面:
注意如果已默認選擇了我們之前安裝的 Tomcat 和 JDK 則可跳過此步。
然後,單擊finish, 繼續:
工程文件結構:
上圖中各個目錄解析:
deployment descriptor:部署的描述。
Web App Libraries:自己加的包可以放在裡面。
build:放入編譯之後的文件。
WebContent:放進寫入的頁面。
在WebContent文件夾下新建一個test.jsp文件。在下圖中可以看到它的默認代碼:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%><!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=UTF-8"><title>Insert title here</title></head><body></body></html>
接著我們修改下test.jsp文件代碼如下所示:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%><!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=UTF-8"><title>菜鳥教程</title></head><body><% out.println("Hello World!");%></body></html>
程序運行之前,我們先修改一下瀏覽器選項:
接著我們運行該項目:
運行時,彈出如下錯誤:(如果沒有此錯誤,請忽略)
原因是,我們之前點擊了Tomcat安裝包中的startup.bat,這樣一來就手動打開了Tomcat伺服器,這明顯是多餘的,因為程序運行時,eclipse會自動開啟Tomcat伺服器。所以我們先手動關掉tomcat軟體,再次運行程序,就行了。控制台信息如下:
瀏覽器訪問 http://localhost:8080/TomcatTest/test.jsp, 即可輸出正常結果:
Servlet 實例創建
我們也可以使用以上環境創建 Servlet 文件,選擇 "File-->New-->Servlet":
位於 TomcatTest項目的 /TomcatTest/src 目錄下創建 "HelloServlet" 類,包為 "com.runoob.test":
HelloServlet.java 代碼如下所示:
package com.runoob.test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/**
* Servlet implementation class HelloServlet
*/@WebServlet("/HelloServlet")public class HelloServlet extends HttpServlet { private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public HelloServlet() {
super();
// TODO Auto-generated constructor stub
} /**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 使用 GBK 設置中文正常顯示 response.setCharacterEncoding("GBK"); response.getWriter().write("菜鳥教程:http://www.runoob.com"); } /**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); }}
創建 /TomcatTest/WebContent/WEB-INF/web.xml 文件(如果沒有),代碼如下所示:
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5"
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_2_5.xsd">
<servlet>
<!-- 類名 -->
<servlet-name>HelloServlet</servlet-name>
<!-- 所在的包 -->
<servlet-class>com.runoob.test.HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>HelloServlet</servlet-name>
<!-- 訪問的網址 -->
<url-pattern>/TomcatTest/HelloServlet</url-pattern>
</servlet-mapping> </web-app>
接著重啟 Tomcat,瀏覽器訪問 http://localhost:8080/TomcatTest/HelloServlet:
TAG:程序員小新人學習 |