1. 首页
  2. JavaWeb学习总结

javaweb学习总结(二十一)——JavaWeb的两种开发模式

  SUN公司推出JSP技术后,同时也推荐了两种web应用程序的开发模式,一种是JSP+JavaBean模式,一种是Servlet+JSP+JavaBean模式。

一、JSP+JavaBean开发模式

1.1、jsp+javabean开发模式架构

  jsp+javabean开发模式的架构图如下图(图1-1)所示

webdeliangzhongkaifamoshi_1.png

图1-1

  在jsp+javabean架构中,JSP负责控制逻辑、表现逻辑、业务对象(javabean)的调用。

  JSP+JavaBean模式适合开发业务逻辑不太复杂的web应用程序,这种模式下,JavaBean用于封装业务数据,JSP即负责处理用户请求,又显示数据。

1.2、JSP+JavaBean开发模式编写计算器

  首先分析一下jsp和javabean各自的职责,jsp负责显示计算器(calculator)页面,供用户输入计算数据,并显示计算后的结 果,javaBean负责接收用户输入的计算数据并且进行计算,JavaBean具有firstNum、secondNum、result、 operator属性,并提供一个calculate方法。

  1、编写CalculatorBean,负责接收用户输入的计算数据并且进行计算

  CalculatorBean代码如下:

   1 package me.gacl.domain;
     2 
     3 import java.math.BigDecimal;
     4 
     5 /**
     6  * @author gacl
     7  * CalculatorBean用于接收输入参数和计算
     8  */
     9 public class CalculatorBean {
    10 
    11     //用户输入的第一个数
    12     private double firstNum;
    13     //用户输入的第二个数
    14     private double secondNum;
    15     //用户选择的操作运算符
    16     private char operator = '+';
    17     //运算结果
    18     private double result;
    19 
    20     public double getFirstNum() {
    21         return firstNum;
    22     }
    23 
    24     public void setFirstNum(double firstNum) {
    25         this.firstNum = firstNum;
    26     }
    27 
    28     public double getSecondNum() {
    29         return secondNum;
    30     }
    31 
    32     public void setSecondNum(double secondNum) {
    33         this.secondNum = secondNum;
    34     }
    35 
    36     public char getOperator() {
    37         return operator;
    38     }
    39 
    40     public void setOperator(char operator) {
    41         this.operator = operator;
    42     }
    43 
    44     public double getResult() {
    45         return result;
    46     }
    47 
    48     public void setResult(double result) {
    49         this.result = result;
    50     }
    51 
    52     /**
    53      * 用于计算
    54      */
    55     public void calculate() {
    56 
    57         switch (this.operator) {
    58             case '+': {
    59                 this.result = this.firstNum + this.secondNum;
    60                 break;
    61             }
    62             case '-': {
    63                 this.result = this.firstNum - this.secondNum;
    64                 break;
    65             }
    66             case '*': {
    67                 this.result = this.firstNum * this.secondNum;
    68                 break;
    69             }
    70             case '/': {
    71                 if (this.secondNum == 0) {
    72                     throw new RuntimeException("被除数不能为0!!!");
    73                 }
    74                 this.result = this.firstNum / this.secondNum;
    75                 // 四舍五入
    76                 this.result = new BigDecimal(this.result).setScale(2,
    77                         BigDecimal.ROUND_HALF_UP).doubleValue();
    78                 break;
    79             }
    80             default:
    81                 throw new RuntimeException("对不起,传入的运算符非法!!");
    82         }
    83     }
    84 }

  2、编写calculator.jsp,负责显示计算器(calculator)页面,供用户输入计算数据,并显示计算后的结果

  calculator.jsp页面代码如下:

   1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%--使用me.gacl.domain.CalculatorBean --%>
     3 <jsp:useBean id="calcBean" class="me.gacl.domain.CalculatorBean"/>
     4 <%--接收用户输入的参数 --%>
     5 <jsp:setProperty name="calcBean" property="*"/>
     6 <% 
     7 //使用CalculatorBean进行计算
     8  calcBean.calculate();
     9 %>
    10 <!DOCTYPE HTML>
    11 <html>
    12   <head>
    13     <title>使用【jsp+javabean开发模式】开发的简单计算器</title>
    14   </head>
    15   
    16   <body>
    17      <br/>
    18     计算结果是:
    19     <jsp:getProperty name="calcBean" property="firstNum"/>
    20     <jsp:getProperty name="calcBean" property="operator"/>
    21     <jsp:getProperty name="calcBean" property="secondNum"/>
    22       =
    23     <jsp:getProperty name="calcBean" property="result"/>
    24      
    25      <br/><hr> <br/>
    26     <form action="${pageContext.request.contextPath}/calculator.jsp" method="post">
    27         <table border="1px">
    28             <tr>
    29                 <td colspan="2">简单的计算器</td>
    30             </tr>
    31             <tr>
    32                 <td>第一个参数</td>
    33                 <td><input type="text" name="firstNum"></td>
    34             </tr>
    35             <tr>
    36                 <td>运算符</td>
    37                 <td><select name="operator">
    38                         <option value="+">+</option>
    39                         <option value="-">-</option>
    40                         <option value="*">*</option>
    41                         <option value="/">/</option>
    42                 </select></td>
    43             </tr>
    44             <tr>
    45                 <td>第二个参数</td>
    46                 <td><input type="text" name="secondNum"></td>
    47             </tr>
    48             <tr>
    49                 <td colspan="2"><input type="submit" value="计算"></td>
    50             </tr>
    51         </table>
    52     </form>
    53 </body>
    54 </html>

运行结果如下:

  webdeliangzhongkaifamoshi_2.gif

二、Servlet+JSP+JavaBean开发模式

  在平时的JavaWeb项目开发中,在不使用第三方mvc开发框架的情况下,通常会选择Servlet+JSP+JavaBean开发模式来开发JavaWeb项目,Servlet+JSP+JavaBean组合开发就是一种MVC开发模式了,控制器(Controller)采用Servlet、模型(Model)采用JavaBean、视图(View)采用JSP。在讲解Servlet+JSP+JavaBean开发模式之前,先简单了解一下MVC开发模式。

2.1、Web开发中的请求-响应模型

webdeliangzhongkaifamoshi_3.png

图2-1

  在Web世界里,具体步骤如下:

  1、Web浏览器(如IE)发起请求,如访问http://www.iteye.com/

  2、Web服务器(如Tomcat)接收请求,处理请求(比如用户新增,则将把用户保存一下),最后产生响应(一般为html)。

  3、web服务器处理完成后,返回内容给web客户端(一般就是我们的浏览器),客户端对接收的内容进行处理(如web浏览器将会对接收到的html内容进行渲染以展示给客户)。

  因此,在Web****世界里:都是Web客户端发起请求,Web服务器接收、处理并产生响应。

  一般Web服务器是不能主动通知Web客户端更新内容。虽然现在有些技术如服务器推(如Comet)、还有现在的HTML5 websocket可以实现Web服务器主动通知Web客户端。

  到此我们了解了在web开发时的请求/响应模型,接下来我们看一下标准的MVC模型是什么。

2.2、标准MVC模型概述

  MVC****模型:是一种架构型的模式,本身不引入新功能,只是帮助我们将开发的结构组织的更加合理,使展示与模型分离、流程控制逻辑、业务逻辑调用与展示逻辑分离。如下图(图2-2)所示:

webdeliangzhongkaifamoshi_4.png

图2-2

2.3、MVC(Model-View-Controller)的概念

###

  首先让我们了解下MVC****(Model-View-Controller****)的概念:

  Model****(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型(domain)或JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据) 和 服务层(行为)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。

  View****(视图):负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。

  Controller****(控制器):接收用户请求,委托给模型进行处理(状态改变),处理完毕后把返回的模型数据返回给视图,由视图负责展示。 也就是说控制器做了个调度员的工作。

  从图2-1我们还看到,在标准的MVC中模型能主动推数据给视图进行更新(观察者设计模式,在模型上注册视图,当模型更新时自动更新视图),但在Web开发中模型是无法主动推给视图(无法主动更新用户界面),因为在Web开发是请求-响应模型。

  那接下来我们看一下在Web里MVC是什么样子,我们称其为 Web MVC 来区别标准的MVC。

2.4.、Web MVC概述

  Web MVC中的M(模型)-V(视图)-C(控制器)概念和标准MVC概念一样,我们再看一下Web MVC标准架构,如下图(图2-3)所示:

webdeliangzhongkaifamoshi_5.png

图2-3

  在Web MVC模式下,模型无法主动推数据给视图,如果用户想要视图更新,需要再发送一次请求(即请求-响应模型)。

2.5、Servlet+JSP+JavaBean开发模式介绍

    Servlet+JSP+JavaBean架构其实可以认为就是我们所说的Web MVC模型,只是控制器采用Servlet、模型采用JavaBean、视图采用JSP,如图2-3

webdeliangzhongkaifamoshi_6.png

图2-4

具体示例代码:

1、模型(model)

  webdeliangzhongkaifamoshi_7.png

2、视图(View)

  webdeliangzhongkaifamoshi_8.png

3、控制器(controller)

  webdeliangzhongkaifamoshi_9.png

  从Servlet+JSP+JavaBean(Web MVC)架构可以看出,视图和模型分离了,控制逻辑和展示逻辑分离了。

三、Servlet+JSP+JavaBean开发模式的缺点

  Servlet+JSP+JavaBean(Web MVC)架构虽然实现了视图和模型分离以及控制逻辑和展示逻辑分离,但也有一些比较严重的缺点

3.1、Servlet作为控制器的缺点

  此处的控制器使用Servlet,使用Servlet作为控制器有以下几个缺点:

  1、控制逻辑可能比较复杂,其实我们可以按照规约,如请求参数submitFlag=toLogin,我们其实可以直接调用toLogin方法,来简化控制逻辑;而且每个模块基本需要一个控制器,造成控制逻辑可能很复杂。现在流行的Web MVC框架(如Struts2)都支持"请求参数submitFlag=toAdd,就可以直接调用toAdd方法"这样的处理机制,在Struts2中类似这样的处理机制就称为"动态方法调用"

  2、请求参数到模型的封装比较麻烦,如果能交给框架来做这件事情,我们可以从中得到解放。

  请求参数到模型的封装代码:

  1 // 1收集参数
    2 String username = req.getParameter("username");
    3 String password = req.getParameter("password");
    4 // 2封装参数
    5 UserBean user = new UserBean();
    6 user.setUsername(username);
    7 user.setPassword(password);

  当有几十个甚至上百个参数需要封装到模型中时,这样写恐怕就痛苦万分了,要写几十次甚至上百次这样的代码,估计写到吐了,所以现在流行的Web MVC框架(如Struts2)都提供了非常方便的获取参数,封装参数到模型的机制,减少这些繁琐的工作。

  3、选择下一个视图,严重依赖Servlet API,这样很难或基本不可能更换视图。

例如:使用Servlet API提供的request对象的getRequestDispatcher方法选择要展示给用户看的视图

  1  private void toLogin(HttpServletRequest req, HttpServletResponse resp)
    2             throws ServletException, IOException {
    3     //使用Servlet API提供的request对象的getRequestDispatcher方法选择视图
    4      // 此处和JSP视图技术紧密耦合,更换其他视图技术几乎不可能 
    5     request.getRequestDispatcher("/mvc/login.jsp").forward(request, response);
    6 }

  4、给视图传输要展示的模型数据,也需要使用Servlet API,更换视图技术也要一起更换,很麻烦。

例如:使用Servlet API提供的request对象给视图传输要展示的模型数据

  //使用Servlet API提供的request对象给视图login.jsp传输要展示的模型数据(user)
    request.setAttribute("user", user);
    request.getRequestDispatcher("/mvc/login.jsp").forward(request, response)

3.2、JavaBean作为模型的缺点

  此处模型使用JavaBean,JavaBean组件类既负责收集封装数据,又要进行业务逻辑处理,这样可能造成JavaBean组件类很庞大,所以一般现在项目都是采用三层架构,而不直接采用JavaBean

webdeliangzhongkaifamoshi_10.png

3.3、视图的缺点

  现在被绑定在JSP,很难更换视图,比如Velocity、FreeMarker;比如我要支持Excel、PDF视图等等。

  关于JavaWeb的两种开发模式的讲解就介绍到这里,下一篇将使用servlet+jsp+javabean来开发一个用户登录注册功能,以此来加深servlet+jsp+javabean开发模式的理解。

作者:孤傲苍狼

来源:https://www.cnblogs.com/xdp-gacl/p/3908610.html


看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「方志朋」,公众号后台回复「666」 免费领取我精心整理的进阶资源教程
  4. JS中文网,Javascriptc中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,是给开发者用的 Hacker News,技术文章由为你筛选出最优质的干货,其中包括:Android、iOS、前端、后端等方面的内容。目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。

    本文著作权归作者所有,如若转载,请注明出处

    转载请注明:文章转载自「 Java极客技术学习 」https://www.javajike.com

    标题:javaweb学习总结(二十一)——JavaWeb的两种开发模式

    链接:https://www.javajike.com/article/1161.html

« javaweb学习总结(七)——HttpServletResponse对象(一)
javaweb学习总结(二十三)——jsp自定义标签开发入门»

相关推荐

QR code