网站内容更新提醒( 内容更新时需要在入口加上小红点提示，实现起来不复杂)

　　网站内容更新提醒(

内容更新时需要在入口加上小红点提示，实现起来不复杂)

　　内容更新时，需要在入口处添加一个小红点提示。这个要求并不少见，实现起来也不复杂。需要实现的场景很多，比如web端、app端、小程序端等，实现思路大同小异。本文描述了从有无登录状态来解决问题的完整思路。

　　有登录状态

　　比较常见的做法是在用户登录时，将用户的阅读时间输入到后台的用户数据信息中。当内容更新时，将内容更新时间与用户的阅读时间进行比较。如果用户的阅读时间早于内容更新时，会在入口处用一个小红点提示用户，表示有未读的更新内容。

　　1. 更新数据

　　第一步是更新数据。除了常规的数据字段，您还需要注意新的更新时间字段。这样，当用户获取数据时，方便后台对比数据更新时间和用户读取时间。

　　2. 获取数据

　　第二步是获取数据。获取数据时，带上userId。后台收到请求后会查询用户的最后阅读时间，判断用户是否浏览过最新的内容。已读和未读状态。

　　如果用户的最新读取时间晚于数据的最新更新时间，则处于未读状态，接口返回is_read: false。前端拿到字段后，请求设置读取接口，后台接收设置读取请求并更新用户。数据中的读取时间字段。

　　如果用户的最新读取时间晚于数据的最新更新时间，则处于读取状态。此时没有内容更新，也没有红点提示用户。

　　至此，一个简单的用户登录状态内容更新提示有个小红点的功能就完成了。

　　未登录

　　当需要将内容推送给游客状态的用户时，如何知道用户是否浏览了最新发布的内容？

　　1. 更新数据

　　更新数据与拥有登录状态相同，只需添加更新时间字段即可。

　　2. 获取数据

　　获取数据的步骤有些不同。数据更新时间依然是从后台拉取，从浏览器本地缓存localStorage中获取用户最近的阅读时间。当用户第一次进入内容页面时，localStorage 中的 readTime 字段会更新以指示用户的阅读时间。

　　再次进入内容页面时，对比localStorage中的读取时间和数据更新时间，决定是否更新localStorage中的读取时间，这样内容更新时会提示红点，内容时不提示没有更新。但由于没有登录状态，是否阅读最新内容不是由用户决定，而是由客户端浏览器决定，适用于弱绑定场景。

　　总结

　　本文分享内容更新时出现红点提示的解决方法。希望这篇文章可以帮助大家了解如何制作消息通知——内容更新红点提示的实现流程。

　　关于查找教程网络