JSP程式運行原理、文檔結構及簡單輸入輸出執行個體分析_JSP編程

本文執行個體講述了JSP程式運行原理、文檔結構及簡單輸入輸出。分享給大家供大家參考。具體如下：

目標：

掌握Web應用的文檔結構；
掌握JSP的運行原理；
掌握JSP的簡單輸入和輸出。

主要內容：

通過一個簡單一實例介紹Web應用的文檔結構和運行原理；
通過一個簡單的註冊功能介紹基本的輸入輸出。

實現內容：用戶端驗證。

1、 文檔結構

每個應用都有一個根目錄，例如ch2；理論上可以放在任何地方，但是需要配置，簡單的做法，直接放在了webapps這個目錄下，在這個目錄的應用會被自動載入。
在根目錄下會有一個WEB-INF目錄，這個目錄中的檔案不能被遠端存取，主要存放設定檔和類檔案、資源檔。

在WEB-INF中的設定檔是web.xml，每個web應用都會有這樣一個設定檔。
在WEB-INF有兩個檔案用於存放類檔案和資源檔，lib和classes，lib下面存放以壓縮包jar形式存在的類庫，classes直接存放類檔案（包含包的資訊）。
分頁檔（包括jsp檔案、html檔案、圖片檔案）可以放在根目錄（ch2）下面，或者下面的子檔案夾（不能放在WEB-INF）中。

2、 運行方式

訪問方式：http://192.168.0.222:8080/ch2/ch2.jsp
前提：把Web應用部署到伺服器上，啟動伺服器。

下面以ch2.jsp為例介紹訪問過程：

1）用戶端通過瀏覽器發送請求；
2）Web伺服器接收這個請求，然後轉給應用伺服器；
3）應用伺服器會尋找客戶要訪問的檔案，假設訪問的檔案為ch2.jsp；分兩種情況：
第一次訪問：應用伺服器把JSP檔案轉換成Java檔案；然後編譯成class檔案；然後載入類；執行個體化對象並初始化；
後續訪問：JSP檔案對應的頁面對象已經存在，直接尋找到這個對象；
4）應用伺服器封裝請求資訊，然後調用相應的方法；
5）應用伺服器把方法執行結果（響應客戶的內容）傳遞給Web伺服器；
6）Web伺服器把這個結果發給用戶端；
7）用戶端瀏覽器把接收到的html代碼解析成網頁。這個就是我們看到的結果。
下面是運行過程中的幾個檔案內容。

源檔案Ch2.jsp的內容：

DDDDDDDDDDDDDDDDDDDDDDDD
<%="FFFFFFFFFFFFFFFF"%>

轉換後的檔案ch2_jsp.java：

package org.apache.jsp;import javax.servlet.*;import javax.servlet.http.*;import javax.servlet.jsp.*;public final class ch2_jsp extends org.apache.jasper.runtime.HttpJspBase  implements org.apache.jasper.runtime.JspSourceDependent { private static java.util.List _jspx_dependants; private javax.el.ExpressionFactory _el_expressionfactory; private org.apache.AnnotationProcessor _jsp_annotationprocessor; public Object getDependants() {  return _jspx_dependants; } public void _jspInit() {  _el_expressionfactory = JspFactory.getDefaultFactory().getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();  _jsp_annotationprocessor = (org.apache.AnnotationProcessor) getServletConfig().getServletContext().getAttribute(org.apache.AnnotationProcessor.class.getName()); } public void _jspDestroy() { } public void _jspService(HttpServletRequest request, HttpServletResponse response)    throws java.io.IOException, ServletException {  JspFactory _jspxFactory = null;  PageContext pageContext = null;  HttpSession session = null;  ServletContext application = null;  ServletConfig config = null;  JspWriter out = null;  Object page = this;  JspWriter _jspx_out = null;  PageContext _jspx_page_context = null;  try {   _jspxFactory = JspFactory.getDefaultFactory();   response.setContentType("text/html");   pageContext = _jspxFactory.getPageContext(this, request, response,   null, true, 8192, true);   _jspx_page_context = pageContext;   application = pageContext.getServletContext();   config = pageContext.getServletConfig();   session = pageContext.getSession();   out = pageContext.getOut();   _jspx_out = out;   out.write("DDDDDDDDDDDDDDDDDDDDDDDD/r/n");   out.print("FFFFFFFFFFFFFFFF");  } catch (Throwable t) {   if (!(t instanceof SkipPageException)){    out = _jspx_out;    if (out != null && out.getBufferSize() != 0)     try { out.clearBuffer(); } catch (java.io.IOException e) {}    if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);   }  } finally {   if (_jspxFactory != null) _jspxFactory.releasePageContext(_jspx_page_context);  } }}

返回給用戶端的資訊（通過瀏覽器的查看源檔案功能可以看到）：

DDDDDDDDDDDDDDDDDDDDDDDD
FFFFFFFFFFFFFFFF

3、 無狀態的請求接聽模式

使用者通過用戶端發送請求，可以通過地址欄、超連結、按鈕或者表單元素的事件請求。不管採用什麼方式發送請求，這些請求資訊都會被封裝成HttpServletRequest對象，伺服器會把這個對象作為參數去調用頁面對象，這個方法執行完會對用戶端響應，之後這個HttpServletRequest對象就被刪除了。如果再次發送請求，會建立新的HttpServletRequest對象，上一次訪問時候的資訊都不存在了。
所以伺服器不會儲存用戶端以前訪問的資訊，稱為無狀態的請求接聽模式。
接下來介紹JSP技術的基本問題：輸入輸出。首先看如何完成輸入。

4、 輸入元素

輸入通過表單元素完成。常用的表單元素如下：

1）form

要提交資訊，首先需要一個表單form，只有在form內的資訊才可以提交。
開始標識<form>
結束標識</form>
主要的屬性：
action屬性：是目標檔案的位置，要提交給誰處理；
method屬性：請求方式，有get和post
注意：form不能嵌套。

2）單行文字框

基本文法格式：

<input type="text" name="username" value="請輸入使用者名稱">
type="text" 就說明這是單行文字框；
name表示文字框的名字，非常重要，在伺服器需要根據名字取值；
value給出初始值。

3）密碼框

基本文法格式：
<input type="password" name="userpass" >
用法與單行文字框基本相同。

4）隱藏欄位

基本文法格式：
<input type="hidden" name="userpass" >
用於在多個頁面之間傳值，與當行文字框的用法也基本相同。

5）選項按鈕

文法格式：
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
一組選項按鈕的名字應該保持一致，這樣能夠保證多個選項只選擇一個。
注意：單選按紐之後顯示的內容與單選按紐沒有關係，只是告訴使用者這個單選按紐表示什麼。

6）複選框

文法格式：
<input type="checkbox" name="fav" value="音樂">
<input type="checkbox" name="fav" value="體育">
同一組複選框的值也應該保持一致，可以採用統一的方式取值。

7）下拉式清單

文法格式：

開始標識：<select name="select">
結束標識：</select>
下拉框中的每個選項：<option value="1">顯示的資訊</option>
性別下拉框：
<select name="sex">
   <option value="男">男</option>
   <option value="女">女</option>
</select>

8）多行文本域

文法格式：
<textarea name="">sdsfsddddddddd</textarea>
要對文本域初始化，需要把初始值放在標籤的開始和結束標識之間。
注意：這一點與其它元素通過value屬性賦值是不一樣的。

9）提交按鈕

<input type="submit" value="提交">
通常不需要名字。

10）重設按鈕

<input type="reset" value="重設">
通常不需要名字。

11）普通按鈕

也可以通過普通按鈕完成表單提交，需要編寫JavaScript代碼。

文法格式：
<input type="button" value="提交" onClick="…">

5、 輸入執行個體：註冊頁面

參考代碼register.jsp：

<%@ page contentType="text/html;charset=gb2312"%>請註冊<br><form method="post" name="fi1" action="process.jsp">  使用者ID：<input type="text" name="userid"><br>  口令：<input type="password" name="userpass"><br>  確認口令：<input type="password" name="userpass1"><br>  性別：<input type="radio" name="sex" value="男" checked>男     <input type="radio" name="sex" value="女">女<br>  愛好：<input type="checkbox" name="fav" value="運動">運動     <input type="checkbox" name="fav" value="音樂">音樂     <input type="checkbox" name="fav" value="編程">編程<br>  學曆：    <select name="degree">      <option value="本科">本科</option>      <option value="碩士">碩士</option>      <option value="專科">專科</option>      <option value="博士">博士</option>    </select><br>  備忘：    <textarea name="comment"></textarea><br>    <input type="submit" value="提交"><input type="reset" value="重設"></form>

該頁面能夠完成使用者資訊的提交，當使用者輸入和選擇完之後點擊提交按鈕，瀏覽器會把這個請求發送到伺服器，根據form中的action屬性的值，我們知道伺服器會調用process.jsp進行處理。下面介紹如何編寫process.jsp來擷取使用者輸入資訊。

6、 擷取資訊

前面介紹運行原理的時候說過，客戶的請求資訊，包括輸入的和選擇的資訊，都會被封裝在HttpServletRequest對象中，所以在process.jsp中只需要訪問這個對象即可，如何得到這個對象呢？
在JSP中提供了若干內部對象，其中之一是request，直接使用這個對象即可。對於內部對象，我們可以直接使用，不需要聲明和執行個體化。
擷取請求資訊可以通過下面的兩個方法：
getParameter(元素名字)
getParameterValues(元素名字)
前者用於擷取單值元素的值，例如文字框、選項按鈕、密碼框等。後者用於擷取多值元素的值，例如複選框、允許多選的列表框。

7、 執行個體：註冊資訊顯示

process.jsp的源檔案：

<%@ page contentType="text/html;charset=gb2312"%>註冊資訊如下：<%  String userid = request.getParameter("userid");  String userpass = request.getParameter("userpass");  String userpass1 = request.getParameter("userpass1");  String sex = request.getParameter("sex");  // 對性別進行編碼轉換  sex = new String(sex.getBytes("8859_1"));  String[] fav = request.getParameterValues("fav");  // 該方法用於擷取多值元素的值  String degree = request.getParameter("degree");  String comment = request.getParameter("comment");  out.println("使用者ID："+userid);%><br>口令：<%=userpass%><br>確認口令：<%=userpass1%><br>性別：<%=sex%><br>愛好：<%  if(fav!=null)  for(String s:fav)  {   s=new String(s.getBytes("8859_1"));   out.print(s);  }%><br>學曆：<%=degree%><br>備忘：<%=comment%>

註：此種方式的代碼（Java代碼與HTML代碼嵌套）不提倡，這裡僅僅是為了讓這個程式比較完整。但是擷取值和編碼轉換的代碼需要掌握，以後在Servlet中會用，沒有什麼變化。

8、 實訓：完成圖書添加介面，並把使用者添加的資訊重新顯示出來。

希望本文所述對大家的JSP程式設計有所協助。