【web】【django】datatable的button扩展实现纯前端下载和copy指定列内容,以及django的HTTPResponse实现下载功能

这篇博客介绍了如何使用Datatables插件实现前端下载和拷贝指定列内容,以及Django后端查询数据并以CSV格式直接下载。在前端,利用Datatables的button扩展和column-selector选择需要的列。在Django后端,避免了中间文件存储,直接使用DataFrame的to_csv方法将数据转换为字符串,通过HttpResponse进行响应下载。
摘要由CSDN通过智能技术生成

 

Table of Contents

功能需求描述

一 使用Datatables实现纯前端下载、拷贝

二 query db 实现下载(django)


 

 

功能需求描述

用户需要以网页为媒介,从DB里拉取一些数据。

分为两种情况:

  • data已经显示在页面上 (除了下载还需要拷贝其中某一列)
  • data没有显示在页面上,需要在trigger download的功能时,根据用户给定的条件,去后台query data,然后下载下来。

 

一 使用Datatables实现纯前端下载、拷贝

对于第一种情况,由于data是通过datatables插件展示的,且已经从DB拉到了页面上,也就没有必要为了下载它们再跑到查询一遍数据库了。

datatables已经给了我们封装好的插件:

(link:https://datatables.net/extensions/buttons/examples/html5/simple.html  )

除了“XXHtml5”以外,还有  copy<

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值