python django框架前端页面支持导出excel文件
2017-10-30 本文已影响417人
chengcxy
- 实际业务中,针对每个产品线运营人员操作后台经常需要导出excel文件,本例采用抓取的爬虫数据,当后台数据在页面里显示完后,点击导出按钮,页面提示导出成功或失败信息,成功则导出Excel文件到
static/xlsxfiles
文件夹,全部导出后生成文件名为all_poemers.xlsx
的excel文件,搜索某一用户后生成文件名为{{ poemer }}.xlsx
的文件 ,{{ poemer }}
为django模板变量
搜索 '李白' 则生成 李白.xlsx
增加excel操作 - 前端采用jQuery和js,使用ajax请求后台接口,两个页面的前端代码如下:
2.1 poemers.html页面修改的部分
<!--poemers.html页面修改的部分-->
<form method="post" action="{% url 'tangshi:poemers_search' %}" class="container">
<p><label for="poemer">请输入诗人名:</label> <input id="poemer" maxlength="1000" name="poemer" value="" type="text" style="width: 400px"/>
<input type="submit" value="搜索">
<button id="export_excel" type="button">导出excel</button>
</p>
<br>
{% csrf_token %}
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#export_excel").click(function () {
htmlobj = $.ajax({url: "{% url 'tangshi:export_all_excel' %}", async: false});
alert(htmlobj.responseText);
});
});
</script>
其中{% url 'tangshi:export_all_excel' %}
是django的url模板 标签用法,'tangshi:export_all_excel'
指向的是app应用 tangshi下面urls.py中name='export_all_excel'
,其对应的view视图函数是 app应用tangshi下面 views.py中的 export_all_excel函数.
2.2 poemers_search.html页面修改的部分
<!--poemers_search.html页面 ajax请求-->
<p><label for="poemer">请输入诗人名:</label> <input id="poemer" maxlength="1000" name="poemer" value="{{ poemer }}" type="text" style="width: 400px"/>
<button id="search" type="button">搜索</button>
<script type="text/javascript">
var poemer = $("input[ name='poemer' ]").val();
$.ajax({
type: 'POST',
url: "{% url 'tangshi:poemers_search' %} ",
data: {
'poemer': poemer,
'csrfmiddlewaretoken': '{{ csrf_token }}'
},
success: 'success'
});
</script>
<button id="export_excel" type="button">导出excel</button>
<script type="text/javascript">
$(document).ready(function () {
$("#export_excel").click(function () {
var poemer = $("input[name='poemer']").val();
$.ajax({
type: 'POST',
url: "{% url 'tangshi:export_per_excel' %} ",
data: {
'poemer': poemer,
'csrfmiddlewaretoken': '{{ csrf_token }}'
},
success: 'success'
});
alert_text = '导出' + poemer + '数据成功';
alert(alert_text);
});
});
</script>
</p>
2.3 tangshi.urls.py
from django.conf.urls import url
from . import views
urlpatterns = [
url(r'^poemers_search/$', views.poemers_search, name='poemers_search'),
url(r'^poemers/$', views.poemers, name='poemers'),
url(r'^all_word_cloud/$', views.poem_ajax, name='all_word_cloud'),
url(r'^export_all_excel/$', views.export_all_excel, name='export_all_excel'),
url(r'^export_per_excel/$', views.export_per_excel, name='export_per_excel'),
]
2.4 tangshi.views.py 中export_all_excel 函数为 实例化 SQLS/tangshi_sqls.py里的TangShi类的export_excel函数
def export_all_excel(request):
tangshi = TangShi()
alert_text = tangshi.export_excel(None)
return HttpResponse(alert_text)
2.5 SQLS/tangshi_sqls.py里的TangShi类的export_excel函数
#首先逻辑判断是搜索页面还是默认全部显示页面,全部显示页面poemer值为None,导出全部,搜索页面导出某一个诗人数据 poemer会有值
def export_excel(self,poemer):
par_path = path.join(BASE_DIR, 'static/xlsxfiles')
os.chdir(par_path)
if poemer:
file = poemer + '.xlsx'
# 删除昨日执行文件
if os.path.isfile(file):
os.remove(file)
data = self.per_poemer_data(poemer)
else:
file ='all_poemers.xlsx'
if os.path.isfile(file):
os.remove(file)
data = self.all_poemers_data()
fields = ['id', 'chaodai', 'poemer', 'zuopins_total', 'poemer_url']
workbook = xlsxwriter.Workbook(file)
worksheet = workbook.add_worksheet('data')
# 表头格式
format1 = workbook.add_format(
{'bold': True, 'font_color': 'black', 'font_size': 13, 'align': 'left', 'font_name': u'宋体'})
# 表头外格式
format2 = workbook.add_format({'font_color': 'black', 'font_size': 9, 'align': 'left', 'font_name': u'宋体'})
# A列列宽设置能更好的显示
worksheet.set_column("A:A", 9)
# 插入第一行表头标题
for i in range(0, len(fields)):
field = fields[i]
worksheet.write(0, i, field, format1)
#从第二行开始插入数据
for i in range(len(data)):
item = data[i]
for j in range(len(fields)):
field = fields[j]
worksheet.write(i+1, j, item[field], format2)
workbook.close()
alert_text = '导出%s条数据到excel成功' % len(data)
return alert_text
-
导出
3.1 导出全部文件
文件生成
页面提示
全部数据
3.2 导出搜索结果的文件
文件生成
页面提示
搜索的数据导出