基于ssm+ajax实现的多条件带省略号分页

ssm+ajax+layui实现的多条件分页源码，案列种包含数据库和前后台完整源码,演示地址: ssm+ajax实现的多条件分页源码

前台核心代码:

layui.use([ 'form' ], function() {

var form = layui.form;

form.render();

});

var table = layui.table;

loadData();

function loadData() {

//第一个实例

table

.render({

elem : '#demo',

method : "post",

url : 'demos/getUser.action' //数据接口

,page : true //开启分页

,otalRow : true,

limit:13,

where : {

"nickname" : $("#nickname").val(),

"email" : $("#email").val(),

"sex" : $("#sex").val()

},

cols : [ [ //表头

{

field : 'id',

title : 'ID',

sort : true,

fixed : 'left'

},

{

field : 'nickname',

title : '姓名',

},

{

field : 'sex',

title : '性别',

width : 80,

sort : true,

templet : function(d) {

if (d.sex == 1) {

return '<span class="layui-badge layui-bg-blue">男</span>';

} else {

return ' <span class="layui-badge layui-bg-orange">女</span>';

}

}

}, {

field : 'bean',

title : '积分',

width : 90,

sort : true,

totalRow : true

}, {

field : 'city',

title : '城市',

}, {

field : 'email',

title : '邮箱',

}, {

field : 'intro',

title : '介绍',

sort : true

} ] ]

});

/*  */

}

后台使用jjava ssm框架返回json数据

// 可以把一个集合转为json返回给前端

@RequestMapping("get")

// 注意参数的名字要与前端对应（当然你自己制定名字也行，这里就默认用它的参数名字接手了）

public  @ResponseBody Map<String, Object> get(User user, int page, int limit) {

user.setCpage((page-1) * limit);

user.setPsize(limit);

List<User> users = userService.get(user);

int totalCount = userService.getCount(user);

Map<String, Object> tableData = new HashMap<String, Object>();

// 这是layui要求返回的json数据格式

tableData.put("code", 0);

tableData.put("msg", "");

// 将全部数据的条数作为count传给前台（一共多少条）

tableData.put("count", totalCount);

// 将分页后的数据返回（每页要显示的数据）

tableData.put("data", users);

// 返回给前端

return tableData;

}

源码下载地址:ssm框架+ajax实现的多条件分页源码-源码世界