Django中使用messages库实现前端弹窗提示

凌晨两点半
凌晨两点半
发布时间:2026-10-13| 6人浏览过
原创

本文介绍如何在Django项目中利用django.contrib.messages模块实现简单的网页弹出警告功能。通过配置settings.py注册应用,在视图函数中调用messages.success添加消息,并在HTML模板中遍历messages列表,使用JavaScript的alert方法在前端弹出提示框。该方法适用于多表单场景,仅需在表单结束处添加一次JS代码即可显示不同视图函数的消息。

Django消息提示功能概述

功能所在位置

后端配置与视图调用

该功能依赖于 django.contrib.messages 库。在 Django 项目的 settings.py 文件中,确保第 38 行左右的 APP 注册部分包含 'django.contrib.messages'。


INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'app01.apps.App01Config', # 自定义APP注册
]

导入库


from django.contrib import messages

def abc(request):
  messages.success(request, "哈哈哈")

前端模板与JavaScript实现

前台代码添加

若需在 HTML 页面显示消息提示框,需在前端代码中嵌入特定逻辑。需要注意的是,如果页面包含多个表单,只需在表单结束标签后添加一次该段代码即可。视图(view)中不同的函数可以触发并显示不同的消息内容。


{% if messages %}
  <script>
    {% for msg in messages %}
      alert('{{ msg.message }}');
    {% endfor %}
  </script>
{% endif %}

以上关于 Django 实现简单网页弹出警告的代码分享完毕,希望能为读者提供参考,并欢迎大家支持本站。

免责声明:本文内容仅供参考,不代表本站观点。转载或引用请注明出处。

Python 相关产品和应用

全部下载
Selenium

Selenium

4.51.0 · Windows

用于浏览器自动化和 Web 测试的 Python 工具。

scikit-learn

scikit-learn

1.9.1 · Windows

常用 Python 机器学习算法与模型评估工具库。

Black

Black

26.10.1 · Windows

强调一致性的 Python 自动代码格式化工具。

Ruff

Ruff

0.17.1 · macOS

由 Rust 编写的高速 Python 代码检查和格式化工具。

pytest

pytest

9.1.1 · Windows

简洁而强大的 Python 自动化测试框架。

FastAPI

FastAPI

0.146.0 · Windows

高性能 Python API 框架,支持类型提示和自动接口文档。

Flask

Flask

3.1.3 · Windows

轻量灵活的 Python Web 应用框架。

Django

Django

6.1.2 · Windows

成熟的 Python Web 框架,适合构建内容站点和业务系统。

Spyder

Spyder

6.1.7 · Windows

面向科学计算与数据分析的 Python 集成开发环境。

SciPy

SciPy

1.18.1 · Windows

面向科学、工程和技术计算的 Python 算法库。