Web應用開發: JSP語法程式設計實踐(一) JSP中的標識

weixin_33832340發表於2018-10-17
WebJS程式設計

實驗目標：

掌握JSP中指令標識、指令碼標識、動作標識和註釋的使用。

實驗內容：

（1）編寫兩個JSP頁面，在頁面1中有一個表單，使用者通過該表單輸入使用者的姓名並提交給頁面2；
在頁面2中輸出使用者的姓名和人數。如果頁面1沒有提交姓名或者姓名含有的字元個數大於10，就跳轉到頁面1
（2）編寫4個JSP頁面。頁面1、頁面2和頁面3都含有一個導航條，以便使用者方便地單擊超連結訪問這3個頁面；頁面4為錯誤處理頁面。要求這3個頁面通過使用include動作標記動態載入導航條檔案head.txt

實驗程式碼:

·實驗一：

//jsp1.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<form method=get action=jsp2.jsp> 
      你的名字是：
     <input type=text name=username> 
     <input type=submit value=submit> 
     
</form> 

</body>
</html>

//jsp2.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<%! int count=0; %>

    <%  
    
       request.setCharacterEncoding("utf-8");
       String name=request.getParameter("username");  
       session.setAttribute("username",name);
       
       if(name!=""&&name.length()<=10){
         
        out.println("你好，");             
        out.println(name);
        out.println("你是第");
        out.println(++count);
        out.println("個使用者"); 
      }else{

          /* 使用JavaScript跳轉（會有提示框）
          <!-- <script type="text/javascript">  
          window.location="jsp1.jsp";  
          alert(window.location.href);  
          </script> -->   */
          
          /* 使用response物件跳轉 */
          response.sendRedirect("jsp1.jsp");  
           
       }%>
      
      
</body>
</html>

關於jsp頁面跳轉的部落格（非本人）

7046760-8ebdadad8138e2d3.png
表單輸入
7046760-a0fb8612c9d97f18.png
第一個使用者訪問
7046760-43e4494b01d9a24e.png
第二個使用者訪問
7046760-66e867c6b3dca19e.png
使用JavaScript跳轉（會有提示框）

·實驗二：

//head.txt
<table  cellSpacing="1" cellPadding="1" width="60%" align="center" border="0" >
<tr valign="bottom">
<td><A href="jsp01.jsp"><font size=3>jsp01.jsp頁面</font></A></td>
<td><A href="jsp02.jsp"><font size=3>jsp02.jsp頁面</font></A></td>
<td><A href="jsp03.jsp"><font size=3>jsp03.jsp頁面</font></A></td>
</tr>
</Font> 
</table>

//jsp01.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<jsp:include page="head.txt"/>
</head>
<body>
<br/>
<font size=5 color=red>
This is jsp01.jsp
</font>
</body>
</html>

//jsp02.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp02</title>
<jsp:include page="head.txt"/>
</head>
<body>
<br/>
<font size=5 color=red>
This is jsp02.jsp
</font>
</body>
</html>

//jsp03.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp03</title>
<jsp:include page="head.txt"/>
</head>
<body>
<br/>
<font size=5 color=red>
This is jsp03.jsp
</font>
</body>
</html>

//jsp04.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp04</title>
<jsp:include page="head.txt"/>
</head>
<body>
<br/>
<font size=5 color=red>
This is the error page
</font>
</body>
</html>
7046760-b48c4b3ef91abdfe.png
螢幕快照 2018-10-17 下午3.20.04.png
7046760-a67d50c1b0729d0a.png
螢幕快照 2018-10-17 下午3.20.11.png
7046760-221995054b39522c.png
螢幕快照 2018-10-17 下午3.20.16.png
7046760-9f37e8f4a626deb2.png
螢幕快照 2018-10-17 下午3.19.57.png

相關文章