TypeScript前端如何处理Java后台Timestamp类型时间数据导致的字符串问题?

TypeScript前端如何处理Java后台Timestamp类型时间数据导致的字符串问题?

前后端时间数据类型不一致的解决方案

前端开发中,常常遇到后端返回的时间数据与前端类型不符的情况,导致无法直接处理时间数据。本文针对 typescript 前端接收 Java 后端 timestamp 类型时间数据,最终得到字符串的问题,提供详细的解决方案。

问题:

核心问题在于前后端时间数据类型不匹配。后端 Java 应用使用 DATETIME 数据库字段和 Timestamp 类型实体类存储时间,前端 TypeScript 将 createTime 和 updateTime 定义为 number 类型(时间戳)。然而,前端实际接收到的 createTime 却是字符串,无法直接进行时间处理。本文也探讨如何让后端直接返回时间戳。

立即学习Java免费学习笔记(深入)”;

分析与解决方案:

TypeScript 的 Interface 仅作类型定义,不进行数据类型强制转换,与 Java 的 POJO 类不同。 interface 无法自动将 json 字符串转换为数字。即使定义 createTime 为 number,后端返回字符串,TypeScript 接收的仍是字符串。因此,interface 定义需与实际 JSON 数据类型一致。 将 Icon 接口中的 createTime 和 updateTime 修改为 String 或 number | string 类型可以解决类型不匹配的编译错误

为了解决后端返回的时间数据类型问题,可以使用 Java 的 JSON 处理库(例如 Jackson)的注解控制时间数据的序列化格式。@JsonFormat(shape = JsonFormat.Shape.NUMBER) 注解可以将 Timestamp 类型数据序列化为数值型时间戳。

另一种方法是使用 spring 的 @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME) 注解,指定日期时间的格式。

通过以上方法,确保后端返回的时间数据格式与前端期望格式一致,避免前端处理错误。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享