8.4. 未读消息

未读消息数

在 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 开发相关的进阶知识。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
贡献者:5
讨论数量: 2

GerBawn
为什么不把更新未读消息的代码全部放到 mixins 里
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5