网站建设风险评估,个人网页模板免费下载,网站设计旅行社新闻内容,营销型网站首页模板文章目录 前言一、分页思想#xff1f;二、使用步骤总结 前言
新手小白今日学习了一个新技能#xff0c;那就是将网页的内容按需要分页#xff0c;特来此总结一下~ 一、分页思想#xff1f;
一般网页上的分页都是#xff1a;首页上一页下一页尾页#xff0… 文章目录 前言一、分页思想二、使用步骤总结 前言
新手小白今日学习了一个新技能那就是将网页的内容按需要分页特来此总结一下~ 一、分页思想
一般网页上的分页都是首页上一页下一页尾页所以我们可以先定义几个数据对象
total总数量
page页码
totalpage总页码
list数据
二、具体操作
2.1分页语句
SELECT * FROM zhandian LIMIT ?, ?
?---限制多少---(page-1)*size
?---size
mybatis不允许直接传递2个参数
把limit和size保存到map中
select idselectByPage resultTypezhandian parameterTypemapselect * from zhandian limit #{limit},#{size}/select 2.2属性文件设置每页行数
jdbc.size5
2.3业务类实现分页功能
//获取属性信息
Value(${jdbc.size})
private int size;
public List selectByPage(int page) {// TODO Auto-generated method stubMap param new HashMap();param.put(limit, (page-1)*size);param.put(size, size);return zdao.selectByPage(param);}
2.4控制器实现分页
请求参数---int page---需要访问的页码
回传---总数量total、页码page、总页码totalpage、数据list
/*** 分页查询* param page 访问的页码* return 数据展示页*/ RequestMapping(/selectByPage) public String selectByPage(int page) {//总数量total、页码page、总页码totalpage、数据listint total zs.selectCount();//获取sizeint size zs.getSize();//int totalpage (total%size0)?total/size : total/size1;int totalpage (totalsize-1)/size;List list zs.selectByPage(page);request.setAttribute(total, total);request.setAttribute(page, page);request.setAttribute(totalpage, totalpage);request.setAttribute(list, list);return zhandian/list;}
2.5页面实现分页脚本
!-- 分页工具条 --
div classrowdiv classcol-sm-4div idpagerInfo共${total }条数据${page }/${totalpage }页/div/divdiv classcol-sm-8nav idpagerNavul classpagination pagination-sm pull-rightlia hrefjavascript:next(1); idfirstBtn首页/a/li lia hrefjavascript:next(${page-1 }); idprevBtn上页/a/li lia hrefjavascript:next(${page1 }); idnextBtn下页/a/li lia hrefjavascript:next(${totalpage }); idlastBtn末页/a/li/ul/nav/div
/div
js脚本
script typetext/javascriptfunction next(page) {location zhandian/selectByPage?pagepage;}
/script
还可以在首页和尾页做一个验证使程序更加完善
function next(page) {if(${page}1 page1){layer.msg(当前已经是第一页);}else if(${page}${totalpage} page${totalpage}){layer.msg(当前已经是最后一页);}else{locationzhandian/selectByPage?pagepage;}} 最后记录一下项目视图和效果图 总结
以上就是有关分页查询的总结啦等到下次忘记了就来这里看看吧
