Springmvc + mongodb + dataTables 分页显示数据及导出Excel文件

本文介绍了如何结合Springmvc、mongodb和dataTables进行数据的分页显示,并详细讲解了如何将这些数据导出为Excel文件。涉及到的库包括Spring框架、MongoDB Java驱动、数据分页组件和Excel处理库。
摘要由CSDN通过智能技术生成
1、html 
<! DOCTYPE   html>
< html >
< head >
< title >   用户管理 </ title   >
< meta   name =   "keywords"   content   = "keyword1,keyword2,keyword3" >
< meta   name =   "description"   content   = "this is my page" >
< meta   name =   "content-type"   content   = "text/html; charset=UTF-8" >
<!-- DATE RANGE PICKER -->
< style   type =   "text/css"   title   = "currentStyle" >
      @IMPORT   url("${request.contextPath}/plugin/cloudadmin/js/datatables/media/css/demo_page.css")   ;
      @IMPORT   url("${request.contextPath}/plugin/cloudadmin/js/datatables/media/css/demo_table_jui.css")   ;
      @IMPORT   url("${request.contextPath}/plugin/cloudadmin/js/datatables/media/css/demo_table.css")   ;
      @IMPORT   url("${request.contextPath}/plugin/cloudadmin/js/datatables/extras/TableTools/media/css/TableTools.min.css")   ;
      @IMPORT   url("${request.contextPath}/plugin/cloudadmin/js/datatables/extras/TableTools/media/css/TableTools._JUI.css")   ;
</ style >
< script   type =   "text/javascript"   src =   "${request.contextPath}/plugin/cloudadmin/js/datatables/media/js/jquery.js"   ></ script   >
< script   type =   "text/javascript"   src =   "${request.contextPath}/plugin/cloudadmin/js/datatables/media/js/jquery.dataTables.min.js"   ></ script   >
< script   type =   "text/javascript"   src =   "${request.contextPath}/plugin/cloudadmin/js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js"   ></ script   >
< script   type =   "text/javascript"   src =   "${request.contextPath}/plugin/cloudadmin/js/datatables/extras/TableTools/media/js/TableTools.min.js"   ></ script   >
< script   type =   "text/javascript" >
     var   url =   "${request.contextPath}/user/page.do"   ;
     $(document).ready(   function (){
         $(   '#example' ).dataTable({
             "bFilter" :   false ,   //过滤功能
             //关闭过滤功能替换为文件导出按钮
             "sDom"   :   'T<"clear">lfrtip'   ,
             //"sDom" : "<'row-fluid inboxHeader'<'span6'<'dt_actions'>l><'span6'f>r>t<'row-fluid inboxFooter'<'span6'i><'span6'p>>", //待补充
             "bPaginate" :   true ,   //翻页功能
             "bLengthChange" :   true ,   //改变每页显示数据数量
             "bSort" :   true ,   //排序功能
             "bInfo" :   true , //页脚信息
             "bAutoWidth" :   true , //自动宽度
             "sPaginationType"   :   "full_numbers"   ,   //分页风格,full_number会把所有页码显示出来
             "bProcessing" :   false ,   // 是否显示取数据时的那个等待提示
             "bServerSide" :   true , //这个用来指明是通过服务端来取数据
             "sAjaxSource" : url, //这个是请求的地址
             "fnServerData" : retrieveData , // 获取数据的处理函数
             "aoColumns"   : [
              {   "sDefaultContent"   :   ''   }, 
              {   "mData"   :   'name'   }, 
              {   "mData"   :   'rolename'   },
                    {   "mData"   :   'statue'   },
                        //mData 表示发请求时候本列的列名,返回的数据中相同下标名字的数据会填充到这一列
                     {   "sDefaultContent"   :   ''   }
                ],
                   "oTableTools"   : {//导出文件
                        "sSwfPath"   :   "${request.contextPath}/plugin/cloudadmin/js/datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"   ,
                        "aButtons"   : [
                         {
                              "sExtends"   :   "xls"   ,
                              "sButtonText"   :   "导出Excel文件"   ,
                              "sFileName"   :   "*.xls"
                           },
                         ]
                },
                   "oLanguage" : { //国际化
                        "sLengthMenu" :   "每页显示 _MENU_ 条记录"  
                        "sZeroRecords" :   "抱歉, 没有找到"  
                        "sInfo" :   "从 _START_ 到 _END_ /共 _TOTAL_ 条数据"
                        "sInfoEmpty" :   "没有数据"  
                        "sInfoFiltered" :   "(从 _MAX_ 条数据中检索)"  
                        "oPaginate" : { 
                              "sFirst" :   "首页"  
                              "sPrevious" :   "前一页"  
                              "sNext" :   "后一页"  
                              "sLast" :   "尾页"    
                     }, 
                        "sZeroRecords" :   "没有检索到数据"  
                        "sProcessing" :   "<img src='./loading.gif' />"  
                }, 
             "fnRowCallback"   :   function (nRow, aData,iDisplayIndex) {//设置列从0开始
                     $(   'td:eq(0)' , nRow).html(iDisplayIndex + 1);
                        if (aData.id ==   "${userid}"   ){
                              if (aData.statue ==   "Y"   ){
                                $(   'td:eq(3)' , nRow).html( &#
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值