【项目django-后端05】弹框显示

最新推荐文章于 2024-10-18 19:02:29 发布

XHDANE

最新推荐文章于 2024-10-18 19:02:29 发布

阅读量687

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/XHDANE/article/details/96472368

本文详细介绍了在Django项目中如何实现弹框显示功能。首先，将sweetalert文件及其组件放入指定目录，并在base.html和A.html模板中引入。接着，在JavaScript文件中添加点击事件来展示弹框内容。在views.py中处理提交后的显示逻辑，并在urls.py中配置映射。此外，还涉及到编辑和删除按钮的实现，包括新建表单、编写接口逻辑、设置按钮ID以及更新JavaScript类以处理增删改操作的弹框内容。最后，对编辑和删除功能的urls.py映射进行了配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先sweetalert 文件放入 from 》》dist
将xfzalert.js 文件放入src 》》js

在templates 公共文件base.html添加代码

<link rel="stylesheet" href="{% static 'sweetalert/sweetalert.css' %}">
    <script src="{% static 'sweetalert/sweetalert.min.js' %}"></script>
    <script src="{% static 'js/xfzajax.min.js' %}"></script>
    <script src="{% static 'js/xfzalert.min.js' %}"></script>
    <script src="{% static 'js/message.min.js' %}"></script>

在templates 需要的A.html文件导入

    <script src="{% static 'js/news_category.min.js' %}"></script>

在src》》js ，创建A.js文件添加点击事件的显示内容。
在app》》cms 》views.py 添加提交后返回的显示内容
在app》》cms 》urls.py 添加映射
```
path('add_news_category/',views.add_news_category,name='add_news_category'),
```
----------------------------------------------------------编辑。删除按钮-----------------------------------------------------------

在app》》cms 》froms.py 新建表单，需要传入的参数，

from apps.forms import FormMixin
from django import forms

class EditNewsCategoryForm(forms.Form):
    pk = forms.ImageField(error_messages={"required":"必须传入分类的id！"})
    name = forms.CharField(max_length=100)

在app》》cms 》views.py 编写接口逻辑

新建post，和类。导入表单
from .froms import EditNewsCategoryForm
逻辑，（1.如果id==数据库，提示错误。2.不等于=！才能成功）

templates 》》A,html 设置按钮的id

<button class="btn btn-warning btn-xs edit-btn">编辑</button>
<button class="btn btn-danger btn-xs delete-btn">删除</button>

在src》》js 根据html>>新建class 设置增删改弹框内容
在app》》cms 》urls.py 添加映射（修改，删除）