从什么是MVC到Jsp+Servlet回顾

从什么是MVC到Jsp+Servlet回顾什么是MVC mvc是模型(dao service) 视图(jsp) 控制(servlet)的简写 是将业务逻辑、数据、视图分离的方法来编写代码 主要作用是降低了视图与业务逻辑间的双向耦合 不是一种设

学习前提:JavaSe基础、JavaWeb基础、Maven、Tomcat基础

什么是MVC

  • mvc是模型(dao service) 视图(jsp) 控制(servlet)的简写
  • 是将业务逻辑、数据、视图分离的方法来编写代码
  • 主要作用是降低了视图与业务逻辑间的双向耦合
  • 不是一种设计模式 是一种架构模式     model(模型): 提供要展示的数据 包含数据和行为,包含dao和service。

补充:前端只要用户名和密码 不需要整个实体 pojo:User vo:UserVo(只传用户名和密码)。了解vo是什么 本质也是实体

    view(视图): 负责进行模型的展示

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

    最典型的就是JSP+Servlet+JavaBean的模式

image.png

Model1时代

  • 在早期开发就是采用model1
  • model1中 主要分为两层 视图层和模型层 image.png
  • 优点:架构简单 适合小型项目开发
  • 缺点:JSP职责过重 不便维护

Model2时代

    Model2把一个项目分为三部分 包括视图、控制、模型。

面试题:假设你的项目的架构是设计好的还是演进的?

  • 演进的
  • Alibaba PHP
  • 随着用户量越来越大 Java
  • 王坚 去 IOE MySQL
  • MySQL:MySQL—>AliSQL、AliRedis
  • ALL in one—>微服务

image.png

  1. 用户发起请求
  2. Servlet接收请求数据 并调用相应的业务逻辑方法
  3. 业务处理完毕后 返回更新后的数据到Servlet
  4. Servlet转向到JSP 由JSP来渲染页面
  5. 响应给前端更新后的页面

职责分析

Controller:控制器

  1. 取得表单数据
  2. 调用业务逻辑
  3. 转到指定的页面

Model:模型

  1. 业务逻辑
  2. 保存数据的状态

View:视图

  1. 显示页面

    model2消除了model1的缺点,提高了代码的复用率和项目的扩展性,降低维护成本。

回顾Servlet

  1. 新建maven工程作为父项目 导入父项目依赖

为了便于学习 后续SpringMVC全部在一个父项目下

  父项目结构以及依赖 直接删除src 并用不到:

image.png

image.png

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>org.example</groupId>
    <artifactId>SpringMVC</artifactId>
    <version>1.0-SNAPSHOT</version>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>

    <!-- 导入依赖 -->
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.2.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
    </dependencies>

</project>
  1. 建立一个moudle 添加web-app支持
  • 在父项目基础上新建一个子项目 不要选则webapp 使用空的maven构建项目

image.png

  • 创建好子项目后添加web依赖

image.png

  1. 导入servlet和jsp的依赖
<dependencies>
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>servlet-api</artifactId>
        <version>2.5</version>
    </dependency>
    <dependency>
        <groupId>javax.servlet.jsp</groupId>
        <artifactId>jsp-api</artifactId>
        <version>2.2</version>
    </dependency>
</dependencies>
  1. 编写一个servlet类 用来处理用户请求
  • src下创建包com.servlet
  • HelloServlet.java
package com.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class HelloServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 1.获取前端参数
        String method = req.getParameter("method");
        if(method.equals("add")){
            req.getSession().setAttribute("msg","执行了add方法");
        }
        if(method.equals("delete")){
            req.getSession().setAttribute("msg","执行了delete方法");
        }
        // 2.调用业务层
        // 3.视图转发或者重定向
        req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,resp);
        req.getSession().removeAttribute("msg");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}
  1. 创建一个用于发起请求的表单JSP和一个用于响应的JSP
  • WEB-INF/jsp/test.jsp 用于响应
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html> <head> <title>Title</title> </head> <body> ${msg} </body> </html>
  • form.jsp 用于请求
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<form action="/hello" method="post">
    <input type="text" name="method">
    <input type="submit">
</form>

</body>
</html>

一般放到WEB-INF底部的页面代表服务器内部页面 外部页面直接放在web下

  1. 在web.xml中注册Servlet
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0">

    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>

    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>

    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

session-timeout用于配置session的失效时间
welcome-file用于配置默认首页

  • 项目结构:

image.png

  1. 配置tomcat 并启动测试

MVC框架要做哪些事情?

  1. 将url映射到java类或者java类的方法中去
  2. 封装用户提交的数据
  3. 处理请求 调用相关的业务处理 封装响应数据
  4. 将数据进行渲染到表示层数据。
  • 常见的服务器端MVC框架:Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF;

  • 常见的前端MVC框架:vue、angularjs、react、backbone

  • 由MVC演化出了另外一些模式:MVP、MVVM等

今天的文章从什么是MVC到Jsp+Servlet回顾分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/20961.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注