JSP开发模型

本文介绍了JSP的两种开发模型:JSP Model1和Model2,重点讲解了JSP Model2及其与MVC模式的关系。JSP Model2采用JSP+servlet+JavaBean,实现页面显示、流程控制和业务逻辑的分离,提高了代码的可维护性和可扩展性。同时,文章详细阐述了MVC模式的三个核心组件——模型、视图和控制器的功能和作用,并以一个注册登录系统的例子展示了如何在实际开发中应用JSP Model2和MVC模式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、JSP开发模型
JSP的开发模型即JSPModel,web开发中,为了更方便地使用JSP技术,SUN公司为JSP提供了两种开发模型:JSPModel1和JSPModel2。Model1简单轻便,适合小型Web项目的快速开发;JSPModel2模型是在JSP Model1的基础上提出的,它提供了更清晰的代码分层,更适用于多人合作开发的大型项目,实际开发过程中,根据项目需求,选择合适的模型。
1)、JSP Model1
JSP文件是一个独立的、能自主的完成所有任务的模块,它负责处理业务逻辑、控制网页流程和向用户展示页面。
JSPModel1采用JSP+JavaBean的技术,将页面显示和业务逻辑分开,其中JSP实现流程控制和页面显示,Java+JavaBean对象封装数据和业务逻辑
2)、JSP Model2
JSP Model2架构模型采用JSP+servlet+JavaBean的技术,此技术将原本JSP页面中的流程控制代码提取出来,封装到servlet中,从而实现整个程序页面显示、流程控制和业务逻辑控制的分离
在这里插入图片描述
二、MVC模式
MVC设计模式将软件程序分为三个核心模块:模型(Model)、视图(View)和控制器(Controller)
1、模型
模型(Model)负责管理应用程序的业务数据、定义访问控制以及修改这些数据的业务规则。当模型的状态发生改变时,它会通知视图发生改变,并为视图提供查询模型状态的方法
2、视图
视图(View)负责与用户进行交互,它从模型中获取数据向用户展示,同时也能将用户请求传递给控制器进行处理。当模型的状态发生改变时,视图会对用户界面进行同步更新,从而保持与模型数据的一致性
3、控制器
控制器(Controller)是负责应用程序中处理用户交互的部分,它负责从视图中读取数据,控制用户输入,并向模型发送数据
在这里插入图片描述
4、使用JSP Model2开发程序
JSP Model2模型是一种MVC设计模式,由于MVC模式中的功能模块相互独立,并且使用该模式的软件具有极高的可维护性、可扩展性和复用性。该程序中包含两个jsp页面register.jsp和loginSuccess.jsp、一个Servlet类ControllerServlet、两个JavaBean类RegisterFormBean和UserBean,以及一个访问数据库的辅助类DBUti
在这里插入图片描述(1)UserBean是代表用户信息的JavaBean,ControllerServlet根据用户注册信息创建出一个UserBean对象,并将对象添加到DBUtil对象中,loginSuccess.jsp页面从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类
UserBean用于封装用户信息

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类
用于封装注册表单信息

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 setErrorMsg(String err, String errMsg) {
        if ((err != null) && (errMsg != null)) {
            errors.put(err, errMsg);
        }
    }
    public Map<String, String> getErrors() {
        return 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;
    }
}

(3)、编写工具类DBUtils.java

package cn.itcast.chapter11.model2.util;
	 
	import java.util.HashMap;

import cn.itcast.chapter11.model2.domain.UserBean;
	 
	public class DBUtil {
		private static DBUtil instance = new DBUtil();
		//定义users集合,用于模拟数据库
		private HashMap<String,UserBean> users = new HashMap<String, UserBean>();
		private DBUtil() {
			//向数据库(users)中存入两条数据
			UserBean user1 = new UserBean();
			user1.setName("Jack");
			user1.setPassword("12345678");
			user1.setEmail("jack@it315.org");
			users.put("Jack", user1);
			UserBean user2 = new UserBean();
			user2.setName("Rose");
			user2.setPassword("abcdefg");
			user2.setEmail("rose@it315.org");
			users.put("Rose",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(控制层)
在controller包中创建ControllerServlet

@WebServlet("/ControllerServlet")
public class ControllerServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setHeader("Content-type", "text/html;charset=utf-8");
        response.setCharacterEncoding("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 = false;
        try {
            b = DBUtilsDao2.insertUser(userBean);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        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");
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doPost(request,response);
    }

说明:创建的RegisterFormBean对象用于封装表单提交的信息。当对RegisterFormBean对象进行校验时,如果检验失败,程序就会跳转到register.jsp注册页面,让用户重新填写注册信息。如果校验通过,那么注册信息就会封装到UserBean对象中,并通过DBUtilsDao的insertUser()方法将UserBean对象插入到数据库。inserUser()方法有一个boolean类型的返回值,如果返回false,表示插入操作失败,程序跳转到register.jsp注册页面;反之,程序跳转到loginSuccess.jsp页面,表示用户登录成功
(5)、创建register.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <style type="text/css">
        h3 {
            margin-left: 100px;
        }
        #outer {
            width: 750px;
        }
        span {
            color: #ff0000
        }
        div {
            height:20px;
            margin-bottom: 10px;
        }
        .ch {
            width: 80px;
            text-align: right;
            float: left;
        }
        .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>

(6)、创建loginSuccess.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>login successfully</title>
    <style type="text/css">
        #main {
            width: 500px;
            height: auto;
        }
        #main div {
            width: 200px;
            height: auto;
        }
        ul {
            padding-top: 1px;
            padding-left: 1px;
            list-style: none;
        }
    </style>
</head>
<body>

<div id="main">
    <div id="welcome">恭喜你,登陆成功</div>
    <hr />
    <div>您的信息</div>
    <div>
        <ul>
       
            
        <li>您的姓名: ${userBean.name }</li>
        <li>您的邮箱: ${userBean.email }</li>
        <li></li>
        </ul>
    </div>
</div>
</body>
</html>


运行结果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值