JavaWeb的MVC模式解释

旧城等待， 2022-02-20 11:54 159阅读 0赞

在写注册登录界面时学习了MVC模式，初学Java时了解了MVC模式，写android时也了解一点，但没有用过，今天写web的时候才算是真正学习并且用上了。

### MVC概述 ###

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

*  JSP+JavaBean:适合不太复杂的web程序
    
     *  jsp：处理用户请求
     *  封装、处理数据
 *  servlet+jsp+JavaBean（MVC）：适合复杂的web程序
    
     *  servlet：处理用户请求
     *  jsp：数据显示
     *  javaBean：数据封装

### Web开发模式 ###

*  最开始的动态网页开发使用servlet，但是servlet存在缺陷：
    
     *  servlet需要配置
     *  servlet显示html元素的时候很复杂
 *  后来使用jsp：本身不需要配置，显示方便，但是也有缺陷
    
     *  封装和处理数据麻烦
 *  jsp+JavaBean模式（模式一）:
    
    **优点：**
    
     *  jsp处理显示数据
     *  javaBean封装处理数据
 *  servlet+jsp+javaBean（模式二）:
    
    **优点：**
    
     *  使用servlet处理用户的请求
     *  jsp显示数据
     *  javaBean用于封装和处理数据
    
    **MVC模式：**
    
     *  M：Model模型层-------JavaBean
     *  V：View视图层----------JSP
     *  C：Controller控制层–Servlet
        
        **用户的请求都提交到Servlet（C），由C统一调度JavaBean（M）封装和处理数据，由JSP（V）进行数据的显示**

#### 模式一 ####

应用了Java Web开发中的两种技术

– JSP完成逻辑上的处理和显示

– JavaBean封装数据，处理数据

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70]

#### 模式二（MVC） ####

Model2分为三部分

– Servlet 控制显示哪个JSP页面给用户、调用哪个Javabean

– JSP 响应用户请求，把结果数据展现给用户

– JavaBean 对数据库的数据的存取，复杂的业务功能和逻辑处理

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70 1]

#### MVC开发流程 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70 2]

封装和处理不是一个JavaBean完成的，JSP相应处理的结果传给浏览器

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70]: /images/20220220/cdd49e6387e245288d39e18d13aff17b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70 1]: /images/20220220/bee53aecf0fd4c3282fbd94fb1869531.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F5YW5nYW5uOTE1_size_16_color_FFFFFF_t_70 2]: /images/20220220/5c7c8a69f67e4de8b7a10851b2e6e758.png