Как использовать toastr в django для отображения сообщений

Поэтому django имеет встроенный фреймворк сообщений для отображения соответствующих сообщений.

Я пытаюсь отобразить эти сообщения в виде уведомления о тосте, а не в виде списка по умолчанию, как показано в документации, или в виде сообщения div, как в bootstrap, для чего я пытаюсь использовать toastr.

Я пробовал несколько способов, но, похоже, ничего не помогает.

Я также просмотрел этот вопрос, но не смог понять, куда импортировать messages.html код.

Ниже приведены base.html

<!-- base.html -->

<!DOCTYPE html>
<html lang="en">

{% load static %}

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kaushal Sharma</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css"
        integrity="sha512-3pIirOrwegjM6erE5gPSwkUzO+3cTjpnV9lexlNZqvupR64iZBnOOTiiLPb9M36zpMScbmUNIcHUqKD47M719g=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <style>
        html {
            scroll-behavior: smooth;
        }
    </style>

</head>

<body>

    {% block content %}
    {% endblock %}

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"
        integrity="sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    {% block scripts %}
    {% endblock scripts %}

</body>

</html>

У меня есть home.html, который расширяет base.html и включает все мои другие html-страницы, как показано ниже

<!-- home.html -->

{% extends 'base.html' %}


{% block content %}

<!-- include pages -->

{% endblock %}

{% block scripts %}
{% include 'messages.html' %}
{% endblock scripts %}

и вот мой messages.html

<!-- messages.html -->

{% block scripts %}
{% if messages %}
{% for message in messages %}
{% if message.tags == 'success'%}
<script type=text/javascript>
            console.log('success message');
            toastr.["{{ message.tags }}"]('{{ message }}');
            </script>
{% elif message.tags == 'info' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'warning' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'error' %}
<script type=text/javascript>
            console.log('error message');
toastr.{{ message.tags }}('{{ message }}')
</script>
{% endif %}
{% endfor %}
{% endif %}
{% endblock scripts %}
Вернуться на верх