spring mvc的简单应用

头像
qintian
    阅读 8 分钟

    MVC 是什么

    MVC是一种软件架构设计思想,基于MVC架构将我们的应用软件进行分层设计和实现,例如可以分为视图层(View),控制层(Controller),模型层(Model),通过这样的分层设计让我们程序具备更好的灵活性和可可扩展性.因为这样可以将一个复杂应用程序进行简化,实现各司其职,各尽所能.比较适合一个大型应用的开发.

    Spring MVC 概述

    Spring MVC是MVC设计思想在Spring框架中的一种实现，基于这样的思想spring框架设计了一些相关对象，用于更好的基于MVC架构处理请求和响应，其简易架构如图所示：
    image.png
    其中：
    1)DispatcherServlet是客户端所有请求处理的入口,负责请求转发。
    2)RequestMapping负责存储请求url到后端handler对象之间的映射。
    3)Handler 用于处理DispatcherServlet对象转发过来的请求数据。
    4)ViewResolver负责处理所有Handler对象响应结果中的view。

    Spring MVC 快速入门

    准备工作

    第一步：创建项目module，基本信息如图所示：

    image.png

    第二步：添加项目依赖(可以在module创建时，也可以创建后)，代码如下：

    Spring Web 依赖(提供了spring mvc支持并且会嵌入一个tomcat)

    <!--添加spring web模块依赖支持（这个依赖中默认会嵌套一个tomcat服务器）-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-web</artifactId>
</dependency>

    Thymeleaf 依赖(提供了以html作为页面模板进行解析和操作的相关对象）

    <!--spring boot 中默认支持的一个模板引擎，这个引擎可以以html作为模板，
我们可以在模板上添加thymeleaf自定义的标签属性，然后基于属性操作数据，
这种引擎主要是用于取代jsp技术-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

    第三步：启动项目检测控制台启动状态是否OK

    static 目录分析及应用

    static 目录为springboot工程创建时添加了web依赖以后自动创建的目录，此目录中可以存储html、css、js、image，这些资源可以在启动服务器以后，直接在浏览器进行访问。例如：
    第一步：在static目录下创建一个index.html页面，代码如下：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <h1>The First Html Page</h1>
</body>
</html>

    第二步：启动服务器并直接进行访问测试,如图所示

    image.png

    templates 目录分析及应用

    templates 目录为springboot工程创建时添加了thymeleaf依赖以后自动创建的目录，此目录中要存储一些html模板，这个模板页面不能直接通过浏览器url进行访问，需要基于服务端控制器，在方法中定义页面响应，例如：

    image.png

    第一步：定义TemplateController及方法，代码如下：

    package com.cy.pj.health.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class TemplateController {
      @RequestMapping("doTemplateUI")
      public String doTemplateUI(){
         return "default";
      }
}

    第二步：在templates目录中定义模板页面default.html，代码如下：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>The Default Template page</h1>
</body>
</html>

    其中,假如default.html要在放在templates子目录中,则还需要在配置文件中配置thymeleaf的前缀,例如:

    # spring.thymeleaf.prefix=classpath:/templates/ 默认前缀
spring.thymeleaf.prefix=classpath:/templates/module/

    第三步：启动服务进行访问测试，如图所示：

    image.png

    第四步：访问过程中的BUG分析

    第五步:thymeleaf页面缓存设置
    假如我们希望在修改了页面内容以后，不重新启动服务，直接刷新即可看页面改动，可以执行如下操作：
    修改配置文件内容，添加如下语句：
    image.png

    image.png

    SpringMVC 响应数据处理

    ModelAndView 应用

    我们有一业务,现在需要将响应数据封装到ModelAndView对象,然后响应到客户端,如何实现呢?

    第一步:定义ModelViewController以及方法,代码如下:

    package com.cy.pj.module.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class ModelViewController {
    @RequestMapping("/doModelAndView")
    public String doModelAndView(Model model) {
        model.addAttribute("username", "jason");
        model.addAttribute("state", true);
        return "view";
    }
}

    第二步:在templates相关目录下定义view.html，并在页面中添加呈现数据的代码,例如:

     <div>
    <ul>
        <li>username:[[${username}]]</li>
        <li>state:[[${state}]]</li>
    </ul>
</div>

    第三步:启动项目进行访问测试,并检测输出结果,例如:

    image.png

    小结：
    image.![image.png
    png](https://image-static.segmentf...

    第四步:运行过程中的结果分析

    image.png

    JSON数据响应

    我们有一业务不需要页面,只需要将响应数据转换为json,然后响应到客户端,如何实现呢?
    第一步:定义ResponseResult对象用于封装响应数据,例如:

    package com.cy.pj.module.pojo;
public class ResponseResult {
    private Integer code;
    private String message;
    public Integer getCode() {
        return code;
    }
    public void setCode(Integer code) {
        this.code = code;
    }
    public String getMessage() {
        return message;
    }
    public void setMessage(String message) {
        this.message = message;
    }
}

    第二步:定义JsonObjectController以及方法,代码如下:

    package com.cy.pj.module.controller;

@RestController
public class JsonObjectController {

    @RequestMapping("/doConvertResponseToJson")
    public ResponseResult doConvertResponseToJson(){
        ResponseResult rs=new ResponseResult();
        rs.setCode(200);
        rs.setMessage("OK");
        return rs;
    }
    
    @RequestMapping("/doConvertMapToJson")
    public Map<String,Object> doConvertMapToJson(){
        Map<String,Object> map=new HashMap<>();
        map.put("username","刘德华");
        map.put("state",true);
        return map;
    }
    
    @RequestMapping("/doPrintJSON")
    public void doPrint(HttpServletResponse response)throws Exception{
        Map<String,Object> map=new HashMap<>();
        map.put("username","刘德华");
        map.put("state",true);
        //将map中的数据转换为json格式字符串
        ObjectMapper om=new ObjectMapper();
        String jsonStr=om.writeValueAsString(map);
        System.out.println("jsonStr="+jsonStr);
        //将字符串响应到客户端
        //设置响应数据的编码
        response.setCharacterEncoding("utf-8");
        //告诉客户端,要向它响应的数据类型为text/html,编码为utf-8.请以这种编码进行数据呈现
        response.setContentType("text/html;charset=utf-8");
        PrintWriter pw=response.getWriter();
        pw.println(jsonStr);
    }
    
}

    第三步:启动服务器分别进行访问测试,代码如下:

    image.png

    小结：
    当对象把响应结果转换成json格式字符串时，底层会调用对象中的get方法，此时页面中关键字code和 message 与 pojo对象中get方法名有关（规则：将“get”去掉后的首字母改小写），而与属性名无关，本例中即与方法名“getCode”、“getMessage”有关，而与pojo对象中属性名“code”、“message”无关。
    第四步:启动或访问过程中的问题分析

    image.png

    image.png

    image.png
    造成此问题原因一般是POJO对象中的get方法名后面的的关键字段与客户端访问时录入的关键字段名不匹配造成的。

    SpingMVC 请求参数数据处理

    我们在执行业务的过程中通常会将一些请求参数传递到服务端,服务端如何获取参数并注入给我们的方法参数的呢?

    准备工作

    定义一个controller对象,用户处理客户端请求,例如:

    package com.cy.pj.module.controller;
import com.cy.pj.module.pojo.RequestParameter;
import org.springframework.web.bind.annotation.*;
import java.util.Map;
@RestController
public class ParamObjectController {}

    直接量方式

    在ParamObjectController中添加方法,基于直接量方式接受客户端请求参数,例如:

    @GetMapping("/doParam01")
public String doMethodParam(String name){
 return "request params "+name;
}

    访问时,可以这样传参,例如:

    http://localhost/doParam01?name=beijing

    POJO对象方式

    定义pojo对象,用于接受客户端请求参数,例如:

    package com.cy.pj.module.pojo;
public class RequestParameter {
    private String name;
    //......
 public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    @Override
 public String toString() {
        return "RequestParam{" +
                "name='" + name + ''' +
                '}';
    }
}

    定义Controller方法,方法中使用pojo对象接收方法参数,例如:

    @RequestMapping("/doParam02")
public String doMethodParam(RequestParameter param){//pojo对象接收请求参数,pojo对象中需提供与参数名相匹配的set方法
 return "request params "+param.toString();
}

    另外一个问题场景分析：
    image.png

    假如将来我们在向数据库插入某个数据时，如"insert into table () values (#{name},{message}) ",页面上也输入了数据，但是数据库当中还是提示数据为空，这里就要求pojo对象中需提供与参数名相匹配的set方法。（可以通过在上图中第25行打断点查看param参数有没有值，或将param值打印输出看看有没有值）
    启动服务进行访问测试,可以这样传参,例如:

    http://localhost/doParam02?name=beijing

    Map对象方式

    有时候我们不想使用pojo对象接收请求参数,我们可以使用map对象来接收,又该如何实现呢?

    定义Controller方法,基于map对象接收请求参数,例如:

    @GetMapping("/doParam03")
public String doMethodParam(@RequestParam Map<String,Object> param){
 return "request params "+param.toString();
}

    image.png
    因map作为方法参数可以接受任意类型的请求数据，一般只用作一些外包项目，非外包性质、不赶工期的项目还是尽量别用，不太严谨！

    其中,map接收请求参数,spring默认map是用来接收响应结果集（responseResult）用的，所以这里必须使用@RequestParam对map类型的参数作用进行描述.

    启动服务进行访问测试,可以这样传参,例如:

    http://localhost/doParam03?name=beijing

    总结(Summary)

    本章节对springboot工程下spring mvc技术的应用做了一个入门实现,并结合实际项目中的业务应用,讲解了MVC中请求数据的获取和响应数据处理的一个基本过程.~~~~

    htmlxml前端spring-mvc
    qintian
    4 声望0 粉丝

    陌生人，当你看到这里说明你可能遇到难题了！或许有想要放弃、松懈的时候，但你要相信在某一领域潜心深耕，等熬过无人问津的日子，精彩终究会不期而至！最终再说一句：每一个奋斗路上的陌生人，不在于你做了多少“...

    « 上一篇
    互为主从库设置中关于主从库无法连接数据库的相关问题
    下一篇 »
    编程常见报错及处理方案

    引用和评论

    推荐阅读
    头像
    Maven

    qintian阅读 699

    头像
    网页设计的垂直居中

    寒青赞 39阅读 4.7k评论 3

    头像
    CSS团队协作规范

    寒青赞 36阅读 4k

    头像
    100个React最佳实践小技巧

    夕水赞 17阅读 2.9k评论 4

    头像
    前端开发工具

    寒青赞 15阅读 4.8k

    头像
    开发插件集合

    寒青赞 12阅读 3.2k

    头像
    Javascript(turfjs)等值线图绘制

    舍瓦温赞 15阅读 22.1k评论 18

    0 条评论
    得票最新