Java中的Spring MVC简介笔记

曾经终败给现在 2021-07-24 15:43 377阅读 0赞

![format_png][]

## 前言 ##

感谢! 承蒙关照~

> `Java`中的`Spring MVC`简介笔记

## `MVC`简介 ##

1.  `Spring MVC` 基本概念
2.  `Spring MVC` 项目搭建

## `maven` ##

> 使用`Spring MVC`进行开发

实现数据绑定和文件上传

## `MVC` ##

`mvc`是开发`web`架构的通用方式.

`Front Controller(MVC)`前端控制器,`Front controller`到`Controller`到`View template`,用户页面.

## 前端控制器 ##

前端控制器用于分发调度,而控制器用于业务数据抽取,`view template`用于页面呈现.

## `MVC`的本质 ##

`mvc`的本质是将业务数据的抽取与业务逻辑的呈现想分离.(数据和呈现分离).

## 什么是所谓的`mvc` ##

`mvc` - `Model-View-Controller`

程序中的`view`是视图层,用于提供`ui`,是用来呈现数据的.模型层是业务数据的信息的表示.

模型层:

// 业务信息的构成
    public class Course {
     private Integer courseId;
     private String title;
     private Integer learningNum;
     private Integer level;
     private String imgPath;
     
     private List<Chapter> chapterList;
     public Integer getCourseId(){
      return courseId;
     }
     public void setCourseId(Integer courseId){
      this.courseId = courseId;
     }
     public String getTitle(){
      return title;
     }
     public void setTitle(String title){
      this.title = title;
     }
     public Integer getLearningNum(){
      return learningNum;
     }
    }

视图和模型- `Controller`控制器,控制层,作用是将数据传递给视图层,用于呈现.

`mvc`是一种架构模式,用于呈现的分层,分工合作,模型层,视图层,控制层.

`spring mvc`概念:

`DispatcherServlet`

![format_png 1][]

图片说明

`controller` - `HandlerAdapter`表现形式

## 集合 ##

DispatcherServlet
    Controller
    HandlerAdapter
    HandlerInterceptor
    HandlerMapping
    HandlerExecutionChain
    ModelAndView
    ViewResolver
    View

## `DispatcherServlet`重点 ##

`View` `Controller` `DispatcherServlet` -> `Request` -> `HandlerMapping` -> `Controller` -> `HandlerInterceptor` -> `Hander/HandlerAdapter`

`ModelAndView` -> `DispatcherServlet` -> `ViewResolver` -> `View` -> `Response`

## 结构 ##

`DispatcherServlet`

`Common Services` ->

Locale Resolution
    Theme Resolution
    Multipart(File Upload) Handing

Controller

HandlerMapping
    HandlerInterceptor
    Handler
    -Data Binding
    -Validation, Type Conversion, Formatting
    -Invoke Service Layer
    -Update Model and State
    HandlerExceptionResolver

View

ViewResolver
    View

`spring mvc`项目搭建-`maven`

// maven
    pom(project object model) - an xml file(pom.xml)
    // contains information
    dependency management
    coordinates

![format_png 2][]

图片说明

## 坐标`Coordinates`    ##

groupId
    artifactId
    version
    packaging

## `maven`安装 ##

下载解压`maven`,配置环境变量,(`M2_HOME,Path`),配置`maven`配置文件.

## `(M2_HOME,Path)` ##

![format_png 3][]

图片说明

![format_png 4][]

图片说明

![format_png 5][]

图片说明

![format_png 6][]

图片说明

![format_png 7][]

图片说明

![format_png 8][]

图片说明

![format_png 9][]

图片说明

![format_png 10][]

图片说明

配置文件:

![format_png 11][]

图片说明

%HOME%\.m2

复制`settings.xml`文件到`.m2`下

![format_png 12][]

图片说明

打开`.m2`下文件`settings.cml`文件

![format_png 13][]

图片说明

配置:

![format_png 14][]

图片说明

<mirror>
            <id>UK</id>
            <name>UK Central</name>
            <url>http://uk.maven.org/maven2</url>
            <mirrorOf>central</mirrorOf>
         </mirror>

## `maven`创建项目 ##

`eclipse` -> `eclipse kepler sr2 packages`

![format_png 15][]

图片说明

`eclipse` -> `window` -> `preferences` -> `maven` -> `Installations` -> `add` -> 'maven`-`apache-maven-x.x.x`->`user settings\`中确保路径正确.

mvn archetype:generate -DgroupId=dashucoding-arthur -DartifactId=spring-mvc-study
    -DarchetypeArtifactId=maven-archetype-webapp

![format_png 16][]

图片说明

点击回车键-都回车键

![format_png 17][]

图片说明

## 项目 ##

`Import` -> `maven` -> `existion maven projects` -> `spring-mvc-study` `/pom.xml`

`spring-mvc-study` -> `properties` -> `java build path` -> `spring-mvc-study/src/main/java(missing)`

`main` -> `folder` -> `java` -> `pom.xml`

packaging: jar

点击`pom.xml`

![format_png 18][]

图片说明

![format_png 19][]

图片说明

![format_png 20][]

图片说明

![format_png 21][]

图片说明

![format_png 22][]

图片说明

![format_png 23][]

图片说明

@Controller
    @RequestMapping("/hello")
    public class HelloMvcController{
     @RequestMapping("/mvc");
     // host:8080/hello/mvc
     public String helloMvc(){
      return "home";
     }
    }

![format_png 24][]

图片说明

mvn jetty:run

## `spring mvc`操作 ##

DispatcherServlet
    WebApplicationContext
    WebApplication

![format_png 25][]

图片说明

controller
    model
    service
    @Controller
    @RequestMapping("/courses")
    public class CourseController {
     private static Logger log = LoggerFactory.getLogger(CourseController.class);
     private CourseService courseService;
    }

![format_png 26][]

图片说明

![format_png 27][]

图片说明

![format_png 28][]

图片说明

## `Controller` ##

@Controller
    @RequestMapping
    URL template(@RequestParam and @PathVarialbe)
    HttpServletRequest and / or HttpSession

## `Binding`绑定 ##

是将请求中的字段按照名字匹配的原则填入模型对象.

`CourseController.java`

@RequestMapping(value="/admin", method=RequestMethod.GET, params="add")
    public String createCourse(){
     return "course_admin/edit";
    }

![format_png 29][]

图片说明

package com.model;

![format_png 30][]

图片说明

## `FileUpload`单文件上传 ##

文件上传:

![format_png 31][]

图片说明

<dependency>
     <groupId> commons-fileupload </groupId>
     <artifactId> commons-fileupload </artifactId>
     <version>1.3.1</version>
    </dependency>
    JSON
    json是一种轻量级的格式
    ContentNegotiatingViewResolver
    ResponseEntity
    @ResponseBody/@ResquestBody

## 知识点 ##

@RequestMapping
    @PathVariable
    @Controller
    redirect/forward
    MultipartFile
    @ModelAttribute
    @ResquestBody
    @RequestParam
    @ResponseBody
    enctype="multipart/form-data"
    multipartResolver
    ResponseEntity

> 达叔小生：往后余生，唯独有你  
> You and me, we are family !  
> 90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通  
> 简书博客： 达叔小生  
> https://www.jianshu.com/u/c785ece603d1

## 结语 ##

*  下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注
 *  小礼物走一走 or 点赞

**这是一个有质量，有态度的公众号**

喜欢本文的朋友们

欢迎长按下图关注订阅号

收看更多精彩内容

![format_png 32][]

[format_png]: /images/20210724/15c249b3db394adea376ca14e46d7f73.png
[format_png 1]: /images/20210724/30e26b18e1244ad18fec67e62776290f.png
[format_png 2]: /images/20210724/b9e1e240180d4cc0b33da8496ba4a630.png
[format_png 3]: /images/20210724/c6a1ab5b7ba541b78c8cdbe609a1a7ad.png
[format_png 4]: /images/20210724/b0c72ef6d9554d4ba60bc7ecc8e690bd.png
[format_png 5]: /images/20210724/53f8a0200b214803bae71963ef7ac70d.png
[format_png 6]: /images/20210724/49d9eba110e241069fbdef2148646cdf.png
[format_png 7]: /images/20210724/117beea91ed24f099a21c902ccbc6a3d.png
[format_png 8]: /images/20210724/4ca06bf36d13414a804d2b6761c86a88.png
[format_png 9]: /images/20210724/c3cce65b2eec4f069a0a1b2d598cc364.png
[format_png 10]: /images/20210724/64b488c859c843c1bfd53cfc3f177443.png
[format_png 11]: /images/20210724/d44af9a17f0145ba90e4f0217f1d19b1.png
[format_png 12]: /images/20210724/46da94a0b375490196ac93060296d9d6.png
[format_png 13]: /images/20210724/3fd9602bd1304cb68b53b8928dc47938.png
[format_png 14]: /images/20210724/d11047abe292434ca3015773ca82b889.png
[format_png 15]: /images/20210724/e3e360363dcb45539fd1f59ff6b50f9b.png
[format_png 16]: /images/20210724/2bfed35d718543bd850be38e6702e4af.png
[format_png 17]: /images/20210724/db2539a9d9064b5a9a999c440a6505c4.png
[format_png 18]: /images/20210724/605e0900e2514d0faba1c34ad35ab96c.png
[format_png 19]: /images/20210724/650cef4af3bc41449889afbcf04c971c.png
[format_png 20]: /images/20210724/0edc092601bb4ae39398b5b21b647ee8.png
[format_png 21]: /images/20210724/bbf34a32a2dd436bb6b8e3fcb395a2a1.png
[format_png 22]: /images/20210724/88a86c794e654d22ba2fba72d7e05551.png
[format_png 23]: /images/20210724/51c7ecd0a407448fa004aec0c5da1d39.png
[format_png 24]: /images/20210724/f4798a416f1a427595683f24902c117c.png
[format_png 25]: /images/20210724/3d6703c618744606ac7bf0aa722c9e89.png
[format_png 26]: /images/20210724/0758d49627cb4b348c13e66bc42916bf.png
[format_png 27]: /images/20210724/ccf7ebe05538497babc0a04967038712.png
[format_png 28]: /images/20210724/48623c8fdff6450f84fe2c6dc4d8b17a.png
[format_png 29]: /images/20210724/2188690c5f264abab2b4602582e5cf7f.png
[format_png 30]: /images/20210724/81e20dba0bcd48ccb57f510227edccc5.png
[format_png 31]: /images/20210724/ca7403b1318846abb5e6bbf372877ef5.png
[format_png 32]: /images/20210724/6788655bb2654a3a9d67b29722ef05ca.png