1. 程式人生 > >JavaEE學習之路|我的第一個servlet

JavaEE學習之路|我的第一個servlet

jsp本質上是servlet,但是為了更加符合mvc的框架,將頁面顯示和邏輯控制分離,jsp頁面只負責頁面,也就是mvc中的V(view),而servlet負責mvc中的C(control)。

而為了更加好的理解結構,一下先說明一下mvc框架。

M(model):模型。也就是有關於資料的操作與儲存之類的,就是資料庫的處理邏輯。

V(view):檢視。從字面上來看,檢視就是我們所看到的東西,通俗點來說就是ui。

C(controller):控制器。負責邏輯控制,也就是負責排程頁面的轉換。

以下即開始第一個servlet的構建:

1.頁面顯示:

本例項中,主要是通過一個表單頁面來驗證使用者登入,其中提供兩個輸入框(name和pass)和一個登陸按鈕。


在WebContent目錄下新建一個index.jsp檔案,然後再在WebContent/WEB-INF新建一個配置檔案web.xml

其中index.jsp的內容為:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>index</title>
</head>
<body>
<form method = "post" action = "./main.do">
	name:<input name = "name" type = "text"><br/>
	pass:<input type = "password" name = "pass"><br/>
	<table>
		<tr>
			<td><input type = "submit" value = "submit">
		</tr>
	</table>
</form>
</body>
</html>
以下就是顯示出來的內容的頁面程式碼,然後再在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">	
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

然後執行以上的專案得到的畫面如上圖。

2.雖然得到了以上的效果,但是這僅僅是一個靜態頁面,servlet在其中還沒有完全起到作用。

所以接下來就新建一個servlet的處理類,如果是在eclipse的環境下搭建的專案,直接在JavaResource/src的目錄下新建一個包,然後再新建一個類(如果自己手動搭建專案,就在WEB-INF目錄夏新建一個資料夾src,並把class檔案放到其中)。

package com.demo.serverlet;

import java.io.IOException;

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

public class ServletAction extends HttpServlet{
	public void service(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{
		request.setCharacterEncoding("UTF-8");
		String name = request.getParameter("name");
		String pass = request.getParameter("pass");
		if(name.equals("admin")&&pass.equals("123")){
			RequestDispatcher view = request.getRequestDispatcher("/WEB-INF/view/info.jsp");
			view.forward(request, response);
		}
	}
}

以上的class檔案,其中該類繼承HttpServlet,這個類提供幾種方法:doGet,doPost,doPut,doDelete等分別對應中不同的請求,也可以直接用service()方法包括所有的請求。

然後呢接收到請求,並做出響應,這裡通過接收到的name和pass引數來判定登入者,並扮演控制器的角色將請求轉向另一個頁面,也就是"/WEB-INF/view/info.jsp"。

改寫配置檔案,配置servlet。

<?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">
  <display-name></display-name>
  <servlet>
    <servlet-name>ServletAction</servlet-name>
    <servlet-class>com.demo.serverlet.ServletAction</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ServletAction</servlet-name>
    <url-pattern>/main.do</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  </web-app>

這裡通過servlet來配置servlet,其中servlet-name為該servlet的名字,servlet-class為該servlet的類,url-pattern為servlet的url。

由於在index.jsp中的action為"./main.do",也就是把index.jsp中的form提交到名字為ServletAction的servlet中,因為在配置檔案中已經將該servlet的url設定為"/main.do"。

然後再來說明一下各個頁面所顯示的url分別為(其中該專案名為Ticket);

index.jsp:http://localhost:8080/Ticket/(index.jsp在web.xml中配置為歡迎頁面)

info.jsp:http://localhost:8080/Ticket/main.do(該頁面為servlet中排程的頁面,在servlet中為絕對路徑,又因為servlet的url為http://localhost:8080/Ticket/main.do,所以該頁面也為這個)

其中info.jsp是在WEB-INF/view目錄下的檔案,這個資料夾主要用來儲存view的資源,也就是各種jsp

info.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>
hello servlet!
</body>
</html>
到現在為止一個簡單的servlet完全構建完畢,最終執行的結果如下圖: