JSP 实现登录注册功能
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 类
- package com.liuyanzhao;
- /*
- * @author LiuYanzhao
- */
- public class UserBean {
- private String name;
- private String password;
- private String email;
- public String getName() {
- return name;
- }
- public void setName(String name) {
- this.name = name;
- }
- public String getPassword() {
- return password;
- }
- public void setPassword(String password) {
- this.password = password;
- }
- public String getEmail() {
- return email;
- }
- public void setEmail(String email) {
- this.email = email;
- }
- }
2、编写 RegisterFormBean 类
- package com.liuyanzhao;
- import java.util.HashMap;
- import java.util.Map;
- /*
- * @author LiuYanzhao
- */
- public class RegisterFormBean {
- private String name;
- private String password;
- private String password2;
- private String email;
- private Map<String, String> errors = new HashMap<String,String>();
- public String getName() {
- return name;
- }
- public void setName(String name) {
- this.name = name;
- }
- public String getPassword() {
- return password;
- }
- public void setPassword(String password) {
- this.password = password;
- }
- public String getPassword2() {
- return password2;
- }
- public void setPassword2(String password2) {
- this.password2 = password2;
- }
- public String getEmail() {
- return email;
- }
- public void setEmail(String email) {
- this.email = email;
- }
- public void setErrors(Map<String, String> errors) {
- this.errors = errors;
- }
- public boolean validate() {
- boolean flag = true;
- if(name == null || name.trim().equals("")) {
- errors.put("name", "请输入姓名");
- flag = false;
- }
- if(password == null || password.trim().equals("")) {
- errors.put("password", "请输入密码");
- flag = false;
- } else if(password.length() > 12 || password.length() < 6) {
- errors.put("password", "请输入 6-12 个字符");
- flag = false;
- }
- if(password != null && !password.equals(password2)) {
- errors.put("password2", "两次输入的密码不匹配");
- flag = false;
- }
- if(email == null || email.trim().equals("")) {
- errors.put("email", "请输入邮箱");
- flag = false;
- } else if(!email.matches("[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9]+)+")) {
- errors.put("email", "邮箱格式错误");
- flag = false;
- }
- return flag;
- }
- //向 Map 集合 error 中添加错误信息
- public void setErrorMsg(String err,String errMsg) {
- if((err != null) && (errMsg != null)) {
- errors.put(err, errMsg);
- }
- }
- //获取 errors 集合
- public Map<String, String> getErrors() {
- return errors;
- }
- }
3、编写 DBUtil 类
- package com.liuyanzhao;
- import java.util.HashMap;
- /*
- * @author LiuYanzhao
- */
- public class DBUtil {
- //单例模式
- private static DBUtil instance = new DBUtil();
- private HashMap<String,UserBean> users = new HashMap<String,UserBean>();
- private DBUtil() {
- //向数据库(users)中存入两条数据
- UserBean user1 = new UserBean();
- user1.setName("Tom");
- user1.setPassword("123456");
- user1.setEmail("tom@gmail.com");
- users.put("Tom", user1);
- UserBean user2 = new UserBean();
- user2.setName("jerry");
- user2.setPassword("666666");
- user2.setEmail("jerry@gmail.com");
- users.put("jerry", user2);
- }
- public static DBUtil getInstance() {
- return instance;
- }
- //获取数据库中(users)
- public UserBean getUser(String userName) {
- UserBean user = (UserBean)users.get(userName);
- return user;
- }
- //向数据库(users)插入数据
- public boolean insertUser(UserBean user) {
- if(user == null) {
- return false;
- }
- String userName = user.getName();
- if(users.get(userName) != null) {
- return false;
- }
- users.put(userName, user);
- return true;
- }
- }
4、编写 ControllerServlet 类
- package com.liuyanzhao;
- import java.io.IOException;
- import javax.servlet.ServletException;
- import javax.servlet.http.HttpServlet;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- /*
- * @author LiuYanzhao
- */
- public class ControllerServlet extends HttpServlet{
- @Override
- protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
- // TODO Auto-generated method stub
- this.doPost(request, response);
- }
- @Override
- protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
- //防止中文乱码
- response.setContentType("text/html;charset=UTF-8");
- String name = request.getParameter("name");
- String password = request.getParameter("password");
- String password2 = request.getParameter("password2");
- String email = request.getParameter("email");
- RegisterFormBean formBean = new RegisterFormBean();
- formBean.setName(name);
- formBean.setPassword(password);
- formBean.setPassword2(password2);
- formBean.setEmail(email);
- if(!formBean.validate()) {
- request.setAttribute("formBean", formBean);
- request.getRequestDispatcher("/register.jsp").forward(request, response);
- return;
- }
- UserBean userBean = new UserBean();
- userBean.setName(name);
- userBean.setPassword(password);
- userBean.setEmail(email);
- boolean b = DBUtil.getInstance().insertUser(userBean);
- if(!b) {
- request.setAttribute("DBMes", "你注册的用户已存在");
- request.setAttribute("formBean", formBean);
- request.getRequestDispatcher("/register.jsp").forward(request, response);
- return;
- }
- response.getWriter().print("恭喜你注册成功,3秒钟自动跳转");
- request.getSession().setAttribute("userBean", userBean);
- response.setHeader("refresh","3;url=loginSuccess.jsp");
- }
- }
5、在 web.xml 添加映射
- <?xml version="1.0" encoding="utf-8"?>
- <web-app xmlns="http://java.sun.com/xml/ns/javaee"
- xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
- http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
- version="3.0"
- metadata-complete="true">
- <servlet>
- <servlet-name>ControllerServlet</servlet-name>
- <servlet-class>com.liuyanzhao.ControllerServlet</servlet-class>
- </servlet>
- <servlet-mapping>
- <!-- 映射为 ControllerServlet -->
- <servlet-name>ControllerServlet</servlet-name>
- <url-pattern>/ControllerServlet</url-pattern>
- </servlet-mapping>
- </web-app>
6、编写 register.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=UTF-8">
- <title>用户注册</title>
- <style>
- h3 {
- margin-left:100px;
- }
- #outer {
- width:750px;
- }
- span {
- color:#ff0000;
- }
- div {
- height:20px;
- margin-bottom:10px;
- }
- .ch {
- width:80px;
- text-align:right;
- float:left;
- padding-right:5px;
- }
- .ip {
- width:500px;
- float:left;
- }
- .ip > input {
- margin-right:20px;
- }
- #bt {
- margin-left:50px;
- }
- #bt > input {
- margin-right:30px;
- }
- </style>
- </head>
- <body>
- <form action="ControllerServlet" method="post">
- <h3>用户注册</h3>
- <div id="outer">
- <div>
- <div class="ch">姓名:</div>
- <div class="ip">
- <input type="text" name="name" value="${formBean.name}" />
- <span>${formBean.errors.name}${DBMes}</span>
- </div>
- </div>
- <div>
- <div class="ch">密码:</div>
- <div class="ip">
- <input type="text" name="password" />
- <span>${formBean.errors.password} </span>
- </div>
- </div>
- <div>
- <div class="ch">确认密码:</div>
- <div class="ip">
- <input type="text" name="password2" />
- <span>${formBean.errors.password2} </span>
- </div>
- </div>
- <div>
- <div class="ch">邮箱:</div>
- <div class="ip">
- <input type="text" name="email" value="${formBean.email}" />
- <span>${formBean.errors.email}</span>
- </div>
- </div>
- <div id="bt">
- <input type="reset" value="重置" />
- <input type="submit" value="注册" />
- </div>
- </div>
- </form>
- </body>
- </html>
7、编写 loginSuccess.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=UTF-8">
- <title>登录成功</title>
- </head>
- <body>
- <%
- if(session.getAttribute("userBean") == null) {
- %>
- <jsp:forward page="register.jsp" />
- <%
- return;
- }
- %>
- <jsp:useBean id="userBean" class="com.liuyanzhao.UserBean" scope="session" />
- <div id="main">
- <div id="welcome">恭喜你,登录成功</div>
- <hr />
- <h3>你的信息</h3>
- <div>
- <ul>
- <li>您的姓名:${userBean.name} </li>
- <li>您的邮箱:${userBean.email} </li>
- </ul>
- </div>
- </div>
- </body>
- </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
JSP 实现登录注册功能相关推荐
- java wed登录面 代码_JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)...
下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBea ...
- 使用JSP实现简单的登录注册功能,并且使用Session跟踪用户登录信息
使用JSP实现简单的登录注册功能,并且使用了Session来跟踪用户的登录信息,这个是用纯JSP来实现此功能的,由于没有连接数据库,所以使用List来模拟数据库. 第一步:创建web项目 如果有不会创 ...
- 注册登录案例用MVC和mysql_用MVC模式实现简单用户登录注册功能
Model2模式 Jsp+Servlet+JavaBean MVC:开发模式 M:Model 模型层 ----> JavaBean V:View 视图层 ----> Jsp C:Contr ...
- spring 3.x 学习笔记_spring mvc、spring jdbc 实现网站的登录注册功能
使用spring mvc.spring jdbc 实现网站的登录注册功能 1. 据业务模型 创建model 一般实现序列化 2. 用spring 注解(@Repositor ...
- MVC框架实现用户的登录注册功能
MVC是什么? MVC,全称model view controller-模型,视图,控制器 model是将数据库中的表到Java中变成实体类 view是编写JSP页面 controller是用来业务逻 ...
- 在线登录注册功能(android客户端+javaweb服务端+腾讯云服务器+腾讯云数据库)
在线登录注册功能(android客户端+javaweb服务端+腾讯云服务器+腾讯云数据库) 完整的项目已上传github仓库,链接在文章最下面 注:笔者在安卓客户端部分写了kotlin语言和java语 ...
- MVC框架实现用户登录注册功能(连接数据库)
目录 一.简单理解MVC框架 二.项目结构 三.项目源码 3.1 User 3.2 UserDao 3.3 RegisterDao 3.4 servletControll 3.5 servletCon ...
- javaweb开发的仿推特项目之登录注册功能
博主最近学习一个仿推特javaweb项目,其采用Jsp+Servlet的方式进行设计,MySQL数据库,Tomcat8服务,界面上十分美观,功能也较为健全,给大家分享一下: 项目地址 登录界面: 核心 ...
- java实现用户登录注册功能(用集合框架来实现)
需求:实现用户登录注册功能(用集合框架来实现) 分析: A:需求的类和接口 1.用户类 UserBean 2.用户操作方法接口和实现类 UserDao UserDaoImpl 3.测试类 UserTe ...
- node mysql登录注册_图解NodeJS实现登录注册功能
该Demo根据菜鸟教程的练手项目,请提前到菜鸟教程的官网查看nodejs的相关教程,根据教程实际操作一遍,然后自己动手去实现登录.注册功能,此Demo只作参考,不符合前端相关规范. 使用的技术栈 no ...
最新文章
- 国家信息安全公布:向日葵爆出执行漏洞,还有什么远程工具值得信赖?
- 解决JS:window.close()在Firefox下的不能关闭的问题,兼容IE/Firefox/Chrome
- mysql 360 atlas_360 Atlas中间件安装及使用
- 2节串联锂电池充电管理IC芯片,5V,12V升降压解决方案
- 中国睡眠经济行业发展格局与投资策略规划建议报告2022-2027年
- 2020计算机保研心得(上岸中科大)
- 联想thinkpad E430C硬盘位换为固态,硬盘放于光驱位(win7+win10+ubuntu三系统安装教程)
- NOTA-NHS ester,1338231-09-6,双功能配体的大环化合物
- subscript下标
- webstorm设置Ctrl+滚轮缩放字体大小
- 10大主流压力测试工具
- 360极速浏览器浏览网页字体模糊的解决方法
- uniapp父子组件传值
- 电脑C盘满了怎么办?请放心删除这些文件夹
- 【搞定Jvm面试】 JVM 垃圾回收揭秘附常见面试题解析
- 在 Android* 商务应用中实施地图和地理围栏特性
- 回顾RHCE——虚拟主机
- 计算机基础--进制之间的转换
- 滴水逆向作业——指针04
- 微软国行解锁服务器,微软Xbox One国行版解锁教程:勇士终翻身
热门文章
- Hive 实用的第三方 UDF 收集
- 麻省理工6.824 分布式课程 Raft选主实现笔记
- 到底应该使用count(*) 还是count(1)
- 【Linux】文件操作函数(系统调用函数)
- CSS的position属性
- 很久没来这里,今天的评测java怪东西,左右Date类和时间戳转换
- myeclipse8.5 配置pydev环境
- 线上解决Resin服务响应过慢的几个方法(转)
- python控制语句字符串截取_python字符串截取如何操作
- centos7下yum安装mysql_CentOS7下使用YUM安装MySQL5.6-Go语言中文社区