本文实例为大家分享了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