ssm实现分页查询的实例

网友投稿 284 2023-03-19


ssm实现分页查询的实例

ssm整合实现分页查询

一、通过limit查询语句实现分页,并展示

1.mapper.xml配置

SELECT * number from user limit #{page},10

查询user表,从第page项开始,每次返回10条数据

2.index.jsp

&lthttp://;title>page

http://

)">下一页

3.css

body{

width: 100%;

margin: 0;

}

table{

border:1px solid red;

text-align: center;

margin: auto;

border-collapse: collapse;

}

tr{

border: 1px solid #ddd

}

th{

width: 150px;

font-weight: 700;

height: 36px;

}

td{

height: 36px;

}

.page{

margin: auto;

width: 300px;

text-align: center;

margin-top: 10px;

}

.page_cell{

float: left;

width: 50px;

border:1px solid #F5F5F5;

margin:2px;

cursor: pointer;

}

.page_cell:hover{

-webkit-box-shadow: #777 0px 0px 1px;

}

4.js

/**

* 下一页

*/

function next_page(page){

var data = {

"page":page

};

$.ajax({

type:"post",

url:"/RoleControl/next_page.do",

data:JSON.stringify(data),

dataType:"json",

contentType:"application/json",

success:function(data){

var show_data = document.getElementById("show_data")

show_data.innerHTML = " ";

for(i=0; i

//.....异步刷新页面

}

},

error:function(data){

alert("网络连接错误");

}

});

}

5.控制器

@RequestMapping("/index.do")

public String index(ModelMap map, HttpSession session){

session.setAttribute("page",1);

List ulist = userService.selectUsersByPage(0);

map.put("ulist",ulist);

return "index";

}

/**

* 用户信息分页查询

* @param params

* @return

*/

@RequestMapping(value = "/next_page.do",method = RequestMethod.POST)

@ResponseBody

public String getUsersByPage(@RequestBody JSONObject params){

// Map paramsMap = JSON.parseObject(params,new TypeReference>(){});

System.out.println(params.get("page").toString());

List ulist = userService.selectUsersByPage(Integer.parseInt(params.get("page").toString())*10);

return JSON.toJSONString(ulist);

}

问题:在ajax传递json对象的时候,发生了415错误(未知媒体错误)

原因:

会自动注册DefaultAnnotationHandlerMapping和AnnotationMethodHandlerAdapter两个bean ,AnnotationMethodHandlerAdapter将会初始化7个转换器,可以通过调用AnnotationMethodHandlerAdapter的getMessageConverts()方法来获取转换器的一个集合 List

ByteArrayHttpMessageConverter

StringHttpMessageConverter

ResourceHttpMessageConverter

SourceHttpMessageConverter

XmlAwareFormHttpMessageConverter

Jaxb2RootElementHttpMessageConverter

MappingJacksonHttpMessageConverter

解决:对于json的解析就是通过MappingJacksonHttpMessageConverter转换器完成的。所以就需要加入jackson依赖包:

com.fasterxml.jackson.core

jackson-core

2.5.2

com.fasterxml.jackson.core

jackson-databind

2.5.2

加了依赖包后问题就完美解决了,运行结果如下:

以上查询的数据是通过存储过程批量插入的:

begin

declare pid int;

set pid = 10000;

while pid>0 DO

insert into user values (pid,'pw','sex','email',now(),now());

set pid = pid-1;

end while;

end

//.....异步刷新页面

}

},

error:function(data){

alert("网络连接错误");

}

});

}

5.控制器

@RequestMapping("/index.do")

public String index(ModelMap map, HttpSession session){

session.setAttribute("page",1);

List ulist = userService.selectUsersByPage(0);

map.put("ulist",ulist);

return "index";

}

/**

* 用户信息分页查询

* @param params

* @return

*/

@RequestMapping(value = "/next_page.do",method = RequestMethod.POST)

@ResponseBody

public String getUsersByPage(@RequestBody JSONObject params){

// Map paramsMap = JSON.parseObject(params,new TypeReference>(){});

System.out.println(params.get("page").toString());

List ulist = userService.selectUsersByPage(Integer.parseInt(params.get("page").toString())*10);

return JSON.toJSONString(ulist);

}

问题:在ajax传递json对象的时候,发生了415错误(未知媒体错误)

原因:

会自动注册DefaultAnnotationHandlerMapping和AnnotationMethodHandlerAdapter两个bean ,AnnotationMethodHandlerAdapter将会初始化7个转换器,可以通过调用AnnotationMethodHandlerAdapter的getMessageConverts()方法来获取转换器的一个集合 List

ByteArrayHttpMessageConverter

StringHttpMessageConverter

ResourceHttpMessageConverter

SourceHttpMessageConverter

XmlAwareFormHttpMessageConverter

Jaxb2RootElementHttpMessageConverter

MappingJacksonHttpMessageConverter

解决:对于json的解析就是通过MappingJacksonHttpMessageConverter转换器完成的。所以就需要加入jackson依赖包:

com.fasterxml.jackson.core

jackson-core

2.5.2

com.fasterxml.jackson.core

jackson-databind

2.5.2

加了依赖包后问题就完美解决了,运行结果如下:

以上查询的数据是通过存储过程批量插入的:

begin

declare pid int;

set pid = 10000;

while pid>0 DO

insert into user values (pid,'pw','sex','email',now(),now());

set pid = pid-1;

end while;

end

ByteArrayHttpMessageConverter

StringHttpMessageConverter

ResourceHttpMessageConverter

SourceHttpMessageConverter

XmlAwareFormHttpMessageConverter

Jaxb2RootElementHttpMessageConverter

MappingJacksonHttpMessageConverter

解决:对于json的解析就是通过MappingJacksonHttpMessageConverter转换器完成的。所以就需要加入jackson依赖包:

com.fasterxml.jackson.core

jackson-core

2.5.2

com.fasterxml.jackson.core

jackson-databind

2.5.2

加了依赖包后问题就完美解决了,运行结果如下:

以上查询的数据是通过存储过程批量插入的:

begin

declare pid int;

set pid = 10000;

while pid>0 DO

insert into user values (pid,'pw','sex','email',now(),now());

set pid = pid-1;

end while;

end


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:vue使用mint
下一篇:Java中消息队列任务的平滑关闭详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~