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

IT 文章21秒前发布小编

本文主要讲解关于JSP实现简单的登录和注册界面详细全过程相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！

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" rel="external nofollow" >注册</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>

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

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" rel="external nofollow"  rel="external nofollow" >登录</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>

AI 工具导航

优网导航旗下AI工具导航，精选全球千款优质 AI 工具集

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" rel="external nofollow"  rel="external nofollow" >退出登录</a>
</div>
</body>
</html>

总结

到此这篇关于JSP实现简单的登录和注册界面的文章就介绍到这了,更多相关JSP实现登录和注册内容请搜索优网导航以前的文章或继续浏览下面的相关文章希望大家以后多多支持优网导航！

您可能感兴趣的文章:

JSP实现用户登录、注册和退出功能
使用JSP实现简单的用户登录注册页面示例代码解析
Jsp+Servlet实现简单登录注册查询
jsp登录注册完整实现代码(增删改查+网页+数据库)

相关推荐: AJAX常见的几种封装方法实例详解

本文主要讲解关于AJAX常见的几种封装方法实例详解相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！前言 AJAX (Asynchronous JavaScript and XML) 封装是为了简化重复的异步请求代码，提高开发效率和代…
免费在线工具导航
优网导航旗下整合全网优质免费、免注册的在线工具导航大全
立即访问

# IT 文章 # Java源码

© 版权声明

文章版权归作者所有，未经允许请勿转载。

相关文章

Ajax免刷新地前后端交互功能实例

0

.NET异步编程中内存泄漏的终极解决方案

0

Java之JSP教程九大内置对象详解(中篇)

1

正则表达式IP地址合法性判断实战记录

0

PHP内置服务器实现URL重写的实战详解

0

利用jsp+mysql实现好看的登录与注册页面(动态背景)

0

暂无评论

暂无评论...