JSP例子

編寫一個JSP程式，實作使用者登入，當使用者輸入的使用者或者密碼錯誤時，将頁面重定向到錯誤提示頁，并在該頁面顯示10秒後，自動傳回使用者登入頁面。

思路：從題目分析，主要涉及到登入頁面（index.jsp）、處理頁面（deal.jsp）及錯誤頁面（erro.jsp）。裡面需要用到requset對象通路請求參數，response對象的重定向網頁，定時跳轉網頁等。

index.jsp

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<code>&lt;%@ page language=</code><code>"java"</code> <code>contentType=</code><code>"text/html; charset=GB18030"</code>

<code>    </code><code>pageEncoding=</code><code>"GB18030"</code><code>%&gt;</code>

<code>&lt;!DOCTYPE html PUBLIC </code><code>"-//W3C//DTD HTML 4.01 Transitional//EN"</code> <code>"http://www.w3.org/TR/html4/loose.dtd"</code><code>&gt;</code>

<code>&lt;html&gt;</code>

<code>&lt;head&gt;</code>

<code>&lt;meta http-equiv=</code><code>"Content-Type"</code> <code>content=</code><code>"text/html; charset=GB18030"</code><code>&gt;</code>

<code>&lt;title&gt;Insert title here&lt;/title&gt;</code>

<code>&lt;/head&gt;</code>

<code>&lt;body&gt;</code>

<code>&lt;form name=</code><code>"form"</code> <code>method=</code><code>"post"</code> <code>action=</code><code>"deal.jsp"</code><code>&gt;</code>

<code>使用者名：&lt;input name=</code><code>"username"</code> <code>type=</code><code>"text"</code> <code>id=</code><code>"username"</code><code>&gt;&lt;br&gt;</code>

<code>密&amp;nbsp;&amp;nbsp;碼:&lt;input name=</code><code>"pwd"</code><code>type=</code><code>"text"</code> <code>id=</code><code>"pwd"</code><code>&gt;&lt;br&gt;</code>

<code>&lt;input name=</code><code>"submit"</code><code>type=</code><code>"submit"</code> <code>id=</code><code>"submit"</code><code>&gt;</code>

<code>&lt;input name=</code><code>"reset"</code> <code>type=</code><code>"reset"</code> <code>id=</code><code>"submit"</code><code>&gt;</code>

<code>&lt;/body&gt;</code>

<code>&lt;/html&gt;</code>

deal.jsp

<code>&lt;%</code>

<code>request.setCharacterEncoding(</code><code>"GB18030"</code><code>);</code>

<code>String username=request.getParameter(</code><code>"username"</code><code>);</code>

<code>String pwd=request.getParameter(</code><code>"pwd"</code><code>);</code>

<code>if</code><code>(</code><code>"lee"</code><code>.equals(username)&amp;&amp;</code><code>"123"</code><code>.equals(pwd)){</code>

<code>    </code><code>out.print(</code><code>"&lt;script language='javascript'&gt;alert('登入成功！');window.location.href='index.jsp';&lt;/script&gt;"</code><code>);</code>

<code>}</code><code>else</code><code>{</code>

<code>response.sendRedirect(</code><code>"erro.jsp"</code><code>);</code>

<code>}</code>

<code>%&gt;</code>

erro.jsp

<code>       </code><code>&lt;%</code>

<code>response.setHeader(</code><code>"refresh"</code><code>,</code><code>"10;URL=index.jsp"</code><code>);</code><code>//定時跳轉網頁</code>

<code>&lt;title&gt;錯誤提示頁&lt;/title&gt;</code>

<code>你輸入的使用者名或者密碼錯誤，請重新輸入！</code>

實作效果：

<a href="http://s3.51cto.com/wyfs02/M02/11/89/wKioL1LUCzXDnOmfAACJlVGYLq0654.jpg" target="_blank"></a>

登陸成功後：

<a href="http://s3.51cto.com/wyfs02/M01/11/8A/wKiom1LUC0PSfFpPAACs2-_Xp48197.jpg" target="_blank"></a>

錯誤頁，10秒後自動跳轉回登入頁：

<a href="http://s3.51cto.com/wyfs02/M00/11/89/wKioL1LUCzfD0M3IAACHVdGnjGM504.jpg" target="_blank"></a>

本文轉自lixiyu 51CTO部落格，原文連結：http://blog.51cto.com/lixiyu/1351364，如需轉載請自行聯系原作者