springboot前端传参date类型后台处理的方式

下面我会详细讲解如何在Spring Boot项目中处理前端传参的date类型。通常情况下，前端传参的date类型是字符串形式，而后台需要将其转化为Java的Date类型，并进行进一步的操作或存储。具体的步骤如下：

1. 在前端页面将日期转化为字符串

在前端页面上，我们需要将日期类型转化为字符串，一般使用JavaScript的Date对象的toISOString()方法即可完成：

const date = new Date();
const dateString = date.toISOString();

这里的dateString就是符合标准格式的字符串，例如：2022-01-19T02:08:03.794Z。

2. 在后台获取前端传来的日期字符串

在Spring Boot项目中，可以通过@RequestParam注解获取前端传来的参数。这里假设我们的接口是/api/save，其中有一个名为dateString的参数，可以使用如下代码获取：

@PostMapping("/save")
public void save(@RequestParam("dateString") String dateString) {
    // 处理逻辑

}

这里使用了@PostMapping注解来指定方法为HTTP POST请求，然后使用@RequestParam注解来获取前端传来的dateString参数。

3. 将日期字符串转化为Java的Date类型

接下来，我们需要将前端传来的日期字符串转化为Java的Date类型。这里我们可以借助Java中的SimpleDateFormat类来完成，代码如下：

@PostMapping("/save")
public void save(@RequestParam("dateString") String dateString) {
    DateFormat df = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.SSS'Z'");
    try {
        Date date = df.parse(dateString);
        // 进一步处理
    } catch (ParseException e) {
        e.printStackTrace();
    }
}

这里使用SimpleDateFormat类中的parse方法将日期字符串转化为Java的Date类型。需要注意的是，要使用字符串形式的日期格式，并在格式中添加'T'和'Z'，以便能够正确地解析日期字符串。

示例一

下面是一个完整的例子：

前端代码：

const date = new Date();
const dateString = date.toISOString();
const data = {
  name: '张三',
  age: 20,
  dateString: dateString
};
fetch('/api/save', {
  method: 'POST',
  body: JSON.stringify(data),
  headers: {
    'Content-Type': 'application/json'
  }
});

后台代码：

@PostMapping("/save")
public void save(@RequestBody User user) {
    DateFormat df = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.SSS'Z'");
    try {
        Date date = df.parse(user.getDateString());
        // 进一步处理
    } catch (ParseException e) {
        e.printStackTrace();
    }
}

public static class User {
    private String name;
    private int age;
    private String dateString;

    // getter 和 setter 方法省略
}

这里前端将日期转化为字符串，并将其作为data对象的一个属性，后台使用@RequestParam注解获取该参数，并将其转化为Java的Date类型。

示例二

另一个例子是使用了Spring的Data Binding功能，代码如下：

前端代码：

const date = new Date();
const dateString = date.toISOString();
const data = {
  name: '张三',
  age: 20,
  date: dateString
};
fetch('/api/save', {
  method: 'POST',
  body: JSON.stringify(data),
  headers: {
    'Content-Type': 'application/json'
  }
});

后台代码：

@PostMapping("/save")
public void save(User user) {
    // 进一步处理
}

public static class User {
    private String name;
    private int age;
    private Date date;

    // getter 和 setter 方法省略
}

这里后台使用了User类来表示传参，同时利用Spring的Data Binding功能自动将前端传参转化为Java的Date类型。需要注意的是，属性名要和前端传参的属性名保持一致。