JSP 实现登录注册功能

avatar 2017年07月16日18:59:47 0 7090 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此
JSP Model2案例

一、案例分析


JSP Model2 模型是一种 MVC 模式。由于 MVC 模式中的功能模块相互独立，并且使用该模式的软件具有极高飞可维护性、可拓展性和可复用性，因此，使用 MVC 开发模式的 Web 应用越来越受欢迎。接下来，按照 JSP Model2 的模型思想编写一个用户注册的程序，该程序中包含

两个 JSP 页面 register.jsp 和 logSuccess.jsp

一个 Servlet 类 ControllerServlet.java

两个 JavaBean 类 RegisterFormBean.java 和 Userbean.java

一个访问数据库的辅助类 DbUtil.java



关于各个程序组建的功能和相互之间工作关系如下所示：

（1） UserBean 是代表用户信息的 JavaBean，ControllerServlet 根据用户注册信息创建出一个 UserBean 对象中提取用户信息进行显示。

（2） RegisterFormBean 是封装注册表单信息的的 JavaBean，其内部定义的方法用于对从 ControllerServlet 中获取到的注册表单信息中的各个属性（也就是注册表单内的各个字段中所填写的数据）进行校验。

（3） DbUtil 是用于访问数据库的辅助类，它相当于一个 DAO （数据访问对象），在 DbUtil 类中封装一个 HashMap 对象来模拟数据库，HashMap 对象中的每一个元素即一个 UserBean 对象。

（4） ControllerServlet 是控制器，它负责处理用户的注册请求。如果注册成功，就会跳到 loginSuccess.jsp 页面；如果注册失败，重新跳回到 register.jsp 页面并显示错误信息。

（5） register.jsp 是显示用户注册表单的页面，它将注册请求的提交给 ControllerServlet 程序处理。

（6） loginSuccess.jsp 是用户登录成功后进入的页面，新注册成功的用户自动完成登录，直接进入 loginSuccess.jsp 页面


二、案例实现


1、编写 UserBean 类
  1. package com.liuyanzhao;
  3. /*
  4.  * @author LiuYanzhao
  5.  */
  6. public class UserBean {
  7.     private String name;
  8.     private String password;
  9.     private String email;
  10.     public String getName() {
  11.         return name;
  12.     }
  13.     public void setName(String name) {
  14.         this.name = name;
  15.     }
  16.     public String getPassword() {
  17.         return password;
  18.     }
  19.     public void setPassword(String password) {
  20.         this.password = password;
  21.     }
  22.     public String getEmail() {
  23.         return email;
  24.     }
  25.     public void setEmail(String email) {
  26.         this.email = email;
  27.     }
  29. }

2、编写 RegisterFormBean 类
  1. package com.liuyanzhao;
  3. import java.util.HashMap;
  4. import java.util.Map;
  6. /*
  7.  * @author LiuYanzhao
  8.  */
  9. public class RegisterFormBean {
  10.     private String name;
  11.     private String password;
  12.     private String password2;
  13.     private String email;
  14.     private Map<String, String> errors = new HashMap<String,String>();
  17.     public String getName() {
  18.         return name;
  19.     }
  21.     public void setName(String name) {
  22.         this.name = name;
  23.     }
  25.     public String getPassword() {
  26.         return password;
  27.     }
  29.     public void setPassword(String password) {
  30.         this.password = password;
  31.     }
  33.     public String getPassword2() {
  34.         return password2;
  35.     }
  37.     public void setPassword2(String password2) {
  38.         this.password2 = password2;
  39.     }
  41.     public String getEmail() {
  42.         return email;
  43.     }
  45.     public void setEmail(String email) {
  46.         this.email = email;
  47.     }
  49.     public void setErrors(Map<String, String> errors) {
  50.         this.errors = errors;
  51.     }
  53.     public boolean validate() {
  54.         boolean flag = true;
  55.         if(name == null || name.trim().equals("")) {
  56.             errors.put("name", "请输入姓名");
  57.             flag = false;
  58.         }
  60.         if(password == null || password.trim().equals("")) {
  61.             errors.put("password", "请输入密码");
  62.             flag = false;
  63.         } else if(password.length() > 12 || password.length() < 6) {
  64.             errors.put("password", "请输入 6-12 个字符");
  65.             flag = false;
  66.         }
  67.         if(password != null && !password.equals(password2)) {
  68.             errors.put("password2", "两次输入的密码不匹配");
  69.             flag = false;
  70.         }
  72.         if(email == null || email.trim().equals("")) {
  73.             errors.put("email", "请输入邮箱");
  74.             flag = false;
  75.         } else if(!email.matches("[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9]+)+")) {
  76.             errors.put("email", "邮箱格式错误");
  77.             flag = false;
  78.         }
  80.         return flag;
  81.     }
  83.     //向 Map 集合 error 中添加错误信息
  84.     public void setErrorMsg(String err,String errMsg) {
  85.         if((err != null) && (errMsg != null)) {
  86.             errors.put(err, errMsg);
  87.         }
  88.     }
  90.     //获取 errors 集合
  91.     public Map<String, String> getErrors() {
  92.         return errors;
  93.     }
  95. }

3、编写 DBUtil 类
  1. package com.liuyanzhao;
  3. import java.util.HashMap;
  6. /*
  7.  * @author LiuYanzhao
  8.  */
  9. public class DBUtil {
  10.     //单例模式
  11.     private static DBUtil instance = new DBUtil();
  12.     private HashMap<String,UserBean> users = new HashMap<String,UserBean>();
  13.     private DBUtil() {
  14.         //向数据库(users)中存入两条数据
  15.         UserBean user1 = new UserBean();
  16.         user1.setName("Tom");
  17.         user1.setPassword("123456");
  18.         user1.setEmail("tom@gmail.com");
  19.         users.put("Tom", user1);
  21.         UserBean user2 = new UserBean();
  22.         user2.setName("jerry");
  23.         user2.setPassword("666666");
  24.         user2.setEmail("jerry@gmail.com");
  25.         users.put("jerry", user2);
  26.     }
  28.     public static DBUtil getInstance() {
  29.         return instance;
  30.     }
  32.     //获取数据库中(users)
  33.     public UserBean getUser(String userName) {
  34.         UserBean user = (UserBean)users.get(userName);
  35.         return user;
  36.     }
  38.     //向数据库(users)插入数据
  39.     public boolean insertUser(UserBean user) {
  40.         if(user == null) {
  41.             return false;
  42.         }
  43.         String userName = user.getName();
  44.         if(users.get(userName) != null) {
  45.             return false;
  46.         }
  47.         users.put(userName, user);
  48.         return true;
  49.     }
  50. }

4、编写 ControllerServlet 类
  1. package com.liuyanzhao;
  3. import java.io.IOException;
  5. import javax.servlet.ServletException;
  6. import javax.servlet.http.HttpServlet;
  7. import javax.servlet.http.HttpServletRequest;
  8. import javax.servlet.http.HttpServletResponse;
  10. /*
  11.  * @author LiuYanzhao
  12.  */
  13. public class ControllerServlet extends HttpServlet{
  14.     @Override
  15.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  16.         // TODO Auto-generated method stub
  17.         this.doPost(request, response);
  18.     }
  20.     @Override
  21.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  22.         //防止中文乱码
  23.         response.setContentType("text/html;charset=UTF-8");
  24.         String name = request.getParameter("name");
  25.         String password = request.getParameter("password");
  26.         String password2 = request.getParameter("password2");
  27.         String email = request.getParameter("email");
  28.         RegisterFormBean formBean = new RegisterFormBean();
  29.         formBean.setName(name);
  30.         formBean.setPassword(password);
  31.         formBean.setPassword2(password2);
  32.         formBean.setEmail(email);
  33.         if(!formBean.validate()) {
  34.             request.setAttribute("formBean", formBean);
  35.             request.getRequestDispatcher("/register.jsp").forward(request, response);
  36.             return;
  37.         }
  38.         UserBean userBean = new UserBean();
  39.         userBean.setName(name);
  40.         userBean.setPassword(password);
  41.         userBean.setEmail(email);
  42.         boolean b = DBUtil.getInstance().insertUser(userBean);
  43.         if(!b) {
  44.             request.setAttribute("DBMes", "你注册的用户已存在");
  45.             request.setAttribute("formBean", formBean);
  46.             request.getRequestDispatcher("/register.jsp").forward(request, response);
  47.             return;
  48.         }
  49.         response.getWriter().print("恭喜你注册成功,3秒钟自动跳转");
  50.         request.getSession().setAttribute("userBean", userBean);
  51.         response.setHeader("refresh","3;url=loginSuccess.jsp");
  52.     }
  53. }

5、在 web.xml 添加映射
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <web-app xmlns="http://java.sun.com/xml/ns/javaee"
  3.   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  5.                       http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  6.   version="3.0"
  7.   metadata-complete="true">
  9.     <servlet>
  10.         <servlet-name>ControllerServlet</servlet-name>
  11.         <servlet-class>com.liuyanzhao.ControllerServlet</servlet-class>
  12.     </servlet>
  13.     <servlet-mapping>
  14.         <!-- 映射为 ControllerServlet -->
  15.         <servlet-name>ControllerServlet</servlet-name>
  16.         <url-pattern>/ControllerServlet</url-pattern>
  17.     </servlet-mapping>
  19. </web-app>

6、编写 register.jsp
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.     <title>用户注册</title>
  8.     <style>
  9.         h3 {
  10.             margin-left:100px;
  11.         }
  12.         #outer {
  13.             width:750px;
  14.         }
  15.         span {
  16.             color:#ff0000;
  17.         }
  18.         div {
  19.             height:20px;
  20.             margin-bottom:10px;
  21.         }
  22.         .ch {
  23.             width:80px;
  24.             text-align:right;
  25.             float:left;
  26.             padding-right:5px;
  27.         }
  28.         .ip {
  29.             width:500px;
  30.             float:left;
  31.         }
  32.         .ip > input {
  33.             margin-right:20px;
  34.         }
  35.         #bt {
  36.             margin-left:50px;
  37.         }
  38.         #bt > input {
  39.             margin-right:30px;
  40.         }
  42.     </style>
  43. </head>
  44. <body>
  45.     <form action="ControllerServlet" method="post">
  46.         <h3>用户注册</h3>
  47.         <div id="outer">
  48.             <div>
  49.                 <div class="ch">姓名:</div>
  50.                 <div class="ip">
  51.                     <input type="text" name="name" value="${formBean.name}" />
  52.                     <span>${formBean.errors.name}${DBMes}</span>
  53.                 </div>
  54.             </div>
  55.             <div>
  56.                 <div class="ch">密码:</div>
  57.                 <div class="ip">
  58.                     <input type="text" name="password" />
  59.                     <span>${formBean.errors.password} </span>
  60.                 </div>
  61.             </div>
  62.             <div>
  63.                 <div class="ch">确认密码:</div>
  64.                 <div class="ip">
  65.                     <input type="text" name="password2" />
  66.                     <span>${formBean.errors.password2} </span>
  67.                 </div>
  68.             </div>
  69.             <div>
  70.                 <div class="ch">邮箱:</div>
  71.                 <div class="ip">
  72.                     <input type="text" name="email" value="${formBean.email}" />
  73.                     <span>${formBean.errors.email}</span>
  74.                 </div>
  75.             </div>
  76.             <div id="bt">
  77.                 <input type="reset" value="重置" />
  78.                 <input type="submit" value="注册" />
  79.             </div>
  80.         </div>
  81.     </form>
  82. </body>
  83. </html>

7、编写 loginSuccess.jsp 类
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <title>登录成功</title>
  8. </head>
  9. <body>
  10.     <%
  11.         if(session.getAttribute("userBean") == null) {
  12.     %>
  13.     <jsp:forward page="register.jsp" />
  14.     <%
  15.             return;
  16.         }
  17.     %>
  18.     <jsp:useBean id="userBean" class="com.liuyanzhao.UserBean" scope="session" />
  19.     <div id="main">
  20.         <div id="welcome">恭喜你，登录成功</div>
  21.         <hr />
  22.         <h3>你的信息</h3>
  23.         <div>
  24.             <ul>
  25.                <li>您的姓名：${userBean.name} </li>
  26.                <li>您的邮箱：${userBean.email} </li>
  27.             </ul>
  28.         </div>
  29.     </div>
  30. </body>
  31. </html>


三、运行程序


启动 Tomcat 服务器

1、在地址栏输入 http://localhost:8080/JspModel2Demo/register.jsp

可以看到如下图所示



2、测试 未填





3、测试两次密码不一致





4、测试 账号已存在









5、在地址栏输入 http://localhost:8080/JspModel2Demo/loginSuccess.jsp

直接访问登录成功页面，因为我们的 loginSuccess.jsp 里判断了是否有 session，如果没有的话，会转发 register.jsp 里的内容，如图





6、如果输入正确的话



点击注册按钮，可以看到如下页面



3秒钟后出现如下页面







本文链接：https://liuyanzhao.com/5198.html

历史上的今天
七月
16日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0