JSP繼續學習(完成一個最簡單的使用者登入介面)

JSP繼續學習(完成一個最簡單的使用者登入介面)

感覺只看視訊效率太低,請教了別人,於是趁著有空自己寫了個簡單至極的登入介面,練練手。

功能是

1登入,使用者名稱是fengsigaoju,密碼123456若不相等就報錯,否則就顯示登陸成功.

2註冊,在判斷使用者名稱和密碼為空那邊花了點時間,判斷新老密碼各種搜尋.

3一開始  <jsp:forward >一直錯誤,加了值就過了,也不知道為什麼,有誰肯告知,萬分感謝。

自學難啊…

Myjsp.jsp頁面(登入介面)

<%@ page language="java" import="java.util.*" contentType="text/html;charset=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">
<html>
<head>
<title>使用者登入</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body bgcolor="#e3e3e3">
<center>
<form action="check.jsp" method="post">
<table>
<caption>使用者登入</caption>
<tr><td>使用者名稱:</td><td><input type="text" name="username" size="20"/></td></tr>
<tr><td>密碼:</td><td><input type="password" name="pwd" size="21"/></td></tr>
<tr><td><input type="submit" value="登入"/></td><td><input type="reset" value="重置" /></td></tr>
</table>
</form>
如果您還沒有註冊,請單擊<a href="register.jsp">這裡</a>註冊!
</center>
</body>
</html>

registe.jspr頁面

<%@ page language="java" import="java.util.*" contentType="text/html;charset=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">
<html>
<head>
<base href="<%=basePath%>">
<title>簡易留言板</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script language="javascript">
function isValid(form)
{
if (form.username.value=="")
{
alert("使用者名稱不能為空");
return false;
}
if (form.password.value!=form.repassword.value)
{
alert("兩次輸入的密碼不同!");
return false;
}
else  if (form.password.value=="")
{
alert("使用者密碼不能為空!");
return false;
}
else return true;
}
</script>
</head>
<body bgcolor="#e3e3e3">
<center>
<form action="check.jsp" method="post" onSubmit="return isValid(this);"><!-- onSubmitonsubmit事件會在表單中的確認按鈕被點選時發生,也就是一旦被點選就會自動呼叫javascript程式碼判斷是否符合標準-->
<table>
<caption>使用者註冊</caption>
<tr><td>使用者名稱:</td><td><input type="text" name="username"/></td></tr>
<tr><td>密    碼:</td><td><input type="password" name="password"/></td></tr>
<tr><td>確認密碼</td><td><input type="password" name="repassword"/></td></tr>
<tr><td align="center"><input type="submit" value="註冊"/></td><td align="center"><input type="reset" value="重置"/></td></tr>
</table>
</form>
</center>
</body>
</html>

check.jsp頁面

<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/";
%>
<html>
<head>
<title>使用者登入</title>
</head>
<body>
<% 
if (request.getParameter("username").equals("fengsigaoju")&&request.getParameter("pwd").equals("123456"))
{ 
%>
<jsp:forward page="this.jsp">
<jsp:param name="aa" value="bb"/>
<jsp:param name="aa11" value="bb11"/>
</jsp:forward>
<% 
}
else 
%>
<!--表示式遇到js就停止-->
<script>alert("使用者名稱或密碼錯誤!");</script>
</body>
</html>

this.jsp頁面

<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>成功登陸</title>
</head>
<body>
<h1 align="center">你已經成功登陸</h1>
</body></html>