在 Django 中下载 Toasts - Html

简介

Toasts - Html是一款基于HTML和CSS的开源通知插件。它可以轻松地在您的Web应用程序中添加弹出式通知、警告和错误提示。

下载

要在Django中使用Toasts - Html，可以使用以下两种方法进行下载和安装。

方法一：使用pip安装

在命令行(terminal)中输入以下命令：

pip install django-toasts-html

这将会在您的Django项目中添加必要的文件和依赖项，使您可以轻松地使用Toasts - Html插件。

方法二：手动下载安装

您可以从Github仓库下载最新的版本，解压缩到您的Django项目根目录中。

如何使用

1. 在您的Django项目的settings.py文件中加入以下设置：

INSTALLED_APPS = [
    ...
    'django_toasts_html',
    ...
]

MIDDLEWARE = [
    ...
    'django_toasts_html.middleware.ToastMiddleware',
    ...
]

这将会使Toasts - Html可以在您的Django项目中使用。

2. 在您的template中引入js和css：

{% load static %}

<script type="text/javascript" src="{% static 'django_toasts_html/js/toasts.js' %}"></script>

<link rel="stylesheet" type="text/css" href="{% static 'django_toasts_html/css/toasts.css' %}">

3. 在视图中使用Toasts - Html

from django.contrib import messages

def example_view(request):
    messages.success(request, '这是一个成功的消息')
    messages.warning(request, '这是一个警告消息')
    messages.error(request, '这是一个错误消息')
    messages.info(request, '这是一个信息消息')

    return render(request, 'example.html')

4. 在template中显示Toasts - Html

{% if messages %}
    <div class="toasts">
        {% for message in messages %}
            <div class="toast {{ message.tags }}-toast">
                <button type="button" class="toast-close-button" data-dismiss="toast" aria-label="Close"></button>
                <div class="toast-body">
                    {{ message|safe }}
                </div>
            </div>
        {% endfor %}
    </div>
{% endif %}

结论

Toasts - Html是一个易于使用的通知插件，可以轻松地在Django中使用。 您可以通过安装和设置插件来为您的应用程序添加提示框和通知，这将使用户更容易地理解和使用您的Web应用程序。