网页的分页功能的实现比较简单,实现方法也多种多样。
今天总结一个简单的Jsp真分页实例。
首先,提到分页就要先明确一个概念,何为真分页何谓假分页。
假分页:一次性从数据库读出表的所有数据一次性的返回给客户端,由js来控制每一页的显示。
真分页:由程序控制,每一次只返回一页大小的数据,显示到客户端。
由此可以很清楚的分辨出真假分页各自的优缺点:
假分页:由于一次性读出所有数据并返回给客户端,如果数据量庞大,所以这一次的动作可能是非常消耗服务器资源和带宽的,
但是返回给客户端以后就非常轻松了,客户在一段时间内不会再像服务器端请求资源。但不代表可能出现一些意外情况,
比如说客户将浏览器关闭,重新访问网站等。所以,如果数据量相当庞大,不建议使用用真分页。
真分页:假分页每次只取需要的数据返回给客户端,比起真分页没有那么大的数据库压力。但也因为这个工作特性,所以假分页
的方法需要频繁和服务器端进行交互。既然频繁交互,自然也会给服务器带来负担。
综上:如果数据量较小,使用假分页的效果会更优,如果数据量庞大,使用真分页的效果更优。
分析完特性,下面就来列举一个简单的真分页实例。
真分页是通过程序来控制的,每次向数据库请求需要的数据。
简述实现思路业务流程:
首先:客户端带着page参数请求客户端,若没有带page参数,说明是第一次访问,则page参数默认为0;
其次:服务端根据page参数,调用相关函数,从数据库中取出表中数据,封装成相关对象,返回给客户端,并且返回新page参数及总页数;
最后:再客户端显示请求的相关数据,并根据page参数及总页数两个参数,决定上一页下一页的按钮是否可用。
数据库操作类:
public class DBBean {
private Connection con;
private PreparedStatement pstmt;
private ResultSet rs;
private String dbName ="test";
private String dbuser = "root";
private String dbpass ="******";
static{
try{
Class.forName("com.mysql.jdbc.Driver");
}catch(ClassNotFoundException e){
System.out.println(e);
}
}
public void prepareConnection(){
try{
con=DriverManager.getConnection("jdbc:mysql://localhost:3306/"+dbName,dbuser,dbpass);
}catch(SQLException e){
System.out.println(e);
}
}
//关闭连接
public void close(){
try {
if(con!=null)
con.close();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
con = null;
try {
if(pstmt!=null)
pstmt.close();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
pstmt = null;
}
//设置参数
private void setParems(String[] parems){
if(parems!=null){
for(int i=0;i<parems.length;i++){
try {
pstmt.setString(i+1, parems[i]);
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
public ResultSet executeQuery(String sql,String[] parems){
ResultSet res = null;
prepareConnection();
try {
pstmt = con.prepareStatement(sql);
setParems(parems);
res = pstmt.executeQuery();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
}
return res;
}
}
学生类:
public class StudentBean {
private long id;
private String name;
private String phone;
private int age;
private int score;
public long getId() {
return id;
}
public void setId(long id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public int getScore() {
return score;
}
public void setScore(int score) {
this.score = score;
}
}
学生数据操作类
public class StudentDao implements StudentDaoIn {
@Override
public ArrayList<StudentBean> findByPage(int page){
DBBean db = new DBBean();
int begin = (page-1) * 5;
String sql = "select * from t_student limit "+begin+",5";
ResultSet rs = db.executeQuery(sql,null);
ArrayList<StudentBean> list = new ArrayList<StudentBean>();
try {
while(rs.next()){
StudentBean st = new StudentBean();
st.setName(rs.getString("name"));
st.setAge(rs.getInt("age"));
st.setId(rs.getInt("id"));
st.setPhone(rs.getString("phnoe"));
st.setScore(rs.getInt("score"));
list.add(st);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return list;
}
@Override
public int userCount(){
DBBean db = new DBBean();
String sql = "select count(*) from t_student";
ResultSet rs = db.executeQuery(sql, null);
int count = 0;
try {
rs.next();
count = rs.getInt(1);
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return count;
}
}
相关业务逻辑
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
String page = null;
page = request.getParameter("page");
if(page == null || page=="")
page = "1";
StudentDao studao = new StudentDao();
request.setAttribute("student",studao.findByPage(Integer.parseInt(page)));
request.setAttribute("pagenum",studao.userCount()/5+1);//总页数
request.setAttribute("page", page);//当前页
request.getRequestDispatcher("student.jsp").forward(request, response);
}
前台JSP代码:
<table id="t_stu" border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>电话</th>
<th>成绩</th>
</tr>
</thead>
<c:forEach items="${student}" var="st">
<tr>
<td>${st.getId()}</td>
<td>${st.getName()}</td>
<td>${st.getAge()}</td>
<td>${st.getPhone()}</td>
<td>${st.getScore()}</td>
</tr>
</c:forEach>
</table>
<br>
共 ${pagenum}页 当前 第${page}页
<c:choose>
<c:when test="${page>1}">
<a href="getSutent" rel="external nofollow" ><input type="button" value="上一页" ></a>
</c:when>
<c:otherwise>
<input type="button" value="上一页" disabled="disabled" />
</c:otherwise>
</c:choose>
<c:choose>
<c:when test="${page!=pagenum}">
<a href="getSutent" rel="external nofollow" ><input type="button" value="下一页"></a>
</c:when>
<c:otherwise>
<input type="button" value="下一页" disabled="disabled" />
</c:otherwise>
</c:choose>
本例是真分页的一个简单实现,有着明显的缺点。
例如:
1.在后台相关业务逻辑处,只对page做了简单的判断,因为查询相关page时,参数是写入前台a标签中的,所以懂技术的用户,可以随意改动其值
由此查询数据库可能带来意想不到的错误。
2.功能不够完善,仅提供了上一页下一页按钮的简单功能。
另外:实现假分页时可以结合ajax和json。以此可实现无刷新翻页,看起来功能和真分页一样。。。
Jsp,真分页
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]