首页 > Web开发 > 详细

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

时间:2019-09-25 12:47:53      阅读:243      评论:0      收藏:0      [点我收藏+]

直接上效果图和源码:

技术分享图片

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

 

技术分享图片

2.前端ui使用取值

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

 

技术分享图片

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

 

技术分享图片

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

 

技术分享图片

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

 

技术分享图片

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

 

技术分享图片

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

  success: function () {
    window.location.href = "/Left_D/DataExcel"; //跳到导出方法
  }

  大功告成!

8.最后效果图

技术分享图片

 

9.打开效果

  技术分享图片

 

  总结:

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!