使用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 content="width=device-width, initial-scale=1"> <title>jsp作业</title> <link href="https://www.jb51.net/css/bootstrap.min.css"> </head> <body> <nav> <div> <div> <a href="" >jsp作业</a> </div> <div> <ul> <li><a href="https://www.jb51.net/login.jsp" >登录</a></li> </ul> </div> </div> </nav> <div> <div> <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 content="width=device-width, initial-scale=1"> <title>登录</title> <link href="https://www.jb51.net/css/bootstrap.min.css"> </head> <body> <nav> <div> <div> <a href="" >jsp作业</a> </div> <div> <ul> <li><a href="https://www.jb51.net/login.jsp" >登录</a></li> </ul> </div> </div> </nav> <div> <div> <div> </div> <div> <form method="post" action="login-check.jsp"> <h2>登录到jsp作业</h2> <label for="">用户名</label> <input type="text" placeholder="请输入用户名" required autofocus><br> <label for="">密码</label> <input type="password" placeholder="请输入密码" required> <div> <label> <input type="checkbox" value="remember-me" checked="checked"> 记住密码 </label> </div> <button type="submit">登录</button> <a href="https://www.jb51.net/reg.jsp">注册</a> </form> </div> <div> </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 content="width=device-width, initial-scale=1"> <title>登录</title> <link href="https://www.jb51.net/css/bootstrap.min.css"> </head> <body> <nav> <div> <div> <a href="" >jsp作业</a> </div> <div> <ul> <li><a href="https://www.jb51.net/login.jsp" >登录</a></li> </ul> </div> </div> </nav> <div> <div> <div> </div> <div> <form method="post" action="login-check.jsp"> <h2>登录到jsp作业</h2> <label for="">用户名</label> <input type="text" placeholder="请输入用户名" required autofocus><br> <label for="">密码</label> <input type="password" placeholder="请输入密码" required> <div> <label> <input type="checkbox" value="remember-me" checked="checked"> 记住密码 </label> </div> <button type="submit">登录</button> <a href="https://www.jb51.net/reg.jsp">注册</a> </form> </div> <div> </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 content="width=device-width, initial-scale=1"> <title>注册</title> <link href="https://www.jb51.net/css/bootstrap.min.css"> </head> <body> <nav> <div> <div> <a href="" >jsp作业</a> </div> <div> <ul> <li><a href="https://www.jb51.net/login.jsp" >登录</a></li> </ul> </div> </div> </nav> <div> <div> <div> </div> <div> <form action="reg-submit.jsp" method="post"> <h2>注册到jsp作业</h2> <div> </div> <label for="">用户名</label> <input type="text" placeholder="请输入用户名" required autofocus><br> <label for="">密码</label> <input type="password" placeholder="请输入密码" required><br> <label for="">重复密码</label> <input type="password" placeholder="请再次输入密码" required maxLength="16"><br> <button type="submit">注册</button> <a href="https://www.jb51.net/login.jsp">返回登录</a> </form> </div> <div> </div> </div> </body> </html>

注册结果页面reg-submit.jsp

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wxwsxs.html