SpringMvc：（图片上传，JSON数据交换，RESTful风格）

一时失言乱红尘 2023-10-01 12:04 2阅读 0赞

**目录**

1，图片上传

1.1概述

1.2配置类

1.3单文件上传

需求

步骤1

步骤2

步骤3

1.4多文件上传

需求

步骤1

步骤2

步骤3

2，JSON数据交换

2.1JSON格式

2.2JSON使用流程分析

2.3入门案例

2.3.1目标

2.3.2实现

2.4测试数据

2.5常见注解

3，RESTFul风格

3.1什么是RESTFul

3.2使用

3.2.1步骤

3.2.2实现

--------------------

## 1，图片上传 ##

### 1.1概述 ###

注意:首先在pom文件中导入坐标

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_16_color_FFFFFF_t_70_g_se_x_16][]

### 1.2配置类 ###

注意:在springmvc配置类中书写该方法

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_16_color_FFFFFF_t_70_g_se_x_16 1][]

### 1.3单文件上传 ###

#### 需求： ####

选择一张图片上传到服务器，并保存到指定位置

#### 步骤1： ####

首先编写个表单

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16][]

#### 步骤2 ####

编写处理类

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

#### 步骤3 ####

编写显示页面

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

### 1.4多文件上传 ###

#### 需求 ####

多选择几张照片上传到服务器，并保存到指定位置

#### 步骤1 ####

编写表单 上传多文件

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

#### 步骤2 ####

编写处理类

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

#### 步骤3 ####

编写显示页面

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

## 2，JSON数据交换 ##

### 2.1JSON格式 ###

什么是JSON数据?

1，是一种轻量级的数据交换格式。  
2，轻量级，不依赖任何框架，任何语言。

数据分类：对象，数组

对象

key必须使用双引号

value除特殊类型外，都需要使用双引号。（特殊类型：数字，布尔true/false）

"k":"v",

"k2":"v2",....

数组

元素，元素2，......

### 2.2JSON使用流程分析 ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

### 2.3入门案例 ###

#### 2.3.1目标 ####

导入坐标

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

#### 2.3.2实现 ####

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

### 2.4测试数据 ###

该处使用postman进行测试（该软件为了测试JSON数据）

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

### 2.5常见注解 ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 10][]

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 11][]

## 3，RESTFul风格 ##

### 3.1什么是RESTFul ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 12][]

### 3.2使用 ###

#### 3.2.1步骤 ####

步骤1：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 13][]

步骤2：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 14][]

步骤3：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 15][]

步骤4：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 16][]

类级别:

注意:@Controller,@ResponseBody合成注入为@RestController

方法级别：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 17][]

如下图所示：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 18][]

#### 3.2.2实现 ####

配置类![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 19][]

控制器

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 20][]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_16_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/e552da3423ec4043b5bcf7a73bf95979.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_16,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_16_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/e56668bec4c64334b4c40ea0df3bff4f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_16,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/cff23e625f16418880404aad2cbb4ea9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/ee969e0eec8247c98cf5e5a0acfdc278.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/9c66c4f78fa4478db13ea7f9d195269d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/f917a979c9a04a8989cb6526720df33f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/44d691526dfd47d3a629d0989d73b324.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/8e0a230add8b47a0a801ca86ce1c9671.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/68d2aad2e26848d7a6a686c43fb6b25e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/1046a17c757a4fbfaa7b334ffe55ae35.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/2364fece73f44a4999f13d52f7f8d574.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/79b2e19563ea4ec7a2f21eabf4d1c980.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/2b7973b5887346b3bd6410436dec3241.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/f36f273c39b74c00a035d65a7b5fcd1e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 12]: https://img-blog.csdnimg.cn/ce2b1bb6d09b4fb9ad9806327c9e1ddf.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 13]: https://img-blog.csdnimg.cn/f6c6cffbe6dc40aeb7f55663ef446ba3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 14]: https://img-blog.csdnimg.cn/cf8466accd324c8687a6b6dda6a850d3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 15]: https://img-blog.csdnimg.cn/6b2b1c9980b24af0bc8ef220abe26901.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 16]: https://img-blog.csdnimg.cn/f9c308e8b85e43f7a3d1f84617283bfb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 17]: https://img-blog.csdnimg.cn/068b4e744ef34143991c933df9b99baf.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 18]: https://img-blog.csdnimg.cn/a6d1e6e73dff444bb52761d305c5f9c1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 19]: https://img-blog.csdnimg.cn/3159a61cd93842639d8d7da95baafd98.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG_size_20_color_FFFFFF_t_70_g_se_x_16 20]: https://img-blog.csdnimg.cn/3edebc519ad34e7894aea50554a01111.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5ZCD6LGG55qE5Zyf6LGG,size_20,color_FFFFFF,t_70,g_se,x_16