jquery ajax三层架构,layui + 三层架构 + ajax 导出功能

直接上效果图和源码:

3ecc9f486088c12416df13dda0ef1b10.png

1.先全选数据,然后点击导出

43a79b51bdb8b7d14ad3c3501174e46b.png

2.前端ui使用取值

不懂使用UI的可以去官网有详细文档连接:https://www.layui.com

b9d6ad460e60c35fc7f64ffc5e60c9ba.png

3.这是后台控制器必须要引入的文件,可以在vs工具->NuGet包管理->程序包管理设置 (里面搜索)

b602a85b4fea466ee058398aec49a509.png

4.这是后台代码,事件,从dal层查询到数据放到list集合中,上面是定义表头

5194644d00648939faba193c0ab15e79.png

5.上面是循环数据,把数据循环,放到表格里面去

4adfc4edcee8a325c3abc015b1309d19.png

6,这里是定义文件夹路径,先获取项目的基目录,如何项目文件里没有这个文件夹就默认创建一个文件夹名为:Uploadss,后面是添加Excel文件的表名,(注意获取到基目录后 面 的“\\” 斜杠必须加)。

1aadf022def93470b3c9501a0632c39f.png

7.这里是,6返回给前台后的路径,在返回值哪里调用通过

success: function () {

window.location.href = "/Left_D/DataExcel"; //跳到导出方法

}

大功告成!

8.最后效果图

8188a32fbc0dc44b3a0a46979a938404.png

9.打开效果

e41f9e576884d0c79fba572506805639.png

总结:

虽然网上找的各种各样的例子,都大同小异但是写法不同调用的方式也不同,最后自己适合自己的才是有用的!

原文:https://www.cnblogs.com/liuchunlin/p/11583835.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要安装 Django、Layui 和 Pandas。然后,你可以按照以下步骤实现导出数据: 1. 在 Django 中创建一个视图函数,用于处理导出数据的请求。这个函数需要从数据库中获取数据,并将其转换为 Pandas DataFrame 对象。 ```python import pandas as pd from django.http import HttpResponse def export_data(request): # 使用原生 SQL 查询获取数据 cursor = connection.cursor() cursor.execute("SELECT id, name, age FROM myapp_person") data = cursor.fetchall() # 将数据转换为 Pandas DataFrame 对象 df = pd.DataFrame(data, columns=['id', 'name', 'age']) # 将 DataFrame 对象转换为 CSV 格式 response = HttpResponse(content_type='text/csv') response['Content-Disposition'] = 'attachment; filename="data.csv"' df.to_csv(path_or_buf=response, index=False) return response ``` 2. 在 Django 中创建一个 URL 路由,将导出数据请求映射到导出数据视图函数。 ```python from django.urls import path from . import views urlpatterns = [ path('export_data/', views.export_data, name='export_data'), ] ``` 3. 在 Layui 中创建一个按钮,用于触发导出数据请求。当用户点击这个按钮时,Layui 将发送一个 AJAX 请求到导出数据的 URL。 ```html <button id="export-btn" class="layui-btn">导出数据</button> <script> layui.use('jquery', function() { var $ = layui.jquery; $('#export-btn').click(function() { window.location.href = '/export_data/'; }); }); </script> ``` 当用户点击导出数据按钮时,浏览器将下载一个名为 data.csv 的 CSV 文件,其中包含从数据库中查询出来的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值