本文实例为大家分享了 java 实现页显示效果的具体代码,供大家参考,具体内容如下
效果图如下:
实现步骤:
1.创建实体user.class,参考代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
public class user { private string name; private int age; private string gender;
public string getname() { return name; }
public void setname(string name) { this .name = name; }
public int getage() { return age; }
public void setage( int age) { this .age = age; }
public string getgender() { return gender; }
public void setgender(string gender) { this .gender = gender; }
public user(string name, int age, string gender) { super (); this .name = name; this .age = age; this .gender = gender; }
public user() { }
} |
2.创建 分页 模型pagebean.class,参考代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
public class pagebean<t> {
private int pagenum; private int pagesize; private int totalrecord; private int totalpage; private list<t> list; private int start; private int end; private int fromindex; private int toindex;
public pagebean( int pagenum, int pagesize, int totalrecord) { this .pagenum = pagenum; this .pagesize = pagesize; this .totalrecord = totalrecord; fromindex=(pagenum- 1 )*pagesize; toindex=pagenum*pagesize>totalrecord?totalrecord:pagenum*pagesize;
if (totalrecord % pagesize == 0 ) { this .totalpage = totalrecord / pagesize; } else { this .totalpage = totalrecord / pagesize + 1 ; } start = 1 ; end = 5 ; if (totalpage <= 5 ) { end = this .totalpage; } else { start = pagenum - 2 ; end = pagenum + 2 ;
if (start < 1 ) { start = 1 ; end = 5 ; } if (end > this .totalpage) { end = totalpage; start = end - 5 ; } } }
public int getpagenum() { return pagenum; }
public void setpagenum( int pagenum) { this .pagenum = pagenum; }
public int getpagesize() { return pagesize; }
public void setpagesize( int pagesize) { this .pagesize = pagesize; }
public int gettotalrecord() { return totalrecord; }
public int getfromindex() { return fromindex; }
public void setfromindex( int fromindex) { this .fromindex = fromindex; }
public int gettoindex() { return toindex; }
public void settoindex( int toindex) { this .toindex = toindex; }
public void settotalrecord( int totalrecord) { this .totalrecord = totalrecord; }
public int gettotalpage() { return totalpage; }
public void settotalpage( int totalpage) { this .totalpage = totalpage; }
public list<t> getlist() { return list; }
public void setlist(list<t> list) { this .list = list.sublist(fromindex, toindex); }
public int getstart() { return start; }
public void setstart( int start) { this .start = start; }
public int getend() { return end; }
public void setend( int end) { this .end = end; }
} |
3.创建jsp页面,参考代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 |
/** *index.jsp */ <%@ page language= "java" contenttype= "text/html; charset=utf-8" pageencoding= "utf-8" %> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd" > <html> <head> <meta http-equiv= "content-type" content= "text/html; charset=utf-8" > <title>insert title here</title> </head> <body> <a href= "${pagecontext.request.contextpath }/main" rel= "external nofollow" >分页显示</a> </body> </html>
/** *main.jsp */ <%@ page language= "java" contenttype= "text/html; charset=utf-8" pageencoding= "utf-8" %> <% @taglib prefix= "c" uri= "http://java.sun.com/jsp/jstl/core" %> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd" > <html> <head> <meta http-equiv= "content-type" content= "text/html; charset=utf-8" > <script type= "text/javascript" src= "${pagecontext.request.contextpath}/jquery/jquery.min.js" ></script> <script type= "text/javascript" > function gos() { var pagenum = $.trim($( "#pagenum" ).val()); if (isnan(pagenum)){ alert( "输入的不是数字 ,请输入数字!" ); return ; } if (pagenum== "" ){ alert( "输入为空,请重新输入!" ); return ; } if (pagenum< 1 ||pagenum>${requestscope.pagebean.totalpage}){ alert( "超出范围,请重新输入!" ); return ; } location.href= "${pagecontext.request.contextpath}/main?pagenum=" rel= "external nofollow" +pagenum; } </script> <title>分页显示</title> </head> <body> <center> <table width= "40%" style= "text-align:center" > <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <c:foreach items= "${requestscope.pagebean.list }" var= "i" > <tr> <td>${i.name }</td> <td>${i.gender }</td> <td>${i.age }</td> </tr> </c:foreach> </table> </center> <br /> <center> <a href= "${pagecontext.request.contextpath}/main?pagenum=1" rel= "external nofollow" >首页</a> <c: if test= "${requestscope.pagebean.pagenum ==1}" > <c:foreach begin= "${requestscope.pagebean.start}" end= "${requestscope.pagebean.end}" var= "i" > <c: if test= "${requestscope.pagebean.pagenum == i}" > ${i} </c: if > <c: if test= "${requestscope.pagebean.pagenum != i}" > <a href= "${pagecontext.request.contextpath}/main?pagenum=${i}" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" >${i}</a> </c: if > </c:foreach> <a href= "${pagecontext.request.contextpath}/main?pagenum=${requestscope.pagebean.pagenum+1}" rel= "external nofollow" rel= "external nofollow" >下一页</a> </c: if >
<c: if test= "${requestscope.pagebean.pagenum > 1 && requestscope.pagebean.pagenum < requestscope.pagebean.totalpage}" > <a href= "${pagecontext.request.contextpath}/main?pagenum=${requestscope.pagebean.pagenum-1}" rel= "external nofollow" rel= "external nofollow" >上一页</a> <c:foreach begin= "${requestscope.pagebean.start}" end= "${requestscope.pagebean.end}" var= "i" > <c: if test= "${requestscope.pagebean.pagenum == i}" > ${i} </c: if > <c: if test= "${requestscope.pagebean.pagenum != i}" > <a href= "${pagecontext.request.contextpath}/main?pagenum=${i}" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" >${i}</a> </c: if > </c:foreach> <a href= "${pagecontext.request.contextpath}/main?pagenum=${requestscope.pagebean.pagenum+1}" rel= "external nofollow" rel= "external nofollow" >下一页</a> </c: if >
<c: if test= "${requestscope.pagebean.pagenum == requestscope.pagebean.totalpage}" > <a href= "${pagecontext.request.contextpath}/main?pagenum=${requestscope.pagebean.pagenum-1}" rel= "external nofollow" rel= "external nofollow" >上一页</a> <c:foreach begin= "${requestscope.pagebean.start}" end= "${requestscope.pagebean.end}" var= "i" > <c: if test= "${requestscope.pagebean.pagenum == i}" > ${i} </c: if > <c: if test= "${requestscope.pagebean.pagenum != i}" > <a href= "${pagecontext.request.contextpath}/main?pagenum=${i}" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" >${i}</a> </c: if > </c:foreach> </c: if > <a href= "${pagecontext.request.contextpath}/main?pagenum=${requestscope.pagebean.totalpage}" rel= "external nofollow" >尾页</a><br><br> 跳转到 <input type= "text" id= "pagenum" size= "1px" ></input>页 <a href= "javascript:gos()" rel= "external nofollow" >确定</a>, 共[${requestscope.pagebean.totalpage }]页,[${requestscope.pagebean.totalrecord}]条记录 </center> </body> </html> |
4.创建servlets.class,参考代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
@webservlet ( "/main" ) public class servlets extends httpservlet {
@override protected void service(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception { string page = request.getparameter( "pagenum" ); int pagenum = integer.parseint((page == null ? "1" : page)); int pagesize = 5 ; service s = new service(); pagebean<user> pb = s.findall(pagenum, pagesize); request.setattribute( "pagebean" , pb); request.getrequestdispatcher( "/main.jsp" ).forward(request, response); } } |
5.创建service.class,参考代码如下:
1 2 3 4 5 6 7 8 9 10 |
public class service { public pagebean<user> findall( int pagenum, int pagesize) { userdao userdao = new userdao(); list<user> users = userdao.findall(); int totalrecord = users.size(); pagebean<user> pb = new pagebean<>(pagenum, pagesize, totalrecord); pb.setlist(users); return pb; } } |
6.创建userdao.class,参考代码如下:
1 2 3 4 5 6 7 8 9 10 11 |
public class userdao { list<user> users= new arraylist<>(); user user; public list<user> findall(){ for ( int i= 1 ;i< 99 ;i++){ user= new user( "name-" +i, ( int )( 100 *math.random()), ( int )( 10 *math.random())% 2 == 1 ? "男" : "女" ); users.add(user); } return users; } } |
需注意的问题:
1.需在webcontent下创建文件夹jquery,在他里面放入jquery.min.js这个文件。否则跳转功能异常。
2.index.jsp与main.jsp都在webcontent文件夹下。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
原文链接:https://blog.csdn.net/qq_41815326/article/details/81990529