Python - Django - SweetAlert 插件的使用

时间:2019-09-04
本文章向大家介绍Python - Django - SweetAlert 插件的使用,主要包括Python - Django - SweetAlert 插件的使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

SweetAlert Github:https://github.com/lipis/bootstrap-sweetalert

下载完后放入 /static/ 目录下

?

?

sweetalert.html:



    
    SweetAlert 测试
    
    
    



Person 管理界面

{% for p in person %} {% endfor %}
序号 id name age 操作
{{ forloop.counter }} {{ p.id }} {{ p.name }} {{ p.age }}

在 bootstrap 网站上找到一个面板

?

?

?再来找一个带边框的表格

?

?

在 https://lipis.github.io/bootstrap-sweetalert/ 可以看到一些弹窗示例

?

?

想用什么弹窗直接复制修改代码就好了

views.py:

from django.shortcuts import render, HttpResponse
from app01 import models


def sweet(request):
    person = models.Person.objects.all()
    return render(request, "sweetalert.html", {"person": person})


def delete(request):
    del_id = request.POST.get("id")
    models.Person.objects.filter(id=del_id).delete()
    return HttpResponse("删除成功!")

urls.py:

from django.conf.urls import url
from app01 import views


urlpatterns = [
    url(r'^sweet/', views.sweet),
    url(r'^delete/', views.delete),
]

访问,http://127.0.0.1:8000/sweet/

?

?

点击 “删除”

?

?

点击 “确定”

?

?

删除成功,然后点击 “OK”

?

?

删除了 id 为 4 的数据

但是这里删除成功的显示有点问题

右键 -> 检查

?

?

该弹窗在 h2 标签在 sweet-alert 下

在 sweetalert.html 添加以下的代码

?

?

再删除数据

?

$flag 上一页 下一页