sweetalert弹窗

  • 下载sweetalert并存放在Django项目中的静态文件夹中 https://github.com/MrBigBlake/bootstrap-sweetalert
  • 选择想要的弹窗样式直接copy过来快乐的改呀改https://lipis.github.io/bootstrap-sweetalert/
  • 如何查找到for循环中的a标签: 可以添加一个类属性
  • 通过DOM操作直接移除页面上已经被删除的数据标签
  1. # 通过sweetalert实现删除数据时触发弹窗, 确认是否删除
  2. def home(request):
  3.     user_queryset = models.User.objects.all()
  4.     if request.is_ajax():
  5.         back_dic = {'code': 1000, 'msg': ''}
  6.         print(request.POST)
  7.         delete_id = int(request.POST.get('delete_id')[0])
  8.         time.sleep(2)
  9.         models.User.objects.filter(pk=delete_id).delete()
  10.         back_dic['msg'] = 'Data has been deleted'
  11.         return JsonResponse(back_dic)
  12.     return render(request, 'home.html', locals())
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     {% load  static %}
  7.     <script src="{% static 'JQuery-3.4.1/JQuery.js' %}"></script>
  8.     <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
  9.     <script src="{% static 'bootstrap-sweetalert-master/dist/sweetalert.min.js' %}"></script>
  10.     <link rel="stylesheet" href="{% static 'bootstrap-sweetalert-master/dist/sweetalert.css' %}">
  11.     <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
  12. </head>
  13. <body>
  14. <div class="container">
  15.     <div class="row"></div>
  16.     <div class="col-md-8 col-md-offset-2">
  17.         <h1 class="text-center">User Info</h1>
  18.         <table class="table table-hover table-bordered table-striped">
  19.             <thead>
  20.             <tr>
  21.                 <th>NO.</th>
  22.                 <th>Username</th>
  23.                 <th>Age</th>
  24.                 <th>Gender</th>
  25.                 <th class="text-center">Actions</th>
  26.             </tr>
  27.             </thead>
  28.             <tbody>
  29.             {% for user in user_queryset %}
  30.                 <tr>
  31.                     <td>{{ forloop.counter }}</td>
  32.                     <td>{{ user.username }} </td>
  33.                     <td>{{ user.age }} </td>
  34.                     <td>{{ user.get_gender_display }} </td>
  35.                     <td class="text-center">
  36.                         <a href="#" class="btn btn-primary btn-sm">Edit</a>
  37.                         {#给a标签加一个cancel类以便定位到该标签#}
  38.                         <a href="#" class="btn btn-danger btn-sm cancel" id={{ user.pk }}>Delete</a>
  39.                     </td>
  40.                 </tr>
  41.             {% endfor %}
  42.             </tbody>
  43.         </table>
  44.     </div>
  45. </div>
  47. <script>
  48.     $(".cancel").click(function () {
  49.         let $btn = $(this);
  50.         swal({
  51.                 title: "Are you sure?",
  52.                 text: "You will not be able to recover this imaginary file!",
  53.                 type: "warning",
  54.                 showCancelButton: true,
  55.                 confirmButtonClass: "btn-danger",
  56.                 confirmButtonText: "Yes, delete it!",
  57.                 cancelButtonText: "No, cancel plx!",
  58.                 closeOnConfirm: false,
  59.                 closeOnCancel: false,
  60.                 showLoaderOnConfirm: true
  61.             },
  62.             function (isConfirm) {
  63.                 if (isConfirm) {
  64.                     $.ajax({
  65.                         url: "",
  66.                         type: "post",
  67.                         data: {"delete_id": $btn.attr('id')},
  68.                         success: function (data) {
  69.                             if (data.code==1000) {
  70.                                 swal("Deleted!", "Data has been deleted.", "success");
  71.                                 {#通过DOM操作直接将删除的标签移除#}
  72.                                 $btn.parent().parent().remove()
  73.                             } else {
  74.                                 swal("Error", "Unknown error", "warning");
  75.                             }
  76.                         }
  77.                     });
  78.                 } else {
  79.                     swal("Cancelled", "Data delete has been cancelled :)", "error");
  80.                 }
  81.             })
  82.     });
  83. </script>
  84. </body>
  85. </html>

bulk-create

  • 用于向数据库中批量添加数据
  • 先将数据对象都添加到列表中, 然后将该列表传给bulk_create方法
  1. # 这样向数据库添加大量数据速度非常慢, 甚至会导致程序崩溃
  2. for i in range(10000):
  3.     models.Book.objects.create(title=f'book-{i}')
  5. # 使用bulk_create方法可快速向数据库中添加大量数据对象
  6. lis = []
  7. for i in range(10000):
  8.     obj = models.Book(title=f'book-{i}')
  9.     lis.append(obj)
  10. models.Book.objects.bulk_create(lis)

自定义分页器

  • queryset对象支持切片操作
  • 可以直接向html文件发送html代码(字符串格式)
  1. # 实现简单的分页展示效果
  2. def index(request):
  3.     # 分页器一次展示的页数为 page_controller * 2 + 1
  4.     page_controller = 3
  5.     if page_controller < 1:
  6.         page_controller = 1
  8.     # 数据库图书个数
  9.     book_num = models.Book.objects.all().count()
  10.     per_page_num = 5
  12.     # 判断一共有多少页
  13.     page_num, more = divmod(book_num, per_page_num)
  14.     if more:
  15.         page_num += 1
  17.     # 获取当前页数, 设置默认值为1
  18.     page_init = int(request.GET.get('page', 1))
  19.     page = page_init
  21.     # 防止分页器末尾超出总页数
  22.     if page_init > page_num - page_controller:
  23.         page = page_num - page_controller
  25.     # 防止分页器开头出现0或负数页
  26.     if page_init < page_controller + 1:
  27.         page = page_controller + 1
  29.     # 切片操作的起始和结束位置
  30.     page_start = (page_init - 1) * per_page_num
  31.     page_end = page_init * per_page_num
  33.     # 切片获取当前页数对应的图书数据
  34.     book_queryset = models.Book.objects.all()[page_start: page_end]
  36.     # 直接向html文件发送html代码
  37.     html = ''
  38.     for i in range(page - page_controller, page + page_controller + 1):
  40.         # 当前页标签高亮
  41.         if i == page_init:
  42.             html += f'<li class="active"><a href="?page={i}">{i}</a></li>'
  43.         else:
  44.             html += f'<li><a href="?page={i}">{i}</a></li>'
  46.     return render(request, 'index.html', locals())
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     {% load static %}
  7.     <script src="{% static 'JQuery-3.4.1/JQuery.js' %}"></script>
  8.     <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
  9.     <link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
  10. </head>
  11. <body>
  12. <div class="container">
  13.     <div class="row">
  14.         <div class="col-md-6 col-md-offset-3">
  15.             <h1 class="text-center">Book List</h1>
  16.             <table class="table table-striped table-bordered table-hover">
  17.                 <thead>
  18.                 <tr>
  19.                     <th>NO.</th>
  20.                     <th>Book Title</th>
  21.                 </tr>
  22.                 </thead>
  23.                 <tbody>
  24.                 {% for book in book_queryset %}
  25.                     <tr>
  26.                         <td>{{ book.pk }}</td>
  27.                         <td>{{ book.title }}</td>
  28.                     </tr>
  29.                 {% endfor %}
  30.                 </tbody>
  31.             </table>
  32.         <div class="text-center">
  33.             <nav aria-label="Page navigation">
  34.                 <ul class="pagination">
  35.                         {{ html|safe }}
  36.                 </ul>
  37.             </nav>
  38.             </div>
  39.         </div>
  40.     </div>
  41. </div>
  42. </body>
  43. </html>
  • 第三方分页器的使用
  • 在app文件夹或者总项目文件夹下, 新建utils文件夹, 将下面分页文件放到utils文件下
  • 两个参数: current_page 和 all_count
  • 将html代码字符串封装到了 pagination_obj.page_html 中
  1. # Pagination.py
  2. class Pagination(object):
  3.     def __init__(self,current_page,all_count,per_page_num=10,pager_count=5):
  4.         """
  5.         封装分页相关数据
  6.         :param current_page: 当前页
  7.         :param all_count:    数据库中的数据总条数
  8.         :param per_page_num: 每页显示的数据条数
  9.         :param pager_count:  最多显示的页码个数
  11.         用法:
  12.         queryset = model.objects.all()
  13.         page_obj = Pagination(current_page,all_count)
  14.         page_data = queryset[page_obj.start:page_obj.end]
  15.         获取数据用page_data而不再使用原始的queryset
  16.         获取前端分页样式用page_obj.page_html
  17.         """
  18.         try:
  19.             current_page = int(current_page)
  20.         except Exception as e:
  21.             current_page = 1
  23.         if current_page <1:
  24.             current_page = 1
  26.         self.current_page = current_page
  28.         self.all_count = all_count
  29.         self.per_page_num = per_page_num
  31.         # 总页码
  32.         all_pager, tmp = divmod(all_count, per_page_num)
  33.         if tmp:
  34.             all_pager += 1
  35.         self.all_pager = all_pager
  37.         self.pager_count = pager_count
  38.         self.pager_count_half = int((pager_count - 1) / 2)
  40.     @property
  41.     def start(self):
  42.         return (self.current_page - 1) * self.per_page_num
  44.     @property
  45.     def end(self):
  46.         return self.current_page * self.per_page_num
  48.     def page_html(self):
  49.         # 如果总页码 < 11个：
  50.         if self.all_pager <= self.pager_count:
  51.             pager_start = 1
  52.             pager_end = self.all_pager + 1
  53.         # 总页码  > 11
  54.         else:
  55.             # 当前页如果<=页面上最多显示11/2个页码
  56.             if self.current_page <= self.pager_count_half:
  57.                 pager_start = 1
  58.                 pager_end = self.pager_count + 1
  60.             # 当前页大于5
  61.             else:
  62.                 # 页码翻到最后
  63.                 if (self.current_page + self.pager_count_half) > self.all_pager:
  64.                     pager_end = self.all_pager + 1
  65.                     pager_start = self.all_pager - self.pager_count + 1
  66.                 else:
  67.                     pager_start = self.current_page - self.pager_count_half
  68.                     pager_end = self.current_page + self.pager_count_half + 1
  70.         page_html_list = []
  71.         # 添加前面的nav和ul标签
  72.         page_html_list.append('''
  73.                     <nav aria-label='Page navigation>'
  74.                     <ul class='pagination'>
  75.                 ''')
  76.         first_page = '<li><a href="?page=%s">首页</a></li>' % (1)
  77.         page_html_list.append(first_page)
  79.         if self.current_page <= 1:
  80.             prev_page = '<li class="disabled"><a href="#">上一页</a></li>'
  81.         else:
  82.             prev_page = '<li><a href="?page=%s">上一页</a></li>' % (self.current_page - 1,)
  84.         page_html_list.append(prev_page)
  86.         for i in range(pager_start, pager_end):
  87.             if i == self.current_page:
  88.                 temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
  89.             else:
  90.                 temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
  91.             page_html_list.append(temp)
  93.         if self.current_page >= self.all_pager:
  94.             next_page = '<li class="disabled"><a href="#">下一页</a></li>'
  95.         else:
  96.             next_page = '<li><a href="?page=%s">下一页</a></li>' % (self.current_page + 1,)
  97.         page_html_list.append(next_page)
  99.         last_page = '<li><a href="?page=%s">尾页</a></li>' % (self.all_pager,)
  100.         page_html_list.append(last_page)
  101.         # 尾部添加标签
  102.         page_html_list.append('''
  103.                                            </nav>
  104.                                            </ul>
  105.                                        ''')
  106.         return ''.join(page_html_list)
  1. def index(request):
  2. 	book_queryset = models.Book.objects.all()
  3.     # 两个参数, 当前页和数据数量
  4.     current_page = request.GET.get('page', 1)
  5.     all_count = book_queryset.count()
  6.     # 实例化出分页器对象
  7.     pagination_obj = Pagination(current_page=current_page, all_count=all_count)
  8.     # 切片获取当前页的数据
  9.     page_queryset = book_queryset[pagination_obj.start:pagination_obj.end]
  10.     return render(request, 'index.html', locals())
  1. <table class="table table-striped table-bordered table-hover">
  2.                 <thead>
  3.                 <tr>
  4.                     <th>NO.</th>
  5.                     <th>Book Title</th>
  6.                 </tr>
  7.                 </thead>
  8.                 <tbody>
  9.                 {% for book in page_queryset %}
  10.                     <tr>
  11.                         <td>{{ book.pk }}</td>
  12.                         <td>{{ book.title }}</td>
  13.                     </tr>
  14.                 {% endfor %}
  15.                 </tbody>
  16.             </table>
  17.         <div class="text-center">
  18.             {{ pagination_obj.page_html|safe }}
  19.             </div>
  20.         </div>

Django 08的更多相关文章

  1. Django 08 Django模型基础3（关系表的数据操作、表关联对象的访问、多表查询、聚合、分组、F、Q查询）

    Django 08 Django模型基础3(关系表的数据操作.表关联对象的访问.多表查询.聚合.分组.F.Q查询) 一.关系表的数据操作 #为了能方便学习,我们进入项目的idle中去执行我们的操作,通 ...

  2. django之ajax结合sweetalert使用，分页器和bulk_create批量插入 07

    目录 sweetalert插件 bulk_create 批量插入数据 分页器 简易版本的分页器的推导 自定义分页器的使用(组件) sweetalert插件 有这么一个需求: ​ 当用户进行一个删除数据 ...

  3. Django框架08 /聚合查询、分组、F/Q查询、原生sql相关

    Django框架08 /聚合查询.分组.F/Q查询.原生sql相关 目录 Django框架08 /聚合查询.分组.F/Q查询.原生sql相关 1. 聚合查询 2. 分组 3. F查询和Q查询 4. o ...

  4. 08 Django REST Framework 解决前后端分离项目中的跨域问题

    01-安装模块 pip install django-cors-headers 02-添加到INSTALL_APPS中 INSTALLED_APPS = ( ... 'corsheaders', .. ...

  5. Django REST Framework API Guide 08

    1.Filtering 2.Pagination FIltering GenericAPIView的子类筛选queryset的简单方法是重写.get_quueryset()方法. 1.根据当前用户进行 ...

  6. 08: Django使用haystack借助Whoosh实现全文搜索功能

    参考文章01:http://python.jobbole.com/86123/ 参考文章02: https://segmentfault.com/a/1190000010866019 参考官网自定制v ...

  7. 2018.08.30 21:12 第一个Django程序完成

    from django.http import HttpResponse def hello(request): return HttpResponse("Hello world ! &qu ...

  8. python学习笔记08：安装django

    linux环境安装django: sudo pip install django windows环境安装django: pip install django 验证django是否安装: python ...

  9. Django 2.0 学习(08)：Django 自动化测试

    编写我们的第一个测试 确定bug 幸运的是,在polls应用中存在一个小小的bug急需修复:无论Question的发布日期是最近(最后)的日期,还是将来很多天的日期,Question.was_publ ...

随机推荐

  1. 资深架构师Sum的故事：（Mysql）InnoDB下，存储过程中事务的处理

    | 故事背景 话说有一回,X市X公司的产品经理Douni兴致冲冲的跑来和Sum(Sum,X市X公司资历8年程序猿,技能:深思.熟虑.心细.深究.技术过敏.口头禅:嗯,容我想想.坚信:只要赚钱的业务,我 ...

  2. 新手如何正确安装python，视图详解

    今天教新手如何安装python,因为Python是跨平台的,它可以运行在Windows.Mac和各种Linux/Unix系统上.在Windows上写Python程序,放到Linux上也是能够运行的.学 ...

  3. SpringBoot系列教程JPA之指定id保存

    原文链接: 191119-SpringBoot系列教程JPA之指定id保存 前几天有位小伙伴问了一个很有意思的问题,使用 JPA 保存数据时,即便我指定了主键 id,但是新插入的数据主键却是 mysq ...

  4. nyoj 115-城市平乱 (BFS)

    115-城市平乱 内存限制:64MB 时间限制:1000ms 特判: No 通过数:5 提交数:8 难度:4 题目描述: 南将军统领着N个部队,这N个部队分别驻扎在N个不同的城市. 他在用这N个部队维 ...

  5. python的文件操作及简单的用例

    一.python的文件操作介绍 1.文件操作函数介绍 open() 打开一个文件 语法:open(file, mode='r', buffering=-1, encoding=None, errors ...

  6. 【ABP】 动态菜单修改过程asp.netcore+vue

    无论用什么框架,第一件事情就是实现动态菜单,从数据库中读取菜单配置项输出前台,网上翻了一大堆翻译文档,也看了官方英文文档,关键点在于如何实现NavigationProvider和在前端调用abp.na ...

  7. ubuntu server 1604 关机和重启

    命令有很多,记住以下两三个就够了 重启: sudo reboot (这个短,易记) sudo shutdown -r now  统一的shutdown形式 关机:sudo shutdown -P no ...

  8. vim常用插件使用方法整理【持续更】

    nerdtree 和编辑文件一样,通过h j k l移动光标定位切换工作台和目录 ctr+w+h 光标focus左侧树形目录,ctrl+w+l 光标focus右侧文件显示窗口. ctrl+w+w,光标 ...

  9. JavaWeb03-请求和响应

    请求响应流程图 response 1        response概述 response是Servlet.service方法的一个参数,类型为javax.servlet.http.HttpServl ...

  10. element 根据某多个属性合并列

    日常渲染 methods: { arraySpanMethod({ row, column, rowIndex, columnIndex }) { // 没办法循环判断具体是那一列 所以就只好写了多个 ...