基于Mysql数据库的SSM分页查询

2440

　　前言: Hello，本Y又来了，"分页"在我们使用软件的过程中是一个很常见的场景，比如博客园对于每个博主的博客都进行了分页展示。可以简单清晰的展示数据，防止一下子将过多的数据展现给用户，毕竟用户的阅读能力和短期接受力都有限，使用分页可以避免带给用户浏览上的不舒服感，利用它可以带给用户良好的体验，便于浏览和查询数据。那么本期我们的博客就来探讨关于分页，使用的Java的框架是Spring+Springmvc+mybatis，这也是目前企业非常流行的搭配方式，使用的数据库是Mysql,我们将采用项目驱动的方式，模拟一个论坛帖子浏览的功能，做一个对论坛中的帖子进行分页查询的Demo
　　目录：
　　一：SSM框架的搭建
　　二：Mysql的分页机制
　　三：代码的分层结构
　　四：功能演示
　　五：原理总结
　　一：SSM框架的搭建
　　1.1：基本的文件配置
　　1.1.1：web.xml
　　任何一个web项目的起点都是web.xml，通过它我们可以知道这个项目所使用的技术，本次我们使用的是MVC框架是springmvc，所以我们必须在web.xml中配置SpringMvc，我们来看看web.xml的代码（这里我只写关键的部分）：
　　

    <!-- 编码过滤器 -->　　<filter>
　　<filter-name>encodingFilter</filter-name>
　　<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
　　<init-param>
　　<param-name>encoding</param-name>
　　<param-value>UTF-8</param-value>
　　</init-param>
　　</filter>
　　

　　<filter-mapping>
　　<filter-name>encodingFilter</filter-name>
　　<url-pattern>/*</url-pattern>
　　</filter-mapping>
　　

　　<!--  Springmvc的配置 -->
　　<servlet>
　　<servlet-name>Springmvc</servlet-name>
　　<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
　　<init-param>
　　<param-name>contextConfigLocation</param-name>
　　<param-value>/WEB-INF/springmvc-config.xml</param-value>
　　</init-param>
　　</servlet>
　　<servlet-mapping>
　　<servlet-name>Springmvc</servlet-name>
　　<url-pattern>*.do</url-pattern>
　　</servlet-mapping>
　　

　　<!-- 上下文监听器 -->
　　<context-param>
　　<param-name>contextConfigLocation</param-name>
　　<param-value>classpath:mybatis-config.xml</param-value>
　　</context-param>
　　<listener>
　　<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
　　</listener>
　　

　　其中编码过滤器主要是对web的请求进行过滤，防止其编码不统一而产生乱码，这里统一设定为utf-8,接下来就是Springmvc的配置，主要配置了DispatcherServlet，注意这里的适配url是以.do方式结尾的，所以我们后面 的请求方式都要是.do结尾的，这样Springmvc才能识别，其中又引用了springmvc-config.xml这个文件，这个文件的作用就是Spring的具体配置了，我们来看看：
　　1.1.2：springmvc-config.xml配置文件
　　

    <!-- 注解扫描 -->　　<context:annotation-config></context:annotation-config>
　　

　　<!-- 扫描的包 -->
　　<context:component-scan base-package="com.wyq"></context:component-scan>
　　

　　<!--视图解析器 -->
　　<bean
　　class="org.springframework.web.servlet.view.InternalResourceViewResolver">
　　<property name="prefix" value="/" />
　　<property name="suffix" value=".jsp" />
　　</bean>
　　

　　可以看出其中主要配置了注解扫描器，以包级为单位用来扫描我们代码中的注解，这里的注解包括@Controller @Service等,有了这个配置我们的注解才能生效。接下来就是视图解析器，它主要就是给我们的控制器返回的值加路径和.jsp，我们就不用在java代码中写.jsp了，很方便的一个东西
　　。1.1.3：mybatis-config.xml
　　顺着web.xml往下看，可以看到mybatis-config.xml，顾名思义，这个主要作用就是用来配置mybatis的：
　　

     <!-- 数据源 -->　　<bean name="dataSource">
　　<property name="url" value="jdbc:mysql://localhost:3306/pageparation?characterEncoding=utf8" />
　　<property name="driverClassName" value="com.mysql.jdbc.Driver" />
　　<property name="username" value="root" />
　　<property name="password" value="123" />
　　</bean>
　　<!--  事务管理器 -->
　　<bean name="transactionManager"
　　class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
　　<property name="dataSource" ref="dataSource" />
　　</bean>
　　<!--   注解驱动 -->
　　<tx:annotation-driven transaction-manager="transactionManager"></tx:annotation-driven>
　　<!--  会话工厂 -->
　　<bean>
　　<property name="dataSource" ref="dataSource" />
　　<property name="mapperLocations" value="classpath:com/wyq/Dao/*.xml"/>
　　</bean>
　　<!-- mapper文件配置器 -->
　　<bean name="mapperScannerConfigurer">
　　<property name="basePackage" value="com.wyq.*" />
　　<property name="sqlSessionFactory" ref="sqlSessionFactory" />
　　</bean>
　　

　　可以看出，我们其中主要是配置了数据源、事务等相关的东西，数据源也就是连接mysql的属性，事务管理器就是用来管理事务的，比如增删改都需要用到事务管理器(查询一般不需要事务)。下面的两个都是mybatis特有的，我们写的Mapper的路径等等
　　二：Mysql的分页机制
　　2.1：数据库构造数据
　　我们这次模拟的是一个分页查询论坛中帖子的demo，所以首先建一张表，用来存放数据：（下面的数据都来自天涯论坛），我们要做的就是对这些数据进行显示，然后分页
　　2.2：Mysql的分页机制
　　Mysql的分页查询语句是：select * from table limit param1,param2 ,其中param1是查询的开始，param2是查询的条数，其实也就是我们的页大小，然后利句这些sql，我们就可以在每次点击“上一条”，下一条“的时候在服务器端完成数据的分页，具体的原理请看下面的代码

　　如图所示，其中limit第一个数字表示的是开始查询的编号（注意：它是从0开始的，而Id是从1开始的），所以查出来的第一条是4，然后第二个数字是4，也就是最终查出来是4条数据。这样4就充当了分页中的PageSize的角色
　　三：代码分层结构
　　按照 我们以往的代码习惯，我们的代码分为Controller层、Service层，Dao层，我们来依次看一下按照这三个层次划分的代码结构，首先我们先看看DB层，也就是Dao层：
　　3.1:Dao层
　　

public interface InvactionMapper { //Mapper接口　　public List<Invitation>  searchInvList(Page page);//查询帖子列表
　　public List<Invitation> getInvBycondtion(Page page);//根据条件查询帖子
　　public Integer searchTotalCount(Page page);//搜索总数量
　　public Integer deleteInvition(Integer>　　
   
　　
}
　　

　　这里定义了一系列的接口方法，主要是用来操作数据库的，而对于其具体的实现，这里我们不需要写实现类，根据mybatis的特性，我们需要有一个对应的Mapper的文件，然后把其方法和mapper中的xml文件对应，就可以完成对数据库的操作了，需要注意的是：（mapper和xml最好在一个包下，否则会有很蛋疼的异常，楼主在这上面花费了一个晚会才解决 - -）具体的代码如下：
　　

<mapper namespace="com.wyq.Dao.InvactionMapper">　　<!--注意： nameSpace要和接口的名字和路径对应 -->
　　

　　<resultMap type="com.wyq.Entities.Invitation">
　　<id column="id" property="id"></id>
　　<result column="content" property="content"></result>
　　<result column="title" property="title"></result>
　　<result column="createDate" property="createDate"></result>
　　<result column="summay" property="summay"></result>
　　<result column="author" property="author"></result>
　　</resultMap>
　　

　　<select parameterType="com.wyq.Entities.Page" resultMap="invatition">
　　

　　select * from invitation limit #{startRow},#{pageSize}
　　

　　</select>
　　

　　<select parameterType="com.wyq.Entities.Page"
　　resultType="java.lang.Integer">
　　select count(id) from invitation <where>
　　<if test="queryCondition!=null">
　　and>　　</if>
　　</where>
　　</select>
　　

　　

　　<select parameterType="com.wyq.Entities.Page" resultMap="invatition">
　　select * from invitation
　　<where>
　　<if test="queryCondition!=null">
　　title like  CONCAT('%',#{queryCondition},'%')
　　</if>
　　</where>
　　</select>
　　

　　<delete parameterType="java.lang.Integer">
　　delete from INVITATION
　　where
　　id=#{id}
　　</delete>
　　

　　
</mapper>
　　

　　其中可以看出我们在mapper文件中写了sql，而sql的写法其中用#{}这种方式携带参数，这里就是方法中的参数了，我们需要用的时候，只需要把值传入进去，mybaits，就会自动进行解析
　　3.2：Service层：
　　首先我们还是先来定义一个服务层的接口：
　　

public interface InvitationService {　　

　　List
<Invitation> searchInvList(Page page);　　

　　Integer searchTotalCount(Page page);
　　

　　Integer deleteInvition(Integer>　　List
<Invitation> getInvBycondtion(Page page);　　

　　
}
　　

　　然后是其具体的实现，需要注入mapper层：
　　

@Service　　
@Transactional
　　

public>
　　@Autowired
private InvactionMapper invactionMapper;　　@Override
public List<Invitation> searchInvList(Page page) {return invactionMapper.searchInvList(page);　　}
　　

　　

public Integer deleteInvition(Integer>
return invactionMapper.deleteInvition(id);　　}
　　

　　

public Integer searchTotalCount(Page page) {return invactionMapper.searchTotalCount(page);　　}
public List<Invitation> getInvBycondtion(Page page){return invactionMapper.getInvBycondtion(page);　　}
　　

　　
}
　　

　　注意这里我们加入了@Service注解，主要用来表示这就是一个Service层，然后注意这里有delete方法，所以这里也必须有一个@Transaction注解用来表示事务的操作
　　3.3：controller层
　　

@Controller　　
@Scope(
"prototype")　　

public>

　　@Autowired
private InvitationServiceImpl invitationServiceImpl;　　

　　@RequestMapping(
"init.do")public String searchInvList(Page page,HttpServletRequest request) throws UnsupportedEncodingException {　　

//组装page对象,传入方法中查询列表 回显数据　　Page p =page;
　　int pageSize=4; //设置每页大小
　　
        p.setPageSize(pageSize);
　　int curPage=p.getCurrentPage();
　　if (curPage==0) {
　　curPage=1;
　　p.setCurrentPage(curPage);
　　}
　　int startRow =page.getStartRow();
　　if (!(p.getCurrentPage()==0)) {
　　startRow = getStartRowBycurrentPage(curPage, pageSize);
　　}
　　p.setStartRow(startRow);
　　String queryCondition=null;
　　if (page.getQueryCondition()!=null) {
　　queryCondition = page.getQueryCondition();//查询条件
　　
        }
　　

　　

　　List<Invitation> Invlist = getInvListByCondition(page);
　　

　　Integer totalCounts = invitationServiceImpl.searchTotalCount(page);//总条数
　　

　　int totalPages=(totalCounts%pageSize==0)?(totalCounts/pageSize):(totalCounts/pageSize+1);//总页数=总条数/页大小+1
　　

　　p.setTotalPage(totalPages);//总页数
　　

　　page.setTotalRows(totalCounts);//总行数
　　

　　request.setAttribute("invList", Invlist);
　　

　　request.setAttribute("page", page);
　　

　　return "index";
　　}
　　

　　private List<Invitation> getInvListByCondition(Page page) {
　　List<Invitation> InvList =null;
　　if (page.getQueryCondition()==null) {
　　InvList = invitationServiceImpl.searchInvList(page);
　　return InvList;
　　}
　　InvList = invitationServiceImpl.getInvBycondtion(page);
　　return InvList;
　　}
　　

　　/**
　　* 删除帖子的方法

　　* @param>　　* @return
　　*/
　　@RequestMapping("isdelete.do")

　　public String deleteInvition(Integer>　　

　　invitationServiceImpl.deleteInvition(id);
　　return "index";
　　}
　　

　　/**
　　* 根据当前页获取开始行
　　* @param currentPage
　　* @param pageSize
　　* @return
　　*/
　　public int getStartRowBycurrentPage(int currentPage,int pageSize){
　　int startRow=0;
　　if (currentPage==1) {
　　return startRow=0;
　　}
　　startRow=(currentPage-1)*pageSize;
　　return startRow;
　　}
　　

　　

　　
}
　　

　　Controller就是我们的具体的控制器，这里实现对象的封装，调用Service层，Service层去操作数据库，数据库把数据返回来，我们再把数据放在服务端，在经过jsp进行渲染，其中这里一定要注意分页数据的操作，controller中主要实现的对所有的数据查询分页，然后还有我们对具体的条件查询出来的结果进行分页展示
　　3.4：jsp视图层页面
　　<body>
　　<center>
　　<table border="1">
　　<tr>
　　<td colspan="6"><h1>帖子列表</h1></td>
　　</tr>
　　<tr>
　　<td colspan="6">帖子标题：
　　<form action="init.do" method="get">
　　<input type="text" name="queryCondition"
　　value="${page.queryCondition}"> <input
　　type="submit" value="查询" />
　　</form>
　　</td>
　　</tr>
　　

      <th>编号</th>　　<th>标题</th>
　　<th>内容摘要</th>
　　<th>作者</th>
　　<th>发布时间</th>
　　<th>操作</th>
　　</tr>
　　<tr <c:if="" test="${status.count%2!=0}">
　　style=&quot;background-color:#dbce8f&quot;  &gt;
　　<td>${item.id}</td>
　　<td>${item.title}&quot;</td>
　　<td>${item.summay}</td>
　　<td>${item.author}</td> &lt;%--
　　<td>${item.content}</td> --%&gt;
　　<td>
　　<fmt:formatdate value="${item.createDate}" pattern="yyyy-MM-dd" /></td>
　　<td><a href="isdelete.do?id=${item.id}">删除</a></td>
　　</tr>  
　　</tbody>
　　</table>
　　<br />
　　<br />
　　<label>第${page.currentPage}/${page.totalPage}页 共${page.totalRows}条</label>
　　<a href="init.do?currentPage=0">首页</a>
　　<a href="init.do?currentPage=${page.currentPage-1}">上一页</a>
　　<a href="init.do?currentPage=${page.currentPage+1}">下一页</a>
　　<a href="init.do?currentPage=${page.totalPage}">尾页</a> 跳转到:
　　<input type="text" />页
　　<input type="button" value="跳转" />
　　</center>
　　<script type="text/javascript">
　　function checkFirst(){
　　if(${page.currentPage>1}){
　　return true;
　　}
　　alert("已到页首,无法加载更多");
　　return false;
　　}
　　function checkNext(){
　　if(${page.currentPage<page.totalPage}){
　　return true;
　　}
　　alert("已到页尾，无法加载更多页");
　　return false;
　　}
　　function startTurn(){
　　var turnPage=document.getElementById("turnPage").value;
　　if(turnPage>${page.totalPage}){
　　alert("对不起已超过最大页数");
　　return false;
　　}
　　var shref="init.do?currentPage="+turnPage;
　　window.location.href=shref;
　　
}
　　
</script>   
　　</body>
　　
</html>
　　

　　其中主要是对数据的展示，用到了jstl表达式和javascript,js的目的在于防止其越界，超出页数的最大或最小值
　　四：功能演示
　　4.1：分页功能，
　　其中第1/4页表示的当前是第一页，一共4页，数据库中查询出来的条数一共是13条，每页显示4条数据。然后点击下一页可以返回下一页的数据，这些都是动态获取的，只要数据库中的条数或者页数发生变化，这里也会发生变化。
　　
　　4.2：跳转功能
　　其中可以在小框中输入你想跳转的页数（这里会做校验，如果你超过总页数，那么会提示你已经超过总页数，这些都是js来完成的），然后点击跳转按钮，会跳转到具体的页数

　　4.3：删除帖子功能
　　假如你想删除指定帖子，只需要点击删除，然后就会删除这条记录，同时数据库中的值也会发生变化，就会显示一共12条

　　4.4：根据标题查询文章的功能
　　这里做的是一个模糊搜索，利用具体的查询条件，然后去数据库里查询，输入关键字进行查询，就可以查到具体的帖子，并且会显示条数

　　5：总结
　　本篇博文主要是探讨了数据库分页技术，对数据库中的数据进行查询与显示，采用的技术框架是javaWeb中的SSM，数据库是mysql。这里简单说一下原理：我们点击上一条下一条的时候其实是利用超链接携带参数值，然后把值传入Controller中，Controller对值进行解析，然后封装去数据库查询，最后再返回给视图层，这就是原理：

　　本篇博文就讲到这里：Demo下载链接：http://pan.baidu.com/s/1hsBsye4     密码：knot
　　注：采用的java jdk:1.7  Tomcat:8.0  IDE:Myeclipse 2016 stable 1.0

qwertyqwer