dataTables分页实现

最新推荐文章于 2024-07-03 03:03:06 发布

原创最新推荐文章于 2024-07-03 03:03:06 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datatables

Java 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个基于Java的日报管理系统，涵盖了前端展示与后端数据处理流程。系统使用Datatables进行数据展示，并实现了日报数据的分页加载、搜索与导出功能。后端通过Controller接收请求参数，调用service层获取数据，返回给前端展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台
<%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%>
<%@ include file="/common/ctx.jsp"%>

// d.extra_search = userName;
// alert(d.orderType)
// alert(d.userName)
}
},
// “fnDrawCallback” : function(){
// 　　this.api().column(0).nodes().each(function(cell, i) {
// 　　　　cell.innerHTML = i + 1;
// 　　});
// },
“columns”: [
{ “data”: “realName” },
{ “data”: “task” },
{
“data”: “progress” ,
render: function (data, type, full, meta) { //方法
return data;
}
},
{ “data”: “description” } ,
{ “data”: “createTime” },
{
“data” : “opinion”,
render: function(data, type,full, meta) {
return data;
}
}
]
} );
} );

 导出日报  添加日报

-  搜索

用户姓名	任务	处理情况	备注	日报时间	批示

后台controller：
/**
* 工作日报列表数据加载
* @param request
* @param response
* @param result
* @param session
* @return
*/
@RequestMapping(value="/dailyList", method=RequestMethod.GET)
@ResponseBody
public DatatablesViewPage dailyList(HttpServletRequest request){
//获取分页控件的信息
String start = request.getParameter(“start”);
System.out.println(start);
String length = request.getParameter(“length”);
System.out.println(length);
//获取前台额外传递过来的查询条件
// String extra_search = request.getParameter(“extra_search”);
// System.out.println(extra_search);
String orderType = request.getParameter(“orderType”);
System.out.println(orderType);
String realName = request.getParameter(“realName”);
System.out.println(realName);
String startDate = request.getParameter(“startDate”);
System.out.println(startDate);
String endDate = request.getParameter(“endDate”);
System.out.println(endDate);
String customSearch = request.getParameter(“customSearch”);
System.out.println(customSearch);
//随便组织的查询结果
Map<String,Object> param = new HashMap<String,Object>();
param.put(“start”, start);
param.put(“length”, length);
param.put(“realName”, realName);
param.put(“startDate”, startDate);
param.put(“endDate”, endDate);
param.put(“orderType”, orderType);
List dailyList = dailyService.dailyList(param);
int dailyTotal = dailyService.dailyTotal(param);

    DatatablesViewPage<Daily> view = new DatatablesViewPage<Daily>(); 
    view.setiTotalDisplayRecords(dailyTotal); 
    view.setiTotalRecords(dailyTotal); 
    view.setAaData(dailyList); 
    return view; 
}