Java程式教學甘仔店: JSP Servlet 專案手動建立

2015年4月13日星期一

JSP Servlet 專案手動建立

JSP Servlet 專案

一、進入tomcat資料夾的webapps
路徑: C:\apache-tomcat-7.0.54\webapps
圖1

二、建立專案資料夾
資料夾名稱：TestWebServlet
圖2

三、進入TestWebServlet專案資料夾
建立 WEB-INF 資料夾
圖3

四、進入WEB-INF專案資料夾
建立 classes 資料夾及 web.xml
圖4 web.xml的內容往下看會說明

五、classes 放入建立.java檔
檔名TestWebServlet.java
圖5

程式內容：

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestWebServlet extends HttpServlet {
 private static final long serialVersionUID = -9221512797741461336L;

 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException {
  try {
   String carname = request.getParameter("msg");
   ServletContext sc = getServletContext();
   if (carname.length() != 0) {
    sc.getRequestDispatcher("/thanks.html").forward(request, response);
   } else {
    sc.getRequestDispatcher("/error.html").forward(request, response);
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
}

六、產生.class檔
開啟cmd(命令提示字元)

進入TestWebServlet.java 的資料夾
cd C:\apache-tomcat-7.0.54\webapps\TestWebServlet\WEB-INF\classes

javac -classpath C:\apache-tomcat-7.0.54\lib\servlet-api.jar -d C:\apache-tomcat-7.0.54\webapps\TestWebServlet\WEB-INF\classes TestWebServlet.java
說明：
C:\apache-tomcat-7.0.54\ 是tomcat的資料夾
lib\servlet-api.jar 是servlet api jar
-d C:\apache-tomcat-7.0.54\webapps\TestWebServlet\WEB-INF\classes 是編譯到此資料夾
TestWebServlet.java 要編譯的程式
圖6-1 指令

圖6-2 .class檔

七、設定web.xml
圖7

內容：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>TestWebServlet</display-name>
  <welcome-file-list>
    <welcome-file>testWebIndex.html</welcome-file>
  </welcome-file-list>
  
   <servlet>
      <servlet-name>testWebServlet</servlet-name>
      <servlet-class>TestWebServlet</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>testWebServlet</servlet-name>
        <url-pattern>/testWebServlet</url-pattern>
    </servlet-mapping>

</web-app>

八、建立html檔
進入TestWebServlet專案資料夾
圖8 建立三個html檔
testWebIndex.html
error.html
thanks.html

九、建立testWebIndex.html檔
圖9

內容：

<html>
<head>
<title>Servlet範例</title>
</head>
<body>
 <center>
  <h2>
   歡迎進入Servlet範例
   <h2>
    <hr />
    <br />
    <form action="http://localhost:8081/TestWebServlet/testWebServlet"
     method="GET">
     輸入訊息<br /> <input type="text" name="msg" /> <input type="submit"
      value="Send" />
    </form>
 </center>
</body>
</html>

註：servlet 的 URL 如下所示:
http://host:port/專案名稱/ServletName?parameter
http://localhost:8081/TestWebServlet/testWebServlet

十、建立thanks.html檔
圖10

內容：

<html>
<head>
<title>歡迎</title>
</head>
<body>
 <center>
  <h2>
   歡迎
   <h2>
    Thanks<br/>
 </center>
</body>
</html>

十一、建立error.html檔
圖11

內容：

<html>
<head>
<title>資訊</title>
</head>
<body>
 <center>
  <h2>
   資訊
   <h2>
    你沒有輸入任何資訊<br />
 </center>
</body>
</html>

十二、啟tomcat 測試
圖12 啟tomcat

圖13 啟tomcat成功

圖14 通常 servlet 的 URL 如下所示:
http://host:port/專案名稱/ServletName?parameter
例：http://localhost:8080/TestWebServlet/
輸入url: http://localhost:8080/TestWebServlet/