JSP繼續學習（完成一個最簡單的使用者登入介面)
阿新 • • 發佈：2018-12-30
感覺只看視訊效率太低，請教了別人，於是趁著有空自己寫了個簡單至極的登入介面，練練手。
功能是
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>