在Django中添加弹出消息

问题描述

我想在用户登录时显示类似（欢迎）的弹出消息。
我可以通过在模板中使用Django消息

Like （赞） messages.success(request,welcome {request.user}')

和将此消息添加到页面的一部分中
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li class="{{ message.tags }}">{{ message }}</li>
{% endfor %}
</ul>
{% endif %}

但我不想要那样。 我只想弹出消息几秒钟
我该如何在Django项目中做到这一点？
或者，是否可以通过使用Java脚本事件监听器来做到这一点？
谢谢你提前

解决方法

当用户登录时，您将有权访问User对象，并且可以将其传递给“上下文”中的视图，我确信您已经在执行此操作。然后，您可以显示一条带有该消息的警报，或者如果您想要一些奇特的东西，可以使用Bootstrap模式。

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

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

如果要使用Django消息：

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

,

<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>