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. 图像处理之色彩转换(CCM)

    1 色彩校正原理 人眼对色彩的识别,是基于人眼对光谱存在三种不同的感应单元,不同的感应单元对不同波段的光有不同的响应曲线的原理,通过大脑的合成得到色彩的感知.  一般来说,我们可以通俗的用 RGB三基 ...

  2. K8S调度之pod亲和性

    目录 Pod Affinity Pod亲和性调度 pod互斥性调度 Pod Affinity 通过<K8S调度之节点亲和性>,我们知道怎么在调度的时候让pod灵活的选择node,但有些时候 ...

  3. 视音频数据处理入门:FLV封装格式解析

    ===================================================== 视音频数据处理入门系列文章: 视音频数据处理入门:RGB.YUV像素数据处理 视音频数据处理 ...

  4. 获取assets文件内容,raw内容

    1.均采用流的方式获取里面的内容 assets context.getAssets().open(“fileName”); raw InputStream inputStream = context. ...

  5. TV 开发相关

    1.设置全屏,隐藏虚拟按键 1.activity oncreate中 @Override 2 protected void onCreate (Bundle savedInstanceState) { ...

  6. Vue 的style绑定显示background-image

    data () { return { img: require('你的json资源路径') } } :style="{backgroundImage: 'url(' + img + ')'} ...

  7. React基础笔记

    参考文章: http://www.ruanyifeng.com/blog/2015/03/react.html https://segmentfault.com/a/1190000002767365 ...

  8. easy-animation | Animation for Sass

    最近因为项目缘故,勾搭上了Sass. 其实在折腾Sass之前,也有简单用过一下Less.但碍于Less提供的一些API实在让人觉得有点多余,用着就是不顺手,最后就不了了之啦. Sass之所以用起来舒服 ...

  9. Arcgis10.1 Arcobject连接Oracel数据库

    原来使用Arcgis9.3的版本,现在升级到了10.1遇到不少问题,原来初始化工作空间的代码无法正常运行了,修改后的代码如下: static void Test() { IPropertySet sd ...

  10. 【CC2530强化实训04】定时器间隔定时实现按键N连击

    [CC2530强化实训04]定时器间隔定时实现按键N连击 [题目要求]      2018年全国职业院校技能大赛“物联网技术应用”国赛(高职组)中关于感知层开发的难度陡然增大,三个题目均在Zigbee ...