返回介绍

静态消息通知徽章

发布于 2025-01-02 21:54:00 字数 937 浏览 0 评论 0 收藏 0

现在私有消息功能已经实现,但是还没有通过任何渠道告诉用户有私有消息等待阅读。导航栏上的未读消息标志的最简单实现可以使用 Bootstrap badge 小部件渲染到基础模板中:

app/templates/base.html :导航栏的静态消息通知徽章。

                    ...
                    <li>
                        <a href="{{ url_for('main.messages') }}">
                            {{ _('Messages') }}
                            {% set new_messages = current_user.new_messages() %}
                            {% if new_messages %}
                            <span>{{ new_messages }}</span>
                            {% endif %}
                        </a>
                    </li>
                    ...

在这里,我直接从模板中调用上面添加到 User 模型中的 new_messages() 方法,并将该数字存储在 new_messages 模板变量中。 然后,如果该变量不为零,我只需添加带有该数字的徽章到消息链接后面即可。 以下是这个页面的外观:

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文