在 Django 中添加弹出消息

Question

我想在用户登录时显示类似（欢迎 <用户>）的弹出消息。
我可以使用 Django messages

Like messages.success(request,welcome {request.user}')
[=22= 将此消息添加到页面的一部分] 和 在模板中
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li class="{{ message.tags }}">{{ message }}</li>
{% endfor %}
</ul>
{% endif %}

但我不想这样。我只想要几秒钟的弹出消息
我如何在 Django 项目中做到这一点？
或者，有什么方法可以通过使用 java 脚本事件侦听器来做到这一点？
提前致谢

Answer 1

当用户登录时，您将有权访问 User 对象，您可以将其传递给“上下文”中的视图，我相信您已经在这样做了。然后你可以显示一条带有消息的警报，或者如果你想要一些花哨的东西，你可以使用 Bootstrap 模式。

https://getbootstrap.com/docs/4.0/components/modal/

{% if user %}
alert('Hello', '{{user.name}}'
{% endif %}

如果你想使用 Django 消息：

{% if messages %}
alert('{{message}}')
{% endif %}

Answer 2

<li id="message_container" class="{{ message.tags }}">{{ message }}</li>

<script>
var message_ele = document.getElementById("message_container");

setTimeout(function(){ 
message_ele.style.display = "none"; 
}, 10000);
</script>

在 Django 中添加弹出消息

Adding Pop-up Message in Django

javascript

django

message

popup

web