设为首页 加入收藏

TOP

layui + 三层架构 + ajax 导出Excel功能
2019-09-25 18:11:48 】 浏览:52
Tags:layui 架构 ajax 导出 Excel 功能

直接上效果图和源码:

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

 

2.前端ui使用取值

  不懂使用Layui的可以去官网有详细文档连接: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.打开效果

  

 

  总结:

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

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Jenkins 结合 Docker 为 .NET Cor.. 下一篇Winform中对xml文件进行保存时空..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目