精华内容
下载资源
问答
  • 实验要求: ...在注册页面表单中使用request对象获取用户注册信息(注册项目由自己指定),在新的JSP页面显示用户注册信息,并提示注册成功。 代码 登录页面index.html <!DOCTYPE html> <html lang
  • JSP作业3 - 使用JSP实现简单的用户登录注册页面

    万次阅读 多人点赞 2017-06-10 10:27:44
    实验要求:将实验2中的系统用户登录注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中具体要求: 完成登录JSP页面设计和注册页面设计 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成...

    实验要求:

    将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中

    具体要求:

    • 完成登录JSP页面设计和注册页面设计

    • 在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成登录验证(用户名和密码自己指定即可)。

    • 验证结果显示(如登录成功/用户名密码错误,可以使用JavaScript,也可以使用新的JSP页面)。

    • 在注册页面表单中使用request对象获取用户注册信息(注册项目由自己指定),在新的JSP页面显示用户注册信息,并提示注册成功。

    代码

    登录页面index.html

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>jsp作业</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="jumbotron">
            <h1>Hello, world!</h1>
            <p>这是一个jsp作业</p>
        </div>
    </div>
    </body>
    </html>

    登录页面login.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java"%>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>登录</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
    
            </div>
            <div class="col-md-4">
                <form class="form-signin" method="post" action="login-check.jsp">
                    <h2 class="form-signin-heading">登录到jsp作业</h2>
                    <label for="">用户名</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
                    <label for="">密码</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="remember-me" checked="checked"> 记住密码
                        </label>
                    </div>
                    <button type="submit" class="btn btn-primary" id="btn-login">登录</button>
                    <a href="reg.jsp" class="btn btn-default">注册</a>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </body>
    </html>
    

    登录结果页面login-check.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java"%>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>登录</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
    
            </div>
            <div class="col-md-4">
                <form class="form-signin" method="post" action="login-check.jsp">
                    <h2 class="form-signin-heading">登录到jsp作业</h2>
                    <label for="">用户名</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
                    <label for="">密码</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="remember-me" checked="checked"> 记住密码
                        </label>
                    </div>
                    <button type="submit" class="btn btn-primary" id="btn-login">登录</button>
                    <a href="reg.jsp" class="btn btn-default">注册</a>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </body>
    </html>
    

    注册页面reg.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java"%>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>注册</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
    
                <form class="form-signin" action="reg-submit.jsp" method="post">
                    <h2 class="form-signin-heading">注册到jsp作业</h2>
                    <div id="info">
    
                    </div>
                    <label for="">用户名</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
                    <label for="">密码</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required><br>
                    <label for="">重复密码</label>
                    <input type="password" name="password2" id="password2" class="form-control" placeholder="请再次输入密码" required maxLength="16"><br>
                    <button type="submit" class="btn btn-primary" id="btn-reg">注册</button>
                    <a href="login.jsp" class="btn btn-default" id="btn-reg">返回登录</a>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </body>
    </html>
    

    注册结果页面reg-submit.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java"%>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>结果</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <% String username = request.getParameter("username");
        String password = request.getParameter("password"); 
        String password2 = request.getParameter("password2"); 
        %>
        <%
        if(password.equals(password2)){
            out.println("<div class='alert alert-success' role='alert'>注册成功</div>");
            out.println("<ul class='list-group'>");
            out.println("<li class='list-group-item'>用户名:" + username + "</li>");
            out.println("<li class='list-group-item'>密码:" + password + "</li>");
            out.println("</ul>");
        }
        else{
            out.println("<div class='alert alert-danger' role='alert'>两次密码输入不一致,请重新输入</div>");
        }
        %>
        <!-- <%=username %>
        <%=password %>
        <%=password2 %> -->
    </div>
    

    效果

    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    展开全文
  • jsp登录注册页面

    2015-10-27 16:27:00
    jsp登录注册页面
  • jsp页面用户注册实现

    2011-12-23 15:55:54
    一个用于用户注册jsp页面,能够进行验证从数据库里
  • 登录注册jsp页面+servlet+javaBean

    热门讨论 2008-09-27 15:03:09
    登录注册jsp页面+servlet+javaBean登录注册jsp页面+servlet+javaBean登录注册jsp页面+servlet+javaBean登录注册jsp页面+servlet+javaBean登录注册jsp页面+servlet+javaBean登录注册jsp页面+...
  • 具体要求:(1)登录页面设计和注册页面设计(JSP实现)完善前面实验完成的页面设计(注意:注册页面中,密码应该输入2次,并进行确认验证) (2)创建Servlet至少包括3个Servlet:登录验证Servlet;注册信息处理...

    实验要求:

    将实验3中的系统用户登录和注册功能进行进一步设计完善。

    具体要求:

    (1)登录页面设计和注册页面设计(JSP实现)

    完善前面实验完成的页面设计(注意:注册页面中,密码应该输入2次,并进行确认验证)

    (2)创建Servlet

    至少包括3个Servlet:登录验证Servlet;注册信息处理Servlet;页面编码处理Servlet(过滤器)

    (3)创建JavaBean

    至少包括1个JavaBean,用于用户信息设定(如User)在注册Servlet中要求使用JavaBean存储用户页面注册信息,并能在注册成功的页面显示。

    (4)部署自己的项目于服务器,正确运行。

    代码结构树

    ./
    ├── JavaWeb.iml
    ├── out
    │   └── artifacts
    │       └── JavaWeb_war_exploded
    │           ├── WEB-INF
    │           │   ├── classes
    │           │   │   ├── HelloWorld.class
    │           │   │   ├── LoginCheck.class
    │           │   │   ├── RegCheck.class
    │           │   │   ├── SetCharacterEncodingFilter.class
    │           │   │   └── bean
    │           │   │       └── userBean.class
    │           │   └── web.xml
    │           ├── css
    │           │   └── bootstrap.min.css
    │           ├── index.jsp
    │           ├── login-fail.jsp
    │           ├── login-success.jsp
    │           ├── login.jsp
    │           ├── reg-fail.jsp
    │           ├── reg-success.jsp
    │           └── reg.jsp
    ├── src
    │   ├── HelloWorld.java
    │   ├── LoginCheck.java
    │   ├── RegCheck.java
    │   ├── SetCharacterEncodingFilter.java
    │   └── bean
    │       └── userBean.java
    └── web
        ├── WEB-INF
        │   ├── classes
        │   │   ├── HelloWorld.class
        │   │   ├── LoginCheck.class
        │   │   ├── RegCheck.class
        │   │   ├── SetCharacterEncodingFilter.class
        │   │   └── bean
        │   │       └── userBean.class
        │   ├── lib
        │   └── web.xml
        ├── css
        │   └── bootstrap.min.css
        ├── index.jsp
        ├── login-fail.jsp
        ├── login-success.jsp
        ├── login.jsp
        ├── reg-fail.jsp
        ├── reg-success.jsp
        └── reg.jsp

    代码

    index.jsp

    <%--
      Created by IntelliJ IDEA.
      User: hades
      Date: 2017/5/10
      Time: 20:48
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>jsp作业</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="jumbotron">
            <h1>Hello, world!</h1>
            <p>这是一个jsp(实验4 JSP+JavaBean+Servlet 项目设计)作业</p>
        </div>
    </div>
    </body>
    </html>
    

    login.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>登录</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
    
            </div>
            <div class="col-md-4">
                <form class="form-signin" method="post" action="LoginParam">
                    <h2 class="form-signin-heading">登录到jsp作业</h2>
                    <label>用户名</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required
                           autofocus><br>
                    <label>密码</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="remember-me" checked="checked"> 记住密码
                        </label>
                    </div>
                    <button type="submit" class="btn btn-primary" id="btn-login">登录</button>
                    <a href="reg.jsp" class="btn btn-default">注册</a>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </body>
    </html>
    

    login-success.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>结果</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class='alert alert-success' role='alert'>登录成功。</div>
    </div>
    

    login-fail.jsp

    <%--
      Created by IntelliJ IDEA.
      User: hades
      Date: 2017/5/10
      Time: 21:13
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html; charset=utf-8" language="java" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>结果</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class='alert alert-danger' role='alert'>用户名或密码错误。</div>
    </div>
    
    

    reg.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java" import="bean.userBean" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>注册</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
    
                <form class="form-signin" action="RegParam" method="post">
                    <h2 class="form-signin-heading">注册到jsp作业</h2>
                    <div id="info">
    
                    </div>
                    <label>用户名</label>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
                    <label>密码</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required><br>
                    <label>重复密码</label>
                    <input type="password" name="password2" id="password2" class="form-control" placeholder="请再次输入密码" required maxLength="16"><br>
                    <button type="submit" class="btn btn-primary">注册</button>
                    <a href="login.jsp" class="btn btn-default" id="btn-reg">返回登录</a>
                </form>
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </body>
    </html>
    

    reg-success.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>结果</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <jsp:useBean id="user" class="bean.userBean" scope="page"/>
    
        <%
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            String password2 = request.getParameter("password2");
        %>
        <%
            out.println("<div class='alert alert-success' role='alert'>" + user.sayHello() + "注册成功</div>");
            out.println("<ul class='list-group'>");
            out.println("<li class='list-group-item'>用户名:" + username + "</li>");
            out.println("<li class='list-group-item'>密码:" + password + "</li>");
            out.println("</ul>");
    
        %>
        <!-- <%=username %>
        <%=password %>
        <%=password2 %> -->
    </div>
    

    reg-fail.jsp

    <%@ page contentType="text/html; charset=utf-8" language="java" %>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>结果</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="./">jsp作业</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="login.jsp">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <div class='alert alert-danger' role='alert'>两次密码输入不一致,请重新输入。</div>
    </div>
    

    LoginCheck.java

    /**
     * Created by hades on 2017/5/10.
     * 登录验证Servlet
     */
    
    import bean.userBean;
    
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class LoginCheck extends HttpServlet {
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            userBean user = new userBean();
            user.setUsername(username);
            user.setPassword(password);
            if (user.getUsername().equals("admin") && user.getPassword().equals("admin")) {
                response.sendRedirect("login-success.jsp");
            } else {
                response.sendRedirect("login-fail.jsp");
            }
    
        }
    
        public void service(ServletRequest request, ServletResponse response)
                throws ServletException, IOException {
            HttpServletRequest rq = (HttpServletRequest) request;
            HttpServletResponse rs = (HttpServletResponse) response;
            doPost(rq, rs);
    
        }
    }

    RegCheck.java

    /**
     * Created by hades on 2017/5/10.
     * 注册验证Servlet
     */
    
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class RegCheck extends HttpServlet {
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            String password2 = request.getParameter("password2");
            if (password.equals(password2)) {
                response.sendRedirect("reg-success.jsp?username=" + username + "&password=" + password);
            } else {
                response.sendRedirect("reg-fail.jsp");
            }
    
        }
    
        public void service(ServletRequest request, ServletResponse response)
                throws ServletException, IOException {
            HttpServletRequest rq = (HttpServletRequest) request;
            HttpServletResponse rs = (HttpServletResponse) response;
            doPost(rq, rs);
    
        }
    }

    SetCharacterEncodingFilter.java

    /**
     * Created by hades on 2017/5/10.
     * 设置过滤器
     */
    
    import javax.servlet.*;
    import javax.servlet.http.HttpServletRequest;
    import java.io.IOException;
    
    public class SetCharacterEncodingFilter implements Filter {
        protected String encoding = "UTF_8";
        protected FilterConfig filterConfig = null;
    
        public void init(FilterConfig filterConfig) throws ServletException {
            this.filterConfig = filterConfig;
            this.encoding = filterConfig.getInitParameter("encoding");
    
        }
    
        public void destroy() {
            this.encoding = null;
    
        }
    
        public void doFilter(ServletRequest request, ServletResponse response,
                             FilterChain chain) throws IOException, ServletException {
            HttpServletRequest res = (HttpServletRequest) request;
            res.setCharacterEncoding(encoding);
            chain.doFilter(request, response);
        }
    
    
    }

    userBean.java

    package bean;
    
    /**
     * Created by hades on 2017/5/10.
     * 用户实体Bean
     */
    public class userBean {
        private String username;
        private String password;
    
        public void setUsername(String username) {
            this.username = username;
        }
    
        public void setPassword(String password) {
            this.password = password;
        }
    
        public String getUsername() {
            return username;
        }
    
        public String getPassword() {
            return password;
        }
    
        public String sayHello() {
            return "Hello!";
        }
    }
    

    web.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
             version="3.1">
        <filter>
            <description>设置过滤器</description>
            <filter-name>SetCharacterEncodingFilter</filter-name>
            <filter-class>SetCharacterEncodingFilter</filter-class>
            <init-param>
                <param-name>encoding</param-name>
                <param-value>utf-8</param-value>
            </init-param>
        </filter>
        <filter-mapping>
            <filter-name>SetCharacterEncodingFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>
        <servlet>
            <description>登录确认</description>
            <servlet-name>LoginCheck</servlet-name>
            <servlet-class>LoginCheck</servlet-class>
        </servlet>
    
        <servlet>
            <description>注册确认</description>
            <servlet-name>RegCheck</servlet-name>
            <servlet-class>RegCheck</servlet-class>
        </servlet>
    
        <servlet-mapping>
            <servlet-name>LoginCheck</servlet-name>
            <url-pattern>/LoginParam</url-pattern>
        </servlet-mapping>
        <servlet-mapping>
            <servlet-name>RegCheck</servlet-name>
            <url-pattern>/RegParam</url-pattern>
        </servlet-mapping>
    
    </web-app>

    截图

    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述
    这里写图片描述

    展开全文
  • JSP页面用户注册实现

    2012-02-09 11:17:44
    一个很简单利于教学的jsp注册文档,方便初学者理解jsp的常用方法
  • jsp 用户登录注册实现

    热门讨论 2010-12-03 13:59:50
    该程序实现简单的用户登录注册页面。对注册信息及登录信息的验证。数据库用的是sql server 。但大家使用的时候要根据你用的数据库修改一下连接字符串,其他地方不用改。我用的是myeclips实现的,可以直接导入
  • jsp自己做的简单登录注册页面,用SQL数据库连接。可以供初学者学习,共同进步。
  • jsp+java servlet实现简单用户登录(使用数据库,包括注册页面)功能介绍前期工作准备实现登录页面创建数据库三个页面处理欢迎界面(jsp)验证码(jsp)登录处理页面(servlet)欢迎界面实现注册页面 功能介绍 本项目...

    功能介绍

    本项目通过使用jsp和servlet实现简单的用户登录。主要逻辑为:

    • 如果用户不存在,则首先进行注册(注册信息同步到数据库中)。
    • 进行注册后,可进入登录页面对账号进行登录。
    • 如果账号存在,则正确跳转到欢迎界面,否则提示用户账号信息输入错误。
    • 用户进行登录页面时需要填写验证码同时可勾选是否两周内免登陆。
    • 用户进入欢迎界面,则会显示这是用户第几次登录,如果不是第一次登录则会显示上次登录时间。
    • 如果用户直接进入welcome,(没有进行登录,直接打开welcome.jsp)则会跳转到登录页面,防止非法登录。

    前期工作准备

    1.安装了Tomcat并可以成功使用。
    2.由于需要与数据库连接,本项目使用的是mysql数据库,需要引入
    mysql-connector-java-5.1.9.jar包(可在官方下载或者通过maven引入mysql依赖),需要注意mysql-connector-java-5.1.9.jar需要放在C:\Program Files\Java\jdk1.8.0_201\jre\lib\ext路径下,否则会出现连接数据库异常。
    引入maven依赖:

     <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>5.1.38</version>
        </dependency>
    

    创建数据库

    如果在DOS窗口下创建表的话则应该加上ENGINE=InnoDB DEFAULT CHARSET=utf-8:表示可以添加中文字符,否则直接添加中文字符会出现乱码 。

     CREATE TABLE `usert` (
      `username` varchar(20) DEFAULT NULL,
      `password` varchar(20) DEFAULT NULL
    ) ENGINE=InnoDB DEFAULT CHARSET=utf-8
    

    此时数据库为空,无数据需要先进行注册才能登陆成功。

    Bean封装的数据信息

    User:

    public class User {
        private String name;
        private String pd;
        public User(){}
        public String getPd() {
            return pd;
        }
        public void setPd(String pd) {
            this.pd = pd;
        }
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
    }
    

    Count:

    
    public class Counter {
        private int count=1;
        public Counter(){}
        public int getCount() {
            return count++;
        }
    
        public void setCount(int count) {
            this.count = count;
        }
    }
    
    

    Dao对数据库进行操作

    package Dao;
    import java.sql.*;
    import java.util.ArrayList;
    
    public class UserDao {
        public boolean SearchUser(String u,String p) throws SQLException {
            PreparedStatement preparedStatement = null;
            ResultSet rs =null;
            Connection con = null;
            //启动mysql驱动器
            try {
                Class.forName("com.mysql.jdbc.Driver");
                con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8", "root", "123456");
                String sql = "select * from usert where username=? and password=?";
                preparedStatement = con.prepareStatement(sql);
                preparedStatement.setString(1, u);
                preparedStatement.setString(2, p);
                rs = preparedStatement.executeQuery();
                 if(rs.next()){
                     return true;
                 }
                 else {
                     return false;
                 }
    
            } catch (ClassNotFoundException e) {
                e.printStackTrace();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            finally {
                if(rs!=null) {
                    rs.close();
                }
                if(preparedStatement!=null) {
                    preparedStatement.close();
                }
                if(con!=null){
                    con.close();
                }
            }
            return false;
        }
    
        public void insertUser(String u,String p) throws SQLException {
            ArrayList users=new ArrayList();
            PreparedStatement preparedStatement = null;
            Connection con = null;
            //启动mysql驱动器
            try {
                Class.forName("com.mysql.jdbc.Driver");
                con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8", "root", "123456");
                preparedStatement = con.prepareStatement("insert into usert values(?,?)");
                preparedStatement.setString(1,u);
                preparedStatement.setString(2,p);
                preparedStatement.executeUpdate();
            } catch (ClassNotFoundException e) {
                e.printStackTrace();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            finally {
                if(con!=null) {
                    con.close();
                }
                if(preparedStatement!=null) {
                    preparedStatement.close();
                }
            }
        }
    }
    
    

    实现登录页面

    三个页面处理

    欢迎界面(LoginServlet.jsp)

    1.代码

    <%@ page import="java.net.URLEncoder" %>
    <%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8" language="java" %>
    <html>
    <head>
        <title>LoginServlet</title>
    </head>
    <body>
    <script type="text/javascript">
        function validate() {
            if(login.username1.value===""){
                alert("账号不能为空");
                return;
            }
            if(login.passwd.value===""){
                alert("密码不能为空");
                return;
            }
            if(login.code.value===""){
                alert("请输入正确的验证码");
                return;
            }
            login.submit();
        }
        function refresh() {
            login.imgValidate.src="index.jsp?id="+Math.random();
        }
    </script>
    <%   response.setCharacterEncoding("utf-8"); %>
    <form name="login" action="/LoginCl" method="post">
        用户名:<input type="text" name="username1"><br>
        密码:<input type="password" name="passwd"><br>
        <input type="checkbox" name="keep" >两周内免登陆<br>
        验证码:<input type="text" name="code" size=10>
        <%--点击图片可进行验证码刷新--%>
        <img name="imgValidate" src = "index.jsp" onclick="refresh()" ><br>
       <%--注意此处的button和submit的区别--%>
       <input type="button" value="登录"  onclick="validate()">
        <%
            String username = null;
            String password = null;
            Cookie[] cookies = request.getCookies();
            for (int i = 0; i < cookies.length; i++) {
                if ("username".equals(cookies[i].getName())) {
                    username = cookies[i].getValue();
                } else if ("password".equals(cookies[i].getName())) {
                    password = cookies[i].getValue();
                }
            }
            if (username != null && password != null) {
                response.sendRedirect("welcome.jsp?uname=" +URLEncoder.encode(username,"utf-8")+ "&password=" + password);
            }
        %>
    </form>
      <form action="register.jsp" method="post">
        <input  type="submit" value="注册">
    </form>
    </body>
    </html>
    
    
    

    2.页面如下:
    在这里插入图片描述

    验证码(index.jsp)

    (点击验证码可以实现更新验证码)

    
    <script type="text/javascript">
        function refresh() {
         src="index.jsp?id="+Math.random();
        }
    </script>
    <%@ page contentType="charset=UTF-8" language="java"
            import ="java.awt.*"
             import ="java.awt.image.BufferedImage"
              import="java.util.*"
             import="javax.imageio.ImageIO"
             pageEncoding="gb2312"%>
    <%
    response.setHeader("Cache-Control","no-cache");
    //在内存中创建图像
      int width=60,height=20;
      BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
      //获取画笔
      Graphics g=image.getGraphics();
      //设置背景色
      g.setColor(new Color(200,200,200));
      g.fillRect(0,0,width,height);
      //取随机产生的验证码(4位数字)
      Random rnd=new Random();
      int randNum=rnd.nextInt(8999)+1000;
      String randStr=String.valueOf(randNum);
      //将验证码存入session
      session.setAttribute("randStr",randStr);
      //将验证码显示到图像中
      g.setColor(Color.black);
      g.setFont(new Font("", Font.PLAIN,20));
      g.drawString(randStr,10,17);
      //随机产生100个干扰点,使图像中的验证码不易被其他程序探测到
        for (int i = 0; i < 100; i++) {
            int x=rnd.nextInt(width);
            int y=rnd.nextInt(height);
            g.drawOval(x,y,1,1);
        }
        //输出图像到页面
        ImageIO.write(image,"JPEG",response.getOutputStream());
        out.clear();
        out=pageContext.pushBody();
    
    %>
    
    

    在这里插入图片描述

    登录处理页面(LoginCl.java(servlet))

    业务逻辑处理页面

    package Register;
    import Dao.UserDao;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.*;
    import java.io.IOException;
    import java.io.PrintWriter;
    import java.net.URLEncoder;
    import java.sql.*;
    @WebServlet("/LoginCl")
    public  class LoginCl extends HttpServlet {
        public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException,IOException {
            //中文乱码解决方法
            response.setContentType("text/html;charset=utf-8");
            request.setCharacterEncoding("utf-8");
            //防止非法登录    得到session
            HttpSession httpSession = request.getSession(true);
            //修改session的存在时间为20s
            httpSession.setMaxInactiveInterval(20);
            httpSession.setAttribute("pass", "ok");
            //获取用户名的账号和密码
            String u = null;
            //针对jsp 其username为username1
            u = request.getParameter("username1");
            String p = null;
            p = request.getParameter("passwd");
            //得到提交的验证码
            String code = request.getParameter("code");
            //获取session验证码
            HttpSession session = request.getSession();
            String randStr = (String) session.getAttribute("randStr");
            //获取到
            if (code.equals(randStr)) {
                //访问数据库
                    UserDao userDao=new UserDao();
                try {
                    if (!userDao.SearchUser(u,p)) {
                        response.getWriter().println("<a href=LoginServlet.jsp>抱歉:账号或密码错误,请注意核实信息重新输入</a>");
                        return;
                    } else {
                        String keep = request.getParameter("keep");
                        if (keep != null) {
                            //创建cookie
                            Cookie cookie1 = new Cookie("username", u);
                            Cookie cookie2 = new Cookie("password", p);
                            //设置关联路径
                            cookie1.setPath(request.getContextPath());
                            cookie2.setPath(request.getContextPath());
                            //设置cookie的消亡时间  两周
                            cookie1.setMaxAge(2 * 7 * 24 * 60 * 60);
                            cookie1.setMaxAge(2 * 7 * 24 * 60 * 60);
                            //把cookie信息写给浏览器
                            response.addCookie(cookie1);
                            response.addCookie(cookie2);
                        }
                        response.sendRedirect("welcome.jsp?uname=" + URLEncoder.encode(u, "utf-8") + "&password=" + p);
                    }
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
        }
        public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
            this.doGet(request,response);
        }
    }
    
    

    如果当前不存在该用户,则会输出账号密码错误等信息,存在该用户则会跳转到欢迎界面。

    欢迎界面(welcome.jsp)

    <%@ page import="java.util.Date" %>
    <%@ page contentType="text/html;charset=gb2312" pageEncoding="gb2312" language="java" import="bean.*"
    %>
    <%@ page import="java.net.URLDecoder" %>
    <html>
    <head>
        <title>welcome</title>
    </head>
    <body>
    <%
        request.setCharacterEncoding("gb2312");
        HttpSession httpSession=request.getSession(true);
        String val=(String)httpSession.getAttribute("pass");
        if(val==null){
            response.sendRedirect("LoginServlet.jsp");
        }
        application.setAttribute("COUNTER",new Integer(counter));
    %>
    <jsp:useBean id="mycount" class="bean.Counter" scope="session"/>
    <jsp:useBean id="user" class="bean.User" scope="session">
        <jsp:setProperty name="user"  property="name" param="uname"/>
        <jsp:setProperty name="user" property="pd" param="password"/>
    </jsp:useBean>
    <h1>主界面</h1>
    <%--welcome name =<%=u%>  password =<%=p%><br>--%>
    <%--welcome name :<jsp:getProperty name="user" property="name" />--%>
    welcome name :
    <%
    out.println(URLDecoder.decode(user.getName(),"utf-8"));
    %>
        password:<jsp:getProperty  name="user" property="pd" /><br>
    
    <%--welcome name :<%out.println(session.getAttribute("username"));%>
    password:<%out.println(session.getAttribute("password"));%><br>--%>
    <%--这是你第:<%=counter%>次访问本网站!<br>--%>
    这是你第:<jsp:getProperty name="mycount" property="count"/>
    次访问本网站!<br>
    <a href='LoginServlet.jsp'>返回重新登录</a><br>
    <%
        Cookie[] cookies = request.getCookies();
        if(cookies!=null) {
            for (int i = 0; i < cookies.length; i++) {
                if (cookies[i].getName().equals("lastAccessTime")) {
                    out.println("您上次访问的时间是:");
                    Long lastAccessTime = Long.parseLong(cookies[i].getValue());
                    Date date = new Date(lastAccessTime);
                    out.println(date.toLocaleString());
                }
            }
        }
        //用户访问过后重新设置用户的访问时间,存储在cookie中,然后发送到客户端浏览器
        Cookie cookie=new Cookie("lastAccessTime",System.currentTimeMillis()+"");
        //设置cookie的有效期为5min
        cookie.setMaxAge(300);
        //将cookie对象添加到response对象中,这样服务器在输出response对象中的内容时
        // 就会把cookie也输入到客户端浏览器
        response.addCookie(cookie);
    %>
    </body>
    </html>
    
    

    实现注册页面

    信息注册(register.jsp)

    注册信息时需要对用户输入的密码进行判断:必须有数字和大小写英文且长度在6-20之间,为了简化代码这里使用的是正则表达式进行判断。

    
    <%@ page language="java" pageEncoding="gb2312" %>
    <html>
    <head>
        <title>register</title>
    </head>
    <body>
        <h1>欢迎您进行注册</h1>
        <script language="JavaScript" type="text/javascript">
            function checkPassword() {
                       var ps=/^[A-Za-z0-9]{6,20}$/;
                    if (!ps.exec(register.password1.value)) {
                        alert("密码必须同时包含大小写字母和数字且长度应该在6-20之间");
                        return;
                    }
                register.submit();
            }
        </script>
    <form name="register" action="registerMessage.jsp" method="post">
        请输入账号:<input type="text" name="name"><br>
        请输入密码(要求:必须包含大小写英文和数字无非法字符,长度大于6位小于20):<input type="password" name="password1"><br>
        请选择性别:<input name="sex" type="radio" value="男" checked><input name="sex" type="radio" value="女" ><br>
        请选择家乡:<select name="home" >
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="陕西">陕西</option>
         </select>
        <br>
        请选择您的爱好:<input name="fav" type="checkbox" value="唱歌">唱歌
                      <input name="fav" type="checkbox" value="跳舞">跳舞
                      <input name="fav" type="checkbox" value="打球">打球
                      <input name="fav" type="checkbox" value="玩游戏">玩游戏<br>
        <input type="button" value="注册" onclick="checkPassword()">
    </form>
    </body>
    </html>
    
    

    在这里插入图片描述
    点击注册后则会跳转到注册成功页面,将其账号和密码进行存储到数据库中,后可以直接进行登录。

    注册成功页面(registerMessage.jsp)

    
    <%@ page import="java.sql.*" %>
    <%@ page import="Dao.UserDao" %>
    <%@ page language="java"  pageEncoding="gb2312" %>
    <html>
    <head>
        <title>message</title>
    </head>
    <body>
    <h2>信息注册成功!该用户注册信息如下:</h2>
    <%
        request.setCharacterEncoding("gb2312");
        String name=request.getParameter("name");
        String  password=request.getParameter("password1");
        String sex = request.getParameter("sex");
        String home = request.getParameter("home");
        out.println("账号:"+name);
        out.println("密码:"+password);
        out.println("性别:"+sex);
        out.println("家乡:"+home);
        out.println("兴趣爱好:");
        String[] fav = request.getParameterValues("fav");
        for (int i = 0; i < fav.length; i++) {
            out.print(fav[i]+" ");
        }
        try {
            UserDao userDao=new UserDao();
            userDao.insertUser(name,password);
            out.println("<a href=LoginServlet.jsp>信息注册成功,点击此处进行登录</a>");
        } catch (SQLException e) {
            e.printStackTrace();
        }
    %>
    </body>
    </html>
    
    

    在这里插入图片描述
    (如下所示,数据添加成功)
    在这里插入图片描述

    功能演示

    至此此项目结束,我演示一下登录时的场景。
    1.数据库数据
    在这里插入图片描述

    2.输入数据库中没有的信息
    在这里插入图片描述
    在这里插入图片描述
    3.账号密码正确
    在这里插入图片描述
    ps:需要注意一定要填写账户或者密码或者验证码,否则则会弹出错误窗口。
    eg:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    总结

    此项目需要用到的知识点比较多,其中包括 jsp,servlet,mysql,cookie, Javabean等。需要将学到的web知识联系起来。有不懂的代码问题欢迎提问。

    展开全文
  • JSP用户注册登录程序代码,数据库使用的是oracle 11G。程序很简单,适合新手。
  • 主要为大家详细介绍了JSP实现用户登录注册和退出功能,具有实用性和参考价值,感兴趣的小伙伴们可以参考一下
  • 简单的用户注册功能,有两个jsp页面,在第一个页面点提交可以在另一个jsp页面显示用户注册信息。供初学者使用
  • JSP做个简单的登录注册页面

    万次阅读 多人点赞 2020-10-21 23:49:32
    JSP做个简单的登录注册页面 第一步先分析整个过程,然后得出大概...点击返回页面后,我们就可以在登录页面登录,然后登录时有登录成功和登录失败的页面。所以还要再写两个(loginsuccess.jsp loginfailure.jsp)如下

    用JSP做个简单的登录注册页面

    第一步先分析整个过程,然后得出大概思路。
    首先,进入登录页面(login.jsp),如下:
    在这里插入图片描述
    我们是没有账号的所以需要注册账号,所以这时候必须有一个注册页面(register.jsp),如下
    在这里插入图片描述
    紧接着注册成功后跳转成功页面,这时我们需要一个注册成功的页面(registersuccess.jsp),如下:
    在这里插入图片描述
    点击返回页面后,我们就可以在登录页面登录,然后登录时有登录成功和登录失败的页面。所以还要再写两个(loginsuccess.jsp loginfailure.jsp)如下:
    在这里插入图片描述
    在这里插入图片描述这就是大概的一个思路了,接下来就是代码问题了。

    登录页面代码

    <%@ page language="java" contentType="text/html;
    charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD
    HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=ISO-utf-8">
    <title>登录</title>
    <style>
     #a {
    
        width:50%;
        height:200px;
        border: 1px dashed ;
        background-color:lightyellow;
        text-align:center;
    }
    body{
    background-color:lightblue;
    }
    </style>
    </head>
    <body>
    <div id="a">
    <h1>登录界面</h1>
    <form action="check.jsp" method="post">
    账号:<input type="text" name="id"/>
    <br>
    密码:<input type="password"name="password"/>
    <br>
    
    <input type="submit" value="login"/>
    没有账号?<a href ="register.jsp">注册账号</a>
    </form>
    </div>
    </body>
    </html>
    
    

    注册页面代码

    <%@ page language="java" contentType="text/html;
    charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD
    HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8">
    <title>账号注册</title>
    </head>
    <style>
     #a {
        width:50%;
        height:50%;
        border: 1px dashed ;
        background-color:lightgreen;
        text-align:center;
    }
    
    body{
    background-color:lightyellow;
    }
    </style>
    <body>
    <%--注册框 --%>
    <div id="a">
    <h1>注册账号</h1>
    <form action="registersuccess.jsp"  method="post">&nbsp;&nbsp;&nbsp;:
    <input type="text"
    name="id">
    <br>&nbsp;&nbsp;&nbsp;:
    <input type="password"name="password">
    <br>
    
    姓名:
    <input type="text" name="name">
    <br>
    
    手机号:
    <input type="text" name="phonenumber">
    <br>
    
    <input type="submit" value="注册">
    
    <input type="submit" value="重置">
    </form>
    </div>
    </body>
    </html>
    
    
    

    注册成功代码

    
    <%@ page language="java" contentType="text/html;
    charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD
    HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=UTF-8">
    <title>注册成功</title>
    </head>
    <style>
     #a {
    
        width:50%;
        height:200px;
        border: 1px dashed ;
        background-color:lightyellow;
        text-align:center;
    }
    
    </style>
    <body>
    <div id="a">
    <form action="check.jsp"
    method="post">
     <%
    request.setCharacterEncoding("UTF-8");
       String id=request.getParameter("id");
       session.setAttribute("id", id);
       String name=request.getParameter("name");
       session.setAttribute("name", name);
       String password=request.getParameter("password");
       session.setAttribute("password", password);
     %>
     恭喜您注册成功!<br>
     您的账号为:<%=id %><br>
     您的密码为:<%=password %><br>
     请妥善保管好您的密码!<br>
    </form>
    <a href="login.jsp"
    style="color:#FAAF46 font-size:10px">返回登录页面</a>
    </div>
    </body>
    </html>
    
    
    

    登录成功页面

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>登录成功</title>
    <style>
    body{
    background-color:yellow;
    }
     #a {
        width:50%;
     height:200px;
     border: 1px dashed ;
        background-color:lightyellow;
        text-align:center;
    }
    </style>
    </head>
    <body>
    <div id="a">
    <h1 align="center">
    页面仅供测试。
    </h1>
    <h2 align="center">登录成功</h2>
    </div>
    </body>
    </html>
    

    登录失败页面

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>登录成功</title>
    <style>
    body{
    background-color:grey;
    }
     #a {
        width:50%;
     height:200px;
     border: 1px dashed ;
        background-color:lightyellow;
        text-align:center;
    }
    </style>
    </head>
    <body>
    <div id="a">
    <h1 align="center">
    页面仅供测试。
    </h1>
    <h2 align="center">登录失败</h2>
    <h3 align="center"><a href="login.jsp" style="color:#FAAF46 font-size:10px">返回登录页面</a></h3>
    </div>
    </body>
    </html>
    

    在登录时还需要进行检验,看看账号密码是否正确

    检查页面(check.jsp)主要代码(在body里面写)

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-utf-8">
    <title>check</title>
    </head>
    <body>
    <form method="post" action="">
    <% 
       String id=(String)session.getAttribute("id");
       String password=(String)session.getAttribute("password");
       String name=request.getParameter("id");
       session.setAttribute("name", name);
       String password1=request.getParameter("password");
       session.setAttribute("password", password1);
    if(id.equals(name)&&password1.equals(password))
    { response.sendRedirect("loginsuccess.jsp");}
    else
    response.sendRedirect("loginfailure.jsp");
    %>
    </form>
    </body>
    </html>
    

    第一次学习使用,如有意见请指出,感谢您的浏览。
    2020-12/17修改,更新了check.jsp页面的代码。

    这个只是用session来暂存我们的数据,没有存到数据库中,所以看需求,如果有需要可以了解一下主页中这个系列的内容

    https://blog.csdn.net/l1051663145/article/details/110189213

    本篇文章的代码需要的自提:
    https://pan.baidu.com/s/1KacVIxh1Xl5QbMwyrK7iRw
    提取码:kc1s

    展开全文
  • 注册页面 jsp页面 登录页面 jsp登录页面 运行结果跳转 运行界面相互跳转然后登录成功会出来用户信息列表 就这样跳转链接加上简易的注册登录就写完了。
  • JSP实现登录注册并链接数据库页面

    万次阅读 多人点赞 2016-11-18 19:27:16
    在学习了页面跳转及部分知识后做了登录注册界面,并经过本博主调试bug后完善的更进一步,大家有什么问题也可以留言,本博主以更广泛学习讨论为目的。  内容介绍:实现页面的跳转;注册登录时实现读取数据库,并对...
  • jsp+java servlet实现简单用户登录(使用数据库,包括注册页面) 功能介绍 前期工作准备 实现登录页面 创建数据库 三个页面处理 欢迎界面(LoginServlet.jsp) 验证码(index.jsp) 登录处理页面(Login
  • jsp+java servlet实现简单用户登录(使用数据库,包括注册页面) 功能介绍 前期工作准备 实现登录页面 创建数据库 三个页面处理 欢迎界面(LoginServlet.jsp) 验证码(index.jsp) 登录处理页面(LoginCl.java...
  • JSP+SQL实现用户登录注册fsagagdgaahadhdfhsahahf
  • JSP实现简单的用户登录注册

    万次阅读 多人点赞 2018-11-20 12:34:39
    用户注册 <form action="registeredSucceed.jsp" method="post"> 请输入用户名: <td><input type="text" name=name autofocus="autofocus"> 请输入密码: <td><input type="text...
  • regcheck.jsp--检查注册是否成功跳转页面 *" pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request....
  • Servlet+JSP+MySQL实现的的登录注册页面 实现了:密码加密,用户角色的增删查改,根据权限隐藏标签,用户-角色-权限模式等
  • 一、首页面login.jsp用于完成用户登录 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> ">
  • 看过不少相似的问题,但大多只是需要获取当前登录用户的用户名,这个只要在action里setAttrubibu()就可以了,但是我现在想将登录用户所有的注册信息都存进session,比如性别、邮箱、手机号什么的,但是在登录验证的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 65,592
精华内容 26,236
关键字:

用户登录注册jsp页面