以前后端返回一个 createTime 字段一般的处理方法就是直接前端展示就完事了。
例如百度贴吧: 3.PNG最近要做一个评论回复功能,想着再直接展示 某人于 2020/3/6 16.42 回复@某某 就稍显不合适了,一大段日期占用一大块地方,在 App 或者小程序这种移动端上看起来就及其碍眼,而且意思表述也不清晰,可以说用户体验很差了。
为此就像做成像掘金这样: 2.PNG显示用户是几小时前回复的。
说干就干,下面上工具类的代码:
import java.time.Instant;
import java.time.LocalDateTime;
import java.time.ZoneId;
import java.time.format.DateTimeFormatter;
public class TimeAgoUtils {
private static final long ONE_MINUTE = 60000L;
private static final long ONE_HOUR = 3600000L;
private static final long ONE_DAY = 86400000L;
private static final long ONE_WEEK = 604800000L;
private static final String ONE_SECOND_AGO = "秒前";
private static final String ONE_MINUTE_AGO = "分钟前";
private static final String ONE_HOUR_AGO = "小时前";
private static final String ONE_DAY_AGO = "天前";
private static final String ONE_MONTH_AGO = "月前";
private static final String ONE_YEAR_AGO = "年前";
public static String format(String createTime) {
LocalDateTime time = LocalDateTime.parse(createTime, DateTimeFormatter.ofPattern("yyyy/MM/dd HH:mm:ss"));
long compareTime = getTimestampOfDateTime(time);
LocalDateTime now = LocalDateTime.now();
long rightTime = getTimestampOfDateTime(now);
long delta = rightTime - compareTime;
if (delta < 1L * ONE_MINUTE) {
long seconds = toSeconds(delta);
return (seconds <= 0 ? 1 : seconds) + ONE_SECOND_AGO;
}
if (delta < 45L * ONE_MINUTE) {
long minutes = toMinutes(delta);
return (minutes <= 0 ? 1 : minutes) + ONE_MINUTE_AGO;
}
if (delta < 24L * ONE_HOUR) {
long hours = toHours(delta);
return (hours <= 0 ? 1 : hours) + ONE_HOUR_AGO;
}
if (delta < 48L * ONE_HOUR) {
return "昨天";
}
if (delta < 30L * ONE_DAY) {
long days = toDays(delta);
return (days <= 0 ? 1 : days) + ONE_DAY_AGO;
}
if (delta < 12L * 4L * ONE_WEEK) {
long months = toMonths(delta);
return (months <= 0 ? 1 : months) + ONE_MONTH_AGO;
} else {
long years = toYears(delta);
return (years <= 0 ? 1 : years) + ONE_YEAR_AGO;
}
}
private static long toSeconds(long date) {
return date / 1000L;
}
private static long toMinutes(long date) {
return toSeconds(date) / 60L;
}
private static long toHours(long date) {
return toMinutes(date) / 60L;
}
private static long toDays(long date) {
return toHours(date) / 24L;
}
private static long toMonths(long date) {
return toDays(date) / 30L;
}
private static long toYears(long date) {
return toMonths(date) / 365L;
}
public static long getTimestampOfDateTime(LocalDateTime localDateTime) {
ZoneId zone = ZoneId.systemDefault();
Instant instant = localDateTime.atZone(zone).toInstant();
return instant.toEpochMilli();
}
public static void main(String[] args) throws Exception {
System.out.println(format("2020/03/04 15:35:35"));
}
}
这个类传入一个 String 类型的参数 createTime,返回的是 当前时间和 createTime 差值再经过转换后的几秒前,几小时前,几天前,几月前,和几年前等结果。可以自行运行下方的 main 函数体验一下。
自 Java 8 以来,JDK 中就又新增了一系列表示时间和日期的新类,Date 中的很多方法都已经被废除了,LocalDateTime 在现如今才是最优的选择。所以传的参数是 String createTime 而不是 Date createTime。用 Date 的老项目自行修改工具类吧。
调用工具类,这时候 timeAgo 就是 createTime 经过转换后的结果了。显示几秒前,几小时前,几天前,几月前,和几年前等:
String timeAgo = TimeAgoUtils.format(comments.getCreateTime());
再把 Comments 类和 timeAgo 字段封装到一个 CommentsVO 类中,返回 CommentsVO 给前端,前端再取出 timeAgo 进行展示即可。
最终demo展示:
4.PNG
原文链接:
参考链接:
网友评论