前言: 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的代码(这里我只写关键的部分):
encodingFilter
org.springframework.web.filter.CharacterEncodingFilter
encoding
UTF-8
encodingFilter
/*
Springmvc
org.springframework.web.servlet.DispatcherServlet
contextConfigLocation
/WEB-INF/springmvc-config.xml
Springmvc
*.do
contextConfigLocation
classpath:mybatis-config.xml
org.springframework.web.context.ContextLoaderListener
其中编码过滤器主要是对web的请求进行过滤,防止其编码不统一而产生乱码,这里统一设定为utf-8,接下来就是Springmvc的配置,主要配置了DispatcherServlet,注意这里的适配url是以.do方式结尾的,所以我们后面 的请求方式都要是.do结尾的,这样Springmvc才能识别,其中又引用了springmvc-config.xml这个文件,这个文件的作用就是Spring的具体配置了,我们来看看:
1.1.2:springmvc-config.xml配置文件
可以看出其中主要配置了注解扫描器,以包级为单位用来扫描我们代码中的注解,这里的注解包括@Controller @Service等,有了这个配置我们的注解才能生效。接下来就是视图解析器,它主要就是给我们的控制器返回的值加路径和.jsp,我们就不用在java代码中写.jsp了,很方便的一个东西
。1.1.3:mybatis-config.xml
顺着web.xml往下看,可以看到mybatis-config.xml,顾名思义,这个主要作用就是用来配置mybatis的:
可以看出,我们其中主要是配置了数据源、事务等相关的东西,数据源也就是连接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 searchInvList(Page page);//查询帖子列表
public List getInvBycondtion(Page page);//根据条件查询帖子
public Integer searchTotalCount(Page page);//搜索总数量
public Integer deleteInvition(Integer id);//根据id删除帖子
}
这里定义了一系列的接口方法,主要是用来操作数据库的,而对于其具体的实现,这里我们不需要写实现类,根据mybatis的特性,我们需要有一个对应的Mapper的文件,然后把其方法和mapper中的xml文件对应,就可以完成对数据库的操作了,需要注意的是:(mapper和xml最好在一个包下,否则会有很蛋疼的异常,楼主在这上面花费了一个晚会才解决 - -)具体的代码如下:
select * from invitation limit #{startRow},#{pageSize}
select count(id) from invitation
and title like CONCAT('%',#{queryCondition},'%')
select * from invitation
title like CONCAT('%',#{queryCondition},'%')
delete from INVITATION
where
id=#{id}
其中可以看出我们在mapper文件中写了sql,而sql的写法其中用#{}这种方式携带参数,这里就是方法中的参数了,我们需要用的时候,只需要把值传入进去,mybaits,就会自动进行解析
3.2:Service层:
首先我们还是先来定义一个服务层的接口:
public interfaceInvitationService {
ListsearchInvList(Page page);
Integer searchTotalCount(Page page);
Integer deleteInvition(Integer id);
ListgetInvBycondtion(Page page);
}
然后是其具体的实现,需要注入mapper层:
@Service
@Transactionalpublic class InvitationServiceImpl implementsInvitationService {
@AutowiredprivateInvactionMapper invactionMapper;
@Overridepublic ListsearchInvList(Page page) {returninvactionMapper.searchInvList(page);
}publicInteger deleteInvition(Integer id){returninvactionMapper.deleteInvition(id);
}publicInteger searchTotalCount(Page page) {returninvactionMapper.searchTotalCount(page);
}public ListgetInvBycondtion(Page page){returninvactionMapper.getInvBycondtion(page);
}
}
注意这里我们加入了@Service注解,主要用来表示这就是一个Service层,然后注意这里有delete方法,所以这里也必须有一个@Transaction注解用来表示事务的操作
3.3:controller层
@Controller
@Scope("prototype")public classInvacationController {
@AutowiredprivateInvitationServiceImpl invitationServiceImpl;
@RequestMapping("init.do")public String searchInvList(Page page,HttpServletRequest request) throwsUnsupportedEncodingException {//组装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 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 ListgetInvListByCondition(Page page) {
List InvList =null;if (page.getQueryCondition()==null) {
InvList=invitationServiceImpl.searchInvList(page);returnInvList;
}
InvList=invitationServiceImpl.getInvBycondtion(page);returnInvList;
}/*** 删除帖子的方法
*@paramid
*@return
*/@RequestMapping("isdelete.do")publicString deleteInvition(Integer id) {
invitationServiceImpl.deleteInvition(id);return "index";
}/*** 根据当前页获取开始行
*@paramcurrentPage
*@parampageSize
*@return
*/
public int getStartRowBycurrentPage(int currentPage,intpageSize){int startRow=0;if (currentPage==1) {return startRow=0;
}
startRow=(currentPage-1)*pageSize;returnstartRow;
}
}
Controller就是我们的具体的控制器,这里实现对象的封装,调用Service层,Service层去操作数据库,数据库把数据返回来,我们再把数据放在服务端,在经过jsp进行渲染,其中这里一定要注意分页数据的操作,controller中主要实现的对所有的数据查询分页,然后还有我们对具体的条件查询出来的结果进行分页展示
3.4:jsp视图层页面
帖子列表 |
||||||
帖子标题: value="${page.queryCondition}" id="condition"> type="submit" value="查询" /> |
||||||
${item.id} | ${item.title}" | ${item.summay} | ${item.author} | ${item.content} | 删除 |
第${page.currentPage}/${page.totalPage}页 共${page.totalRows}条
首页
上一页
下一页
尾页跳转到:页
}
alert("已到页首,无法加载更多");return false;
}
function checkNext(){if(${page.currentPage
}
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;
}