本文實例為大家分享了java實現(xiàn)頁顯示效果的具體代碼，供大家參考，具體內(nèi)容如下
效果圖如下：
實現(xiàn)步驟：
1.創(chuàng)建實體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.創(chuàng)建分頁模型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.創(chuàng)建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("輸入的不是數(shù)字 ，請輸入數(shù)字！"); 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> 跳轉(zhuǎn)到 <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.創(chuàng)建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.創(chuàng)建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.創(chuàng)建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下創(chuàng)建文件夾jquery，在他里面放入jquery.min.js這個文件。否則跳轉(zhuǎn)功能異常。
2.index.jsp與main.jsp都在webcontent文件夾下。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持服務(wù)器之家。
原文鏈接：https://blog.csdn.net/qq_41815326/article/details/81990529
