IT俱乐部 Jsp JSP实现简单的登录和注册界面详细全过程

JSP实现简单的登录和注册界面详细全过程

1、login.jsp

  • login.jsp中usernamepassword在LoginSelect.jsp验证是否一致
  • 使用session.setAttribute("login_msg","用户名或密码为空")设置login_msg的值
  • 使用session.getAttribute("login_msg")获取对象的值,判断输入框是否为空,如果为空,则提示用户名或密码为空。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <title>登录界面</title><div align="center">
    <h1>欢迎登录</h1>
     
        <p>用户名:&nbsp&nbsp&nbsp</p>
        <p>密码:&nbsp</p>
            <button><a href="register.jsp" rel="external nofollow">注册</a></button>
     
    <div id="errorMsg"></div>
</div>
 
 
    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")
    }

2、 loginSelect.jsp

  • 利用Map集合存储账户和密码信息,模拟数据库
  • map.put("20201234","123456")设置初始数据
  • map.put(username,session.getAttribute(username).toString())这里是将注册的账户和密码添加到数据库中,username为键,session.getAttribute(username).toString()为值,两者都为字符串类型
1
2
3
4
5
6
7
8
9
10
11
    <title>判断登录界面</title> map = new HashMap();
     public boolean compare(String username,String password){
         String pwd = map.get(username);
         if(pwd!=null&&password.equals(pwd)){
             return true;
         }
         else{
             return false;
         }
     }
%>

3、register.jsp

  • register.jsp中usernamepassword在RegisterSelect.jsp验证是否一致
  • 使用session.setAttribute("register_msg","用户名或密码为空")设置register_msg的值
  • 使用session.getAttribute("register_msg")获取对象的值,判断输入框是否为空,如果为空,则提示用户名或密码为空。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  <title>注册界面</title><div align="center">
    <h1>欢迎注册</h1>
   
    <table>
<tbody><tr>
<td>用户名</td>
        <td>
          <br>
</td>
      </tr>
<tr>
<td>密码</td>
        <td>
          <br>
</td>
      </tr>
</tbody></table>
<br><span>已有帐号?</span> <a href="login.jsp" rel="external nofollow">登录</a>
   
    <span id="register_msg" class="err_msg"></span>
  </div>

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”)
}

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/code/jsp/11084.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部