如何在Django消息中集成Bootstrap样式

1. 配置消息标签映射 #

在项目settings.py中，将Django的消息级别与Bootstrap的alert样式类绑定：

from django.contrib.messages import constants as messages

MESSAGE_TAGS = {
    messages.DEBUG: 'alert-info',
    messages.INFO: 'alert-info',
    messages.SUCCESS: 'alert-success',
    messages.WARNING: 'alert-warning',
    messages.ERROR: 'alert-danger',
}

2. 模板中渲染带样式的消息 #

在模板（通常是base.html，方便全局复用）中添加以下代码，用Bootstrap的alert组件包裹消息：

{% if messages %}
  {% for message in messages %}
    <div class="alert {{ message.tags }} alert-dismissible fade show" role="alert">
      {{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}

3. 引入Bootstrap资源 #

确保模板中已引入Bootstrap的CSS和JS文件（使用本地静态资源或官方资源均可，自行获取后引入），否则样式无法生效。

4. 视图中添加错误消息 #

在处理表单的视图里，使用messages.error()添加错误提示：

from django.contrib import messages
from django.shortcuts import render

def your_form_view(request):
    if request.method == 'POST':
        form = YourCustomForm(request.POST)
        if not form.is_valid():
            # 全局错误提示
            messages.error(request, "输入内容有误，请检查表单后重试")
            # 可选：逐个字段显示错误
            for field, errors in form.errors.items():
                for err in errors:
                    messages.error(request, f"{field}: {err}")
            return render(request, 'form_template.html', {'form': form})
        # 表单验证通过后的逻辑处理
    else:
        form = YourCustomForm()
    return render(request, 'form_template.html', {'form': form})

完成以上配置后，错误消息会自动以Bootstrap的红色alert-danger样式显示，其他类型的消息也会对应匹配的样式。

内容的提问来源于stack exchange，提问作者Lh Grandgtr