8.4. 未读消息

本教程最新版为 2.1,当前版本已放弃维护,请阅读最新版本!

未读消息数

在 Larabbs 中当其他用户回复我发布的主题是,我会收到系统通知,显示出来未读的消息数量,这一节我们在小程序中实现该功能。

获取未读消息

需要在 Tabbar 和 我的 页面中增加一些消息数提示(Badge),提示用户新的未读消息,以下是我们预期的样子:

file

file

为了实现图片中的功能,首先需要每隔一段时间请求接口,获取当前用户的未读消息数,设置在 Tabbar 中:

src/app.wpy

.
.
.
  globalData = {
    refreshPages: [],
    unreadCount: 0
  }
.
.
.
  onLaunch() {
    // 小程序启动,调用一起获取未读消息数
    this.updateUnreadCount()
    // 每隔 60 秒,调用一起获取未读消息数
    setInterval(() => {
      this.updateUnreadCount()
    }, 60000)
  }
  // 获取未读消息数...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
贡献者:5
讨论数量: 5

道生一
me.wpy代码问题
1 个点赞 | 0 个回复 | 分享 | 课程版本 2.0
phpervip
有时会出现数据库连不上,如何重启
0 个点赞 | 2 个回复 | 问答 | 课程版本 2.0
道生一
未读消息微信小程序调试报错:user is not defined
0 个点赞 | 1 个回复 | 分享 | 课程版本 2.0
GerBawn
为什么不把更新未读消息的代码全部放到 mixins 里
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5