JSP實現簡單的登錄和注冊

JSP實現登錄和注冊（Map集合模擬數據庫）

- - 1、login.jsp
  - 2、 loginSelect.jsp
  - 3、register.jsp
  - 4、 RegisterSelect.jsp
  - 5、 index.jsp

1、login.jsp

在這里插入圖片描述

login.jsp中username和password在LoginSelect.jsp驗證是否一致
使用session.setAttribute("login_msg","用戶名或密碼為空")設置login_msg的值
使用session.getAttribute("login_msg")獲取對象的值，判斷輸入框是否為空，如果為空，則提示用戶名或密碼為空。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>登錄界面</title>
</head>
<body><div align="center"><h1>歡迎登錄</h1><form action="LoginSelect.jsp" method="post" id="form"><p>用戶名:&nbsp<input id="username" name="username" type="text">&nbsp&nbsp</p><p>密碼:&nbsp<input id="password" name="password" type="password"></p><input type="submit" class="button" value="登錄" onclick=""><button><a href="register.jsp">注冊</a></button></form><div id="errorMsg" value="null"><%=session.getAttribute("login_msg")%></div>
</div><script>if(document.getElementById("errorMsg").innerText==="null"||document.getElementById("errorMsg").innerText===""){document.getElementById("errorMsg").setAttribute('style',"display:none")} else {document.getElementById("errorMsg").setAttribute('style',"display:block")}
</script></body>
</html>

2、 loginSelect.jsp

利用Map集合存儲賬戶和密碼信息，模擬數據庫
map.put("20201234","123456")設置初始數據
map.put(username,session.getAttribute(username).toString())這里是將注冊的賬戶和密碼添加到數據庫中，username為鍵，session.getAttribute(username).toString()為值，兩者都為字符串類型

<%@ page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>判斷登錄界面</title>
</head>
<body><%!Map<String,String> map = new HashMap<String,String>();public boolean compare(String username,String password){String pwd = map.get(username);if(pwd!=null&&password.equals(pwd)){return true;}else{return false;}}
%>
<%String username = request.getParameter("username");String password = request.getParameter("password");//設置初始值map.put("20201234","123456");//注冊后的值存入map集合if (session.getAttribute(username)!=null){map.put(username,session.getAttribute(username).toString());}System.out.println(map);//判斷輸入內容是否正確,給出提示信息if (username==null||username =="" || password==null || password==""){session.setAttribute("login_msg","用戶名或密碼為空");response.sendRedirect("login.jsp");return;}boolean compare = compare(username, password);if (compare){session.setAttribute("username",username);session.setAttribute("password",password);response.sendRedirect("index.jsp");}else {session.setAttribute("login_msg","用戶名或密碼錯誤或用戶名不存在");response.sendRedirect("login.jsp");}
%>
</body>
</html>

3、register.jsp

在這里插入圖片描述

register.jsp中username和password在RegisterSelect.jsp驗證是否一致
使用session.setAttribute("register_msg","用戶名或密碼為空")設置register_msg的值
使用session.getAttribute("register_msg")獲取對象的值，判斷輸入框是否為空，如果為空，則提示用戶名或密碼為空。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>注冊界面</title>
</head><div align="center"><h1>歡迎注冊</h1><form action="RegisterSelect.jsp" method="post"><table><tr><td>用戶名</td><td><input name="username" type="text" id="username"><br></td></tr><tr><td>密碼</td><td><input name="password" type="password" id="password"><br></td></tr></table><input value="注 冊" type="submit" id="reg_btn"><br><span>已有帳號？</span> <a href="login.jsp">登錄</a></form><span id="register_msg" class="err_msg" ><%=session.getAttribute("register_msg")%></span></div>
</body>
</div>
<script>if(document.getElementById("register_msg").innerText==="null"||document.getElementById("register_msg").innerText===""){document.getElementById("register_msg").setAttribute('style',"display:none")} else {document.getElementById("register_msg").setAttribute('style',"display:block")}
</script>
</html>

4、 RegisterSelect.jsp

if else語句，if 判斷賬戶或密碼為空則提示"用戶或密碼為空"，else 使用session.setAttribute(username,password) 創建對象存儲新的賬戶和密碼信息。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String username = request.getParameter("username");String password = request.getParameter("password");session.setAttribute("register_msg","null");if (username==null||username =="" || password==null || password==""){session.setAttribute("register_msg","用戶名或密碼為空");response.sendRedirect("register.jsp");return;}else {session.setAttribute(username,password);response.sendRedirect("login.jsp");}
%>
<html>
<head><title>Title</title>
</head>
<body></body>
</html>

5、 index.jsp

在這里插入圖片描述

session.getAttribute("username")動態獲取賬戶名稱

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>登錄成功</title>
</head>
<body>
<div align="center"><h1>JSP管理系統</h1>
<h1><%=session.getAttribute("username")%> 歡迎您!</h1>
<a href="login.jsp">退出登錄</a>
</div>
</body>
</html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/43703.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/43703.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/43703.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！