本站首页 收藏本站
广告位联系

APP正在开发中...
返回顶部
您的位置： 主页 > 网络编程 > JSP >

收藏
分享到

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

JSP 来源：互联网 作者：佚名 发布时间：2024-11-17 11:10:28 人浏览
摘要

1、login.jsp login.jsp中username和password在LoginSelect.jsp验证是否一致 使用session.setAttribute(login_msg,用户名或密码为空)设置login_msg的值 使用session.getAttribute(login_msg)获取对象的值，判断输入框是否为空，

1、login.jsp

  • login.jsp中username和password在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

18

19

20

21

22

23

24

25

26

27

28

29

<%@ 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>

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

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

<%@ 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")获取对象的值，判断输入框是否为空，如果为空，则提示用户名或密码为空。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

<%@ 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) 创建对象存储新的账户和密码信息。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<%@ 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")动态获取账户名称

1

2

3

4

5

6

7

8

9

10

11

12

13

<%@ 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>

版权声明 : 本文内容来源于互联网或用户自行发布贡献，该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权， 违法违规的内容， 请发送邮件至2530232025#qq.cn(#换@)举报，一经查实，本站将立刻删除。

您可能感兴趣的文章 :

原文链接 :
相关文章
推荐阅读
最新更新
友情链接
  • 本站所有内容来源于互联网或用户自行发布，本站仅提供信息存储空间服务，不拥有版权，不承担法律责任。如有侵犯您的权益，请您联系站长处理！
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计