Python - Django - SweetAlert 插件的使用

最新推荐文章于 2022-05-20 23:24:38 发布

Dim_Jerry

最新推荐文章于 2022-05-20 23:24:38 发布

阅读量407

点赞数

分类专栏： python全栈学习

本文链接：https://blog.csdn.net/Dim_Jerry/article/details/104033041

版权

本文介绍了如何在Python的Django框架中使用SweetAlert插件，以提高前端模态对话框的开发效率。详细讲解了环境搭建、SweetAlert_index.html的布局、views.py和urls.py的配置，以及在实际项目中的应用。

摘要由CSDN通过智能技术生成

一、使用须知：

插件的下载链接：https://github.com/lipis/bootstrap-sweetalert
该插件的作用是：在一个表格中，对某一行的数据进行操作，弹出一个模态对话框，有效的减少我们自己自定义，提高效率

二、准备工作

环境搭建

本次插件测试需要用到的工具有bootstarp为我们提供表格的样式，另外还需要用到jquery。

SweetAlert_index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SweetAlert 测试</title>
    <link rel="stylesheet" href="/static/plugin/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css">
</head>
<body>

<div class="container">

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Person 管理界面</h3>
        </div>
        <div class="panel-body">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>序号(id)</th>
                    <th>name</th>
                    <th>title</th>
                    <th>age</th>
                    <th>操作</th>
                </tr