在 Django 中添加彈出消息

Question

我想在用戶登錄時顯示像 (welcome <user>) 這樣的彈出消息。
我可以使用 Django 消息將此消息添加到頁面的一部分

喜歡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 腳本事件監聽器來做到這一點？
謝謝是提前

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>