SpringMVC框架——使用IDEA搭建SpringMVC环境

开发运维 2023-07-25 大猫 手机阅读
Scan me!

1、Spring MVC 入门

1.1、Spring MVC 简介

把Web应用程序分为三层，分别是：

  • 控制器（Controller）：负责接收并处理请求，响应客户端；
  • 模型（Model）：模型数据，业务逻辑；
  • 视图（View）：呈现模型，与用户进行交互；

目前最好的实现MVC设计模式的框架，是Spring框架的一个子模块，可以与Spring很好的结合使用，无需整合。

1.2、SpringMVC核心组件

  • DispatcherServlet：前置控制器
  • Handler：处理器，完成具体业务逻辑
  • HandlerMapping：将请求映射到Handler
  • HandlerInterceptor：处理器拦截器
  • HandlerExecutionChain：处理器执行链
  • HandlerAdapter：处理器适配器
  • ModelAndView：装载模型数据和视图信息
  • ViewResolver：视图解析器

 1.3、SpringMVC工作流程

（1）客户端请求提交到DispatcherServlet；
（2）由DispatcherServlet控制器寻找一个或多个HandlerMapping，找到处理请求的Controller；
（3）DispatcherServlet将请求提交到Controller；
（4）Controller调用业务逻辑处理后返回ModelAndView；
（5）DispatcherServlet寻找一个或多个ViewResolver视图解析器，找到ModelAndView指定的视图；
（6）视图负责将结果显示到客户端；

 

 

2、SpringMVC的实现

2.1、创建SpringMVC项目

实现步骤：

打开IDEA工具，创建新项目，选择Maven工程，使用jdk1.8版本，勾选“Create from archetype”，选择maven-archetype-webapp的方式创建，点击Next

 

 配置项目信息，点击Next

配置Maven信息，点击Next

 配置工作空间，点击Finish

在控制台显示BUILD SUCCESS，项目创建完成

默认创建的项目目录，resource存放配置文件，webapp目录存放web页面和组件

在main目录上右键，选择New-->Directory创建java目录

在java目录上点击右键，选择Mark Directory as-->Sources Root，将java目录设置为资源目录

在pom.xml中引入依赖

复制代码

 
  
  
    junit
    junit
    4.11
    test
  
  
  
    org.springframework
    spring-webmvc
    4.3.1.RELEASE

复制代码

打开src-->main-->webapp-->WEB-INF-->web.xml，配置SpringMVC的Servlet：

复制代码

 
  SpringMVC
  org.springframework.web.servlet.DispatcherServlet
  
  
    contextConfigLocation
    classpath:springmvc.xml
  
 
 
  SpringMVC
  /

复制代码

2.2、基于XML配置SpringMVC

在src-->main-->resources目录上点击右键，选择New-->XML Configuration File-->Spring Config，创建springmvc.xml配置文件

在java目录上创建MyHandler类，实现Controller接口，并重写handelRequest()方法

如果出现HttpServletRequest报红，原因是没有引入依赖

选择File-->Project Structure

参考图片依次选择Modules，点击右边+号，选择Library

添加Tomcat，点击Add Selected

编辑模型视图代码：

复制代码

import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;
 
public class MyHandler implements Controller {
    public ModelAndView handleRequest(httpServletRequest, httpServletResponse) throws Exception {
        //装载模型数据和逻辑视图
        ModelAndView modelAndView = new ModelAndView();
        //添加模型数据
        modelAndView.addObject("name","Tom");
        //添加逻辑视图
        modelAndView.setViewName("show");
        return modelAndView;
    }
}

复制代码

 

在webapp目录下创建show.jsp，使用EL表达式输出name
如果使用EL表达式，必须配置isELIgnored="false"

在springmvc.xml文件中配置Controller和HandlerMapping组件映射

复制代码

 
 
    
    
        
            
            testHandler

复制代码

配置Tomcat

完成以上步骤操作后，点击OK，在控制台处点击运行

在浏览器中访问 localhost:8080/test，页面就会显示ModelAndView返回的值

2.3、基于注解配置SpringMVC

 使用注解配置SpringMVC，只需要修改springmvc.xml文件：

复制代码

复制代码

 

创建AnnotationHandler类，使用注解实现：

复制代码

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
 
@Controller
public class AnnotationHandler {
 
    /**
     * 业务方法
     * 使用ModelAndView完成数据传递、视图解析
     */
    @RequestMapping("/modelAndViewTest")
    public ModelAndView modelAndViewTest(){
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.addObject("name","Jack");
        modelAndView.setViewName("show");
        return modelAndView;
    }
 
}

复制代码

 

启动Tomcat

业务方法还可以使用以下两种方式实现：
（1）使用Model传值，String解析视图

复制代码

/**
 * 业务方法
 * 使用Model传值，String进行视图解析
 */
@RequestMapping("/modelTest")
public String modelTest(Model model){
    model.addAttribute("name","Lucy");
    return "show" ;
}

复制代码

 

启动Tomcat

（2）使用Map传值，String解析视图

复制代码

/**
 * 业务方法
 * 使用Map传值，String解析视图
 */
@RequestMapping("/mapTest")
public String mapTest(Map map){
    map.put("name","Lilei");
    return "show";
}

复制代码

 

启动Tomcat

2.4、解决客户端请求乱码问题

在web.xml中配置filter

复制代码

 
  
    encodingFilter
    org.springframework.web.filter.CharacterEncodingFilter
    
      encoding
      UTF-8
    
    
      forceEncoding
      true
    
  
  
    encodingFilter
    /*

复制代码

 

2.5、配置静态资源访问

在web.xml中配置：

复制代码

 
 
  default
  *.css
 
 
  default
  *.js
 
 
  default
  *.jpg

复制代码