@JsonFormat和@DataFormat注解解决前后端日期格式一致性问题

1. 使用场景分析

为举例方便，我这里给一个简单的实体类Blog，对应数据库中的blog 表：

/*** 博客文章实体类* * 实体类成员属性 和 数据库表字段满足ORM映射关系*/
public class Blog {private Integer blog_id;// 博客idprivate String blog_title;// 博客标题private String blog_content;// 博客内容private Date blog_date;// 博客发布日期...(setter/getter/构造函数省略)
}

场景分析

场景1：

当我们从数据库中查询某篇博客文章数据时，blog 表中文章发布日期 blog_date 这个字段，如果未经过处理，后端查询到的数据传到前端进行展示时，会得到一个不太符合我们要求的日期格式，比如：
"blog_date": "2020-12-01T14:25:31.296+0000"
为了解决这个问题，将后端返回给前端的日期格式数据按照需求进行格式化，这时候@JsonFormat注解可以完美解决这个问题！

场景2：

当我们在做用户个人中心信息修改的业务时，如果用户信息包括出生日期这个内容，这种情况下提交修改请求到后端接口，有时候会出现前端传递给后端的日期时间格式不一致的问题！对于这一问题，@DataTimeFormat注解可以完美的解决！

2. 对Blog 实体类的属性加上注解

/*** 博客文章实体类* * 实体类成员属性 和 数据库表字段满足ORM映射关系*/
public class Blog {private Integer blog_id;// 博客idprivate String blog_title;// 博客标题private String blog_content;// 博客内容@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone="GMT+8")private Date blog_date;// 博客发布日期...(setter/getter/构造函数省略)
}

3. @JsonFormat 和 @DataFormat 对比

@JsonFormat注解：主要是后台到前台的时间格式的转换
@DataFormat注解：主要是前后到后台的时间格式的转换

其他参考文章：https://blog.csdn.net/eeeeasy/article/details/81201819，如果文章对您有帮助，记得点赞支持一下~

@JsonFormat和@DataFormat注解解决前后端日期格式一致性问题相关推荐

Java接口long类型精度丢失,解决前后端交互Long类型精度丢失问题
雪花算法ID,对应的后端Long类型,前端number类型,它们的精度不一样,导致精度丢失现象雪花算法得到的ID较长,传到前端后,精度丢失库中:23754851322302474 后端:2375 ...
解决前后端交互Long类型精度丢失的问题
雪花算法ID,对应的后端Long类型,前端number类型,它们的精度不一样,导致精度丢失文章目录一.现象与分析 1.1. 现象 1.2. 分析二.解决方案 2.1. 方法一单个注解 2.2. ...
5 分钟解决前后端联调问题，说一说前端代理这件事
简介: 简洁,又能触达痛点的一站式前端代理解决方案,你值得拥有. 作者:寒斜说到前端代理,相信每一个做过前后端联调的同学都有遇到过.当下涉及前后端工程项目的研发,主流模式一定是前后端的分离.它让前后 ...
niginx反向代理解决前后端跨域问题
1.代理和跨域 1.1 正向代理 1)用户希望代理服务器帮助其和要访问服务器之间实现通信,需要: a.用户IP报文的目的IP=代理服务器IP: b.用户报文端口号=代理服务器监听端口号: c.HTTP ...
Vue整合nginx：（1）开发环境npm run dev下，通过nginx解决前后端分离造成的跨域问题
Vue整合nginx:(1)开发环境npm run dev下,通过nginx解决前后端分离造成的跨域问题参考文章: (1)Vue整合nginx:(1)开发环境npm run dev下,通过nginx ...
Nginx完美解决前后端分离端口号不同导致的跨域问题
Nginx完美解决前后端分离端口号不同导致的跨域问题参考文章: (1)Nginx完美解决前后端分离端口号不同导致的跨域问题 (2)https://www.cnblogs.com/PyKK2019/p ...
springmvc集成cas，并解决前后端分离情况
2019独角兽企业重金招聘Python工程师标准>>> 1.最近项目需要集成已经存在的cas系统. 但是目前已集成的系统都是jsp.而我们项目是前后端分离开发(伪),没有分开部署. ...
JWT（解决前后端分离和微服务的用户会话跟踪问题）
这里写目录标题 JWT:解决前后端分离和微服务的用户会话跟踪问题与传统sessio验证的区别: 基于 token 的鉴权机制 JWT的主要引用场景及优点 JWT的构成: JWT搭建案例: JWT: ...
SpringCloud（10）—— 国寿i动项目经验之（解决前后端跨域请求技术）
国寿i动项目经验之(解决前后端跨域请求技术): 由于网段原因,导致前端js请求后端服务接口出现跨域,没法实现正常的请求,所以需要对请求进行跨域处理引入jar: <!-- 解决前后端接口交互跨域 ...
解决前后端跨域问题No‘Access-Control-Allow-Origin‘...
实际工作中遇到了,在此做个笔记,希望能够帮助到遇到此问题的猿友们!!! 目录问题场景编辑此时作者后端代码为: 自定义过滤器: WebMvcConfig配置文件: 注入自定义过滤器解决方法 1. ...

@JsonFormat和@DataFormat注解解决前后端日期格式一致性问题

1. 使用场景分析

场景分析

场景1：

场景2：

2. 对Blog 实体类的属性加上注解

3. @JsonFormat 和 @DataFormat 对比

@JsonFormat和@DataFormat注解解决前后端日期格式一致性问题相关推荐

最新文章

热门文章