Wed应用开发——JSP model2思想(练习)

曹凯欣 2022-11-13 11:55:22

JSP开发模型

为了更方便地使用JSP技术,SUN公司为JSP提供了两种开发模型:JSPModel1和JSPModel2。Model1简单轻便,适合小型Web项目的快速开发;JSPModel2模型是在JSP Model1的基础上提出的,它提供了更清晰的代码分层,更适用于多人合作开发的大型项目,实际开发过程中,根据项目需求,选择合适的模型。

JSPModel1

Model1只有JSP和bean。它的中心是JSP页面,JSP页面中既有html页面脚本,又有<%java代码 %>,这样就在JSP页面中同时实现了业务逻辑和流程控制,一方面可以快速开发,另一方面,jsp职责过重,逻辑混乱,不好维护。

执行过程
(1) 首先Web客户端向JSP页面发出request请求;

(2) 在JSP页面取得请求所需的页面参数;

(3) 通过JSP调用业务逻辑层(javabean)的方法并返回结果;

(4) 在JSP中完成网页页面的渲染;

(5) 通过JSP向Web客户端返回处理结果

Model1的优缺点:

(1) 优点:架构简单,比较适合小型项目的开发。基本上使用JSP+持久层就可以完成一个小型项目的开发。
(2) 缺点:JSP页面有控制页面显示的代码又有与后台业务逻辑交互的Java代码,职责不单一,页面负担很重,影响页面运行速度;而且不方便后期的维护。如果不加选择地随意运用Model1,会导致JSP页面内被嵌入大量的脚本片段或Java代码,特别是当需要处理的请求量很大时,情况会更为糟糕。

JSPModel2

Model2表示的是基于MVC模式的框架。
MVC“Model”代表的是应用的业务逻辑(通过JavaBean,EJB组件实现);
MVC“View”是应用的表示层(由JSP页面产生);
MVC“Controller”是提供应用的处理过程控制(一般是一个Servlet),Servlet充当控制者的角色,负责管理对请求的处理,创建JSP页面所需的JavaBean和对象,同时根据用户的动作决定把哪个JSP页面传给用户。特别要注意,在JSP页面内没有处理逻辑,它仅负责检索原先由Servlet创建的对象或JavaBean,然后从Servlet中提取动态内容插入到静态模板中进行页面显示。所以简单来说,在Model2中,JSP进行页面显示,JavaBean进行逻辑处理,Servlet完成逻辑控制。

执行过程:
(1) 首先Web客户端向Servlet发出request请求;
(2) 通过Servlet取得请求所需的表单数据;
(3) Servlet向业务逻辑层调用业务逻辑方法并返回所需的数据;
(4) Servlet再重定向转到JSP页面,在JSP页面完成页面渲染;
(5) 通过JSP通过response向Web客户端返回处理结果

Model2架构模式的优缺点
(1) 优点:清晰地分离了表达和内容,明确了角色的定义以及开发者与网页设计者的分工,适合大型项目的开发。
(2) 缺点:分层过多,不适合小型项目的开发。

练习:实现用户注册功能

RegisterFormBean类

package com.eu.domain;


import java.util.HashMap;
import java.util.Map;

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

UserBean类

package com.eu.domain;

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;
    }
}

DBUtil类

package com.eu.util;

import java.util.HashMap;
import com.eu.domain.UserBean;

public class DBUtil {
    private static DBUtil instance = new DBUtil();
    private HashMap<String, UserBean> users = new HashMap<String, UserBean>();
    private DBUtil(){
        UserBean user1 = new UserBean();
        user1.setName("Jack");
        user1.setPassword("12345678");
        user1.setEmail("jack@it315.org");
        users.put("Jack", user1);
        UserBean user2 = new UserBean();
        user1.setName("Rose");
        user1.setPassword("abcdefg");
        user1.setEmail("Rose@it315.org");
        users.put("Rose", user2);
    }
    public static DBUtil getInstance(){
        return instance;
    }
    public UserBean getUser(String userName){
        UserBean user = (UserBean) users.get(userName);
        return user;
    }
    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;
    }
}

ControllerServlet类

package com.eu.wed;

import com.eu.util.DBUtil;
import com.eu.domain.RegisterFormBean;
import com.eu.domain.UserBean;
import javax.servlet.annotation.WebServlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet(name = "ControllerServlet", urlPatterns = "/ControllerServlet")
public class ControllerServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setHeader("Content-type", "test/html;charset=GBK");
        resp.setCharacterEncoding("GBK");
        String name = req.getParameter("name");
        String password = req.getParameter("password");
        String password2 = req.getParameter("password2");
        String email = req.getParameter("email");
        RegisterFormBean formBean = new RegisterFormBean();
        formBean.setName(name);
        formBean.setPassword(password);
        formBean.setPassword2(password2);
        formBean.setEmail(email);
        if (!formBean.validate()){
            req.setAttribute("formBean",formBean);
            req.getRequestDispatcher("/register.jsp").forward(req, resp);
            return;
        }
        UserBean userBean = new UserBean();
        userBean.setName(name);
        userBean.setPassword(password);
        userBean.setEmail(email);
        boolean b = DBUtil.getInstance().insertUser(userBean);
        if (!b){
            req.setAttribute("DBMes", "你注册的用户已存在");
            req.setAttribute("formBean", formBean);
            req.getRequestDispatcher("/register.jsp").forward(req, resp);
            return;
        }
        resp.getWriter().print("恭喜你注册成功,3秒钟自动跳转");
        req.getSession().setAttribute("userBean", userBean);
        resp.setHeader("refresh", "3;url=loginSuccess.jsp");
    }
}

loginSuccess.jsp

<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>
    <%
        if (session.getAttribute("username") == null){
    %>
    <jsp:forward page="register.jsp" />
    <%
        return;
        }
    %>
    <div id="main">
        <div id="welcome">恭喜你,登陆成功</div>
        <hr />
        <div>您的信息</div>
        <div>
            <ul>
                <li>您的姓名:${userBean.name }</li>
                <li>您的邮箱:${userBean.email }</li>
            </ul>
        </div>
    </div>
</body>
</html>

register.jsp

<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="/untitled11/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>${fromBean.errors.name}${DBMes}</span>
                    </div>
                </div>
                <div>
                    <div class="ch">密码:</div>
                    <div class="ip">
                        <input type="text" name="password">
                        <span>${fromBean.errors.password}</span>
                    </div>
                </div>
                <div>
                    <div class="ch">确认密码:</div>
                    <div class="ip">
                        <input type="text" name="password2">
                        <span>${fromBean.errors.password2}</span>
                    </div>
                </div>
                <div>
                    <div class="ch">邮箱:</div>
                    <div class="ip">
                        <input type="text" name="email" value="${fromBean.email}">
                        <span>${fromBean.errors.email}</span>
                    </div>
                </div>
                <div id="bt">
                    <input type="reset" value="重置" />
                    <input type="submit" value="注册" />
                </div>
            </div>
        </form>
    
    
    </body>
</html>

 

...全文
209 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

50

社区成员

发帖
与我相关
我的任务
社区描述
产学研究,学术传承
社区管理员
  • 又菜又爱玩呜呜呜~
  • 两年半的个人练习生^_^
  • yolanda19910002
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧