1. 功能叙述

前端web页面通过访问url+id的形式访问url
lottery/draw/(?P<pk>(\d+))/download/
后端代码通过orm查询pk相关数据
过滤出自己想要的字段

2. 前端页面

<a onclick="downloadFilebyAjax(this,'{{ period.id }}')" href="javascript:;" title="下载">
<i class="layui-icon">&#xe601;</i>#下载图标
</a>
    /*下载统计*/
function downloadFilebyAjax(obj, id) {
layer.confirm('确认要下载吗?', function (index) {
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}'}
});
$.ajax({
type: "post",
url: id + '/download/',
dataType: "json",
success: function (data) {
if (data.status) {
console.log(data.filePath, "文件下载中... ...");
window.location.href = data.filePath;
layer.msg(data.msg, {icon: 6, time: 1000});
} else {
layer.msg(data.msg, {icon: 5, time: 1000});
}
},
error: function (data) {
console.log("对不起,网络错误,请稍后重试或联系管理员");
}
});
});
}

3. 后端功能

def download_draw(request,pk):
if request.method =="POST":
data = {'status':True,'msg': '下载成功','filePath':''}
searia_list= huodong_models.SearialNum.objects.filter(period_id=pk)
xls_name = searia_list[0].period.title+'.xls'
xls_path =os.path.join(settings.BASE_DIR, 'static','download',xls_name)
if os.path.exists(xls_path):
os.remove(xls_path)
book = xlwt.Workbook(encoding='utf-8')
sheet = book.add_sheet(searia_list[0].period.title, cell_overwrite_ok=True)
# 第0行写入标题
sheet.write(0,0,'期号')
sheet.write(0,1,'抽奖码')
sheet.write(0,2,'会员账号')
sheet.write(0,3,'获得奖品')
sheet.write(0,4,'使用状态')
# 初始行,写入数据从第一行开始写入
line = 1
manipulation(searia_list,line,sheet)
book.save(xls_path)
if os.path.exists(xls_path):
filePath = '/static/download/%s' % xls_name
data['filePath']=filePath
else:
data['status']=False
data['msg']='下载失败'
return JsonResponse(data)
return HttpResponse('无效请求')
def manipulation(searia_list,line,sheet):
for searia in searia_list:
vip_acount = ''
prize = ''
style = 0
if searia.status == 1:
vip_acount = searia.userinfo.vip_acount
prize = searia.userinfo.prize
style = 2
sheet.write(line, 0, searia.period.period)
sheet.write(line, 1, searia.searial)
sheet.write(line, 2, vip_acount)
sheet.write(line, 3, prize)
sheet.write(line, 4, searia.get_status_display())
line += 1

4. 说明代码思路

先初始化execl文件第0行标题名称
之后通过数据库取出的数据生成一个数据列表
初试行位第一行一次循环写入每条字段过滤的数据
初试行数以此累加
最后保存execl文件
然后将服务器的保存的地址返回给前端
通过window.location.href来进行访问实现下载

5.最后说明

该记录只是用于个人思路总结,
以及作为笔记,方便回忆

文件下载功能django+js的更多相关文章

  1. JAVA文件下载功能问题解决日志

    今天给报告系统做了个下载功能,遇到了挺多问题,通过查资料一一解决了. 1.首先遇到的问题是:java后台的输出流输出之后,没有任何报错,浏览器端不弹出保存文件的对话框,原本是ajax请求到后台的con ...

  2. 解决springmvc中文件下载功能中使用javax.servlet.ServletOutputStream out = response.getOutputStream();后运行出异常但结果正确的问题

    问题描述: 在springmvc中实现文件下载功能一般都会使用javax.servlet.ServletOutputStream out = response.getOutputStream();封装 ...

  3. ES6,ES2105核心功能一览,js新特性详解

    ES6,ES2105核心功能一览,js新特性详解 过去几年 JavaScript 发生了很大的变化.ES6(ECMAScript 6.ES2105)是 JavaScript 语言的新标准,2015 年 ...

  4. WebView实现文件下载功能

    WebView控制调用相应的WEB页面进行展示.安卓源码当碰到页面有下载链接的时候,点击上去是一点反应都没有的.原来是因为WebView默认没有开启文件下载的功能,如果要实现文件下载的功能,需要设置W ...

  5. Spring Boot实现文件下载功能

    我们只需要创建一个控制器(Controler)文件,即Controller目录下的File_Download.java,其完整目录如下: @Controller public class File_D ...

  6. Spring Boot入门(11)实现文件下载功能

      在这篇博客中,我们将展示如何在Spring Boot中实现文件的下载功能.   还是遵循笔者写博客的一贯风格,简单又不失详细,实用又能让你学会.   本次建立的Spring Boot项目的主要功能 ...

  7. ASP.NET网页中RAR、DOC、PDF等文件下载功能实例源代码

    以前做asp.net下载功能的时候都是采用:<a href="http://www.wang0214.com/wgcms">下载</a>的方式来实现下载. ...

  8. java web文件下载功能实现 (转)

    http://blog.csdn.net/longshengguoji/article/details/39433307 需求:实现一个具有文件下载功能的网页,主要下载压缩包和图片 两种实现方法: 一 ...

  9. 【Servlet】java web 文件下载功能实现

    需求:实现一个具有文件下载功能的网页,主要下载压缩包和图片 两种实现方法: 一:通过超链接实现下载 在HTML网页中,通过超链接链接到要下载的文件的地址 <!DOCTYPE html> & ...

随机推荐

  1. 常用Build-in Keywords

    1. Variables |- Set variable |- Create list |- Evaluate |- Get Variable Value 2. Conditional |- Run ...

  2. shell 中的流程控制关键字

    if...else if [ $1x == "ab"x ]; then echo "you had enter ab" elif [ $1x == " ...

  3. 1.Linux的发展历史以及 GNUGPL和open source

    发展历史: 20实际60年代:那时候的计算机一般只有在军事,科研以及学术院校才能见到,不是一般人能接触的东西.开始的时候计算机的时候的输入靠卡片阅读器,即程序开发者在卡片上打洞放入卡片阅读器上输入,在 ...

  4. H5页面中唤起native app

    现在各类app,分享出去的H5页面中,一般都会带着一个立即打开的按钮,如果本地安装了app,那么就直接唤起本地的app,如果没有安装,则跳转到下载.这是一个很正常的推广和导流量的策略,最近产品经理就提 ...

  5. Angular5基本入门

    基本环境安装 首先,确定安装了nodejs与npm,angular 5要求node版本在6.9.x以上.npm版本在 3.x.x以上: 1.安装@angular/cli npm install -g ...

  6. 超厉害的CSS3图片破碎爆炸效果!

    var fx  = { buffer : function(obj, cur, target, fnDo, fnEnd, fs){ if(!fs)fs=6; var now={}; var x=0; ...

  7. 【leetcode 简单】 第八十二题 反转字符串

    编写一个函数,其作用是将输入的字符串反转过来. 示例 1: 输入: "hello" 输出: "olleh" 示例 2: 输入: "A man, a p ...

  8. php实现异步请求

    PHP开启异步多线程执行脚本  装载自:http://www.cnblogs.com/clphp/p/4913214.html 场景要求 客户端调用服务器a.php接口,需要执行一个长达5s-20s不 ...

  9. jQuery 库的优缺点

    通用性良好,适合大多数常规网站,省去了为浏览器兼容性写封装函数的麻烦(1+版本支持IE6.7.8,2+版本支持包括IE9在内的现代浏览器). 通用性良好意味着特异性不好,所以jQuery并不适合特异性 ...

  10. Ping程序的实现

    Ping程序的实现 在windows系统下进行cmd可以进行ping操作. ping命令是用来确定本地主机与网络中其他主机的网络通信情况,或者查看是否是为效IP. ping的工作原理:网络另一主机发送 ...