ssm实现分页查询的实例

2024-10-09 10:50:38

ssm整合实现分页查询

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

1.mapper.xml配置

<select id="selectUsersByPage" parameterType="int" resultMap="UserMap">
   SELECT * number from user limit #{page},10
</select>

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

2.index.jsp

<html>
<head>
 <title>page</title>
 <link rel="stylesheet" type="text/css" href="css/index.css" rel="external nofollow" >
</head>
<body>
<div style="width: 100%;margin-top:20px;">
 <table>
  <tr style="background-color: #F5F5F5;">
   <th>username</th>
   <th>password</th>
   <th>sex</th>
   <th>email</th>
   <th>createTime</th>
   <th>updateTime</th>
  </tr>
  <div id = "show_data">
   <c:choose>
    <c:when test="${ulist != null}">
     <c:forEach items="${ulist}" var="u">
      <tr>
       <td>${u.username}</td>
       <td>${u.password}</td>
       <td>${u.sex}</td>
       <td>${u.email}</td>
       <td><fmt:formatDate value="${u.create_time}" type="date"/></td>
       <td><fmt:formatDate value="${u.update_time}" type="date"/></td>
      </tr>
     </c:forEach>
    </c:when>
    <c:otherwise>
     <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
     </tr>
    </c:otherwise>
   </c:choose>
  </div>
 </table>
 <div class="page">
  <div class="page_cell">首页</div>
  <div class="page_cell" ip="up_page">上一页</div>
  <div style="float: left;margin: 2px"><%=session.getAttribute("page")%>/${ulist[0].number}</div>
  <div class="page_cell" onclick="next_page(<%=session.getAttribute("page")%>)">下一页</div>
  <div class="page_cell">末页</div>
 </div>
</div>
</body>
 <script type="text/javascript" src="js/index.js"></script>
 <script type="text/javascript" src="js/jquery.js"></script>
</html>

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<data.length; i++){
    //.....异步刷新页面
   }
  },
  error:function(data){
   alert("网络连接错误");
  }
 });
}

5.控制器

@RequestMapping("/index.do")
 public String index(ModelMap map, HttpSession session){
  session.setAttribute("page",1);
  List<User> 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<String,String> paramsMap = JSON.parseObject(params,new TypeReference<Map<String,String>>(){});
  System.out.println(params.get("page").toString());
  List<User> ulist = userService.selectUsersByPage(Integer.parseInt(params.get("page").toString())*10);
  return JSON.toJSONString(ulist);
 }

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

　原因：

<mvc:annotation-driven />会自动注册DefaultAnnotationHandlerMapping和AnnotationMethodHandlerAdapter两个bean ，AnnotationMethodHandlerAdapter将会初始化7个转换器，可以通过调用AnnotationMethodHandlerAdapter的getMessageConverts()方法来获取转换器的一个集合 List<HttpMessageConverter>

ByteArrayHttpMessageConverter
StringHttpMessageConverter
ResourceHttpMessageConverter
SourceHttpMessageConverter
XmlAwareFormHttpMessageConverter
Jaxb2RootElementHttpMessageConverter
MappingJacksonHttpMessageConverter

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

　　　　<dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.5.2</version>
    </dependency>

    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.5.2</version>
    </dependency>

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

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

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

这篇ssm实现分页查询的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

Spring MVC+MyBatis+MySQL实现分页功能实例

前言最近因为工作的原因,在使用SSM框架实现一个商品信息展示的功能,商品的数据较多,不免用到分页,查了一番MyBatis分页的做法,终于是实现了,在这里记录下来分享给大家,下面来一起看看详细的介绍: 方法如下: 首先写一个分页的工具类,定义当前页数,总页数,每页显示多少等属性. /** * 分页工具类 */ public class Page implements Serializable { private static final long serialVersionUID = -22
ssm实现分页查询的实例

ssm整合实现分页查询一.通过limit查询语句实现分页,并展示 1.mapper.xml配置 <select id="selectUsersByPage" parameterType="int" resultMap="UserMap"> SELECT * number from user limit #{page},10 </select> 查询user表,从第page项开始,每次返回10条数据 2.index.jsp
Oracle分页查询的实例详解

Oracle分页查询的实例详解 1.Oracle分页查询: SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM tab) A WHERE ROWNUM <= 40 ) WHERE RN >= 21; 这个分页比下面的执行时间少,效率高. 2. select * from (select c.*,rownum rn from tab c) where rn between 21 and 40 对比这两种写法,绝大多数的情况下,第一个
oracle+mybatis-plus+springboot实现分页查询的实例

今天蠢了一上午才弄出这玩意,话不多说上代码! 1.建一个配置类 package com.sie.demo.config; import com.baomidou.mybatisplus.annotation.DbType; import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor; import com.baomidou.mybatisplus.extension.plugins.PaginationInte
使用ElementUI写一个前端分页查询的实例

目录前言前端分页查询写在最后前言一般我们在做项目的时候,都是通过调用后台接口去做增删改查,但是也有例外,有些某些特定场景下,会让前端去做好增删改查. 那么我们今天就来做一下这个需求. 使用的框架是Vue,UI框架是使用率很高的ElementUI. 那么我们开干吧. 前端分页假定我们的数据是通过点击一个添加按钮,弹出一个添加弹窗,输入好数据后,点击确定按钮,把数据保存到表格中去. 那么就是这样的 { data () { return { page: { pageOffset: 1,
oracle,mysql,SqlServer三种数据库的分页查询的实例

MySql: MySQL数据库实现分页比较简单,提供了 LIMIT函数.一般只需要直接写到sql语句后面就行了.LIMIT子句可以用来限制由SELECT语句返回过来的数据数量,它有一个或两个参数,如果给出两个参数, 第一个参数指定返回的第一行在所有数据中的位置,从0开始(注意不是1),第二个参数指定最多返回行数.例如:select * from table WHERE - LIMIT 10; #返回前10行select * from table WHERE - LIMIT 0,10; #返回前
EasyUi+Spring Data 实现按条件分页查询的实例代码

Spring data 介绍 Spring data 出现目的为了简化.统一持久层各种实现技术 API ,所以 spring data 提供一套标准 API 和不同持久层整合技术实现 . 自己开发 Repository 只需要继承 JpaRepository 接口CrudRepository save. delete. deteleAll. findAll. findOne. count PagingAndSortingRepository findAll(Sort) 基于排序的查询.
mybatis-plus实现自定义SQL、多表查询与多表分页查询语句实例

目录前言 1.自定义SQL 2.多表查询 3.多表分页查询 4.多表分页条件查询总结前言本文介绍了在mybatis-plus中如何实现:自定义SQL语句,多表查询语句,多表分页查询语句在说怎么实现之前我们要先明白一个概念,就是mybatis-plus是在mybatis的基础上进行增强,并不做改变,所以mybatis的操作在mybatis-plus中也是一样可以使用的,咱们直接上代码 1.自定义SQL 在mapper中自定义一个方法即可 @Repository public interf
ssm框架+PageHelper插件实现分页查询功能

通过搭建ssm框架,然后通过mybatis的分页插件pagehelp进行分页查询. 源码:https://gitee.com/smfx1314/pagehelper 看一下项目结构: 首先创建一个maven工程,pom中引入相关jar包 <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId&
kkpager 实现ajax分页查询功能

前台分页数据,适合数据少量的时候,因为分页的数据是从后台获取的,大数据的话不建议使用先看下前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/kkpager/lib/jquery-1.10.2.min.js
MyBatis如何使用PageHelper实现分页查询

目录使用PageHelper实现分页查询 1.创建数据表 2.创建项目 2.1 创建实体类(Entity层) 2.2 数据库映射层(Mapper层) 3.运行测试 MyBatis PageHelper的使用 1.引入pagehelper的jar包 2.在mybatis的配置文件中配置拦截(也可以在spring配置文件中配置) 3.代码中如何实现 4.注意事项分页不安全的情况使用PageHelper实现分页查询 [实例]MyBatis使用PageHelper实现分页查询,并显示分页信息.执行

ssm实现分页查询的实例

相关推荐

随机推荐