分页显示的一个案例

最新推荐文章于 2021-08-29 19:25:51 发布
最新推荐文章于 2021-08-29 19:25:51 发布
阅读量502 收藏
点赞数
分类专栏： AJAX
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lishirong/article/details/41674313
版权
主要是AJAX的综合应用，涉及到了数据库，XML，XSL，Javascript，html,servlet,jsp,css
其中没有做好的是删除后的自动刷新，有待更正！
起始页index.html

<!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">
<link rel="stylesheet" type="text/css" href="CSS/c.css"/>
<title>小组管理系统</title>
<script type="text/javascript" language="javascript">
var xmlHttp;
var req_url;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttp=new XMLHttpRequest();
}
}

function startRequest(url){
req_url=url;
createXMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",req_url,true);
xmlHttp.send(null);
}

function handleStateChange(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
if(req_url.substring(0,24)=='servlet/ViewTeamsPageXml'){
var xslDoc=new ActiveXObject("Microsoft.XMLDOM");
xslDoc.async=false;
xslDoc.load("xsl/teaminfo.xsl");
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(xmlHttp.responseXML);
document.getElementById("show").innerHTML=xmlDoc.transformNode(xslDoc);
}
if(req_url.substring(0,18)=='servlet/DeleteTeam'){
var xslDoc=new ActiveXObject("Microsoft.XMLDOM");
xslDoc.async=false;
xslDoc.load("xsl/teaminfo.xsl");
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(xmlHttp.responseXML);
document.getElementById("show").innerHTML=xmlDoc.transformNode(xslDoc);
alert('删除成功');
}
}
}
}

</script>
</head>
<body bgcolor="#CCFFFF">
<div id="top">
<p>小组管理系统</p>
<p><a href="javascript:startRequest('servlet/ViewTeamsPageXml')">显示小组</a></p>
</div>
<div id="show">
</div>
</body>
</html>

业务类business.TeamBusiness.java

package business;

import java.sql.*;

import bean.Team;
import java.util.*;
import org.dom4j.*;
import database.DataSource;

public class TeamBusiness {
//将数据库中符合条件的数据作为一个document对象输出
public Document teamsPageXml(int currentPage,int n){
Document document=DocumentHelper.createDocument();
Element rootElm=document.addElement("teaminfo");
Element teamsElm=rootElm.addElement("teams");
Connection cn=null;
PreparedStatement pst=null;
ResultSet rs=null;
try{
cn=DataSource.getConnection();
String sql="select id,name,slogan,leader from team limit ?,?";
pst=cn.prepareStatement(sql);
pst.setInt(1, (currentPage-1)*n);
pst.setInt(2, n);
rs=pst.executeQuery();
while(rs.next()){
Element teamElm=teamsElm.addElement("team");
Element idElm=teamElm.addElement("id");
idElm.setText(rs.getString("id"));
Element nameElm=teamElm.addElement("name");
nameElm.setText(rs.getString("name"));
Element sloganElm=teamElm.addElement("slogan");
sloganElm.setText(rs.getString("slogan"));
Element leaderElm=teamElm.addElement("leader");
leaderElm.setText(rs.getString("leader"));
Element cpElm=teamElm.addElement("cp");
cpElm.setText(""+currentPage);
Element cnElm=teamElm.addElement("cn");
cnElm.setText(""+n);
}
//表示当前页的一些信息
Element currentPageElm=teamsElm.addElement("currentPage");
Element pageElm=currentPageElm.addElement("page");
pageElm.setText(""+currentPage);
Element nElm=currentPageElm.addElement("n");
nElm.setText(""+n);
//记录上一页的一些信息
if(currentPage>1){
Element lastPageElm=teamsElm.addElement("lastPage");
pageElm=lastPageElm.addElement("page");
pageElm.setText(""+(currentPage-1));
nElm=lastPageElm.addElement("n");
nElm.setText(""+n);
}
//为了记录下一页的信息，先判断数据库中有多少条记录
pst=cn.prepareStatement("select count(*) from team");
rs=pst.executeQuery();
rs.next();
int count=rs.getInt(1);
//记录下一页的一些信息
if(currentPage*n<count){
Element nextPageElm=teamsElm.addElement("nextPage");
pageElm=nextPageElm.addElement("page");
pageElm.setText(""+(currentPage+1));
nElm=nextPageElm.addElement("n");
nElm.setText(""+n);
}
//节点信息添加完毕！向请求对象返回document对象
}catch(Exception e){
e.printStackTrace();
Element errorElm=rootElm.addElement("error");
errorElm.setText(e.getMessage());
}finally{
//关闭所有应该关闭的连接
try{
rs.close();
pst.close();
cn.close();
}catch(Exception e){
e.printStackTrace();
}
}
return document;
}
//根据id删除该id的所有在数据库中的信息
public static void deleteTeamById(int id) throws Exception{
Connection cn=null;
PreparedStatement pst=null;
try{
cn=DataSource.getConnection();
pst=cn.prepareStatement("delete from team where id=?");
pst.setInt(1, id);
pst.execute();
}catch(Exception e){
e.printStackTrace();
}finally{
//关闭所有应该关闭的连接
try {
pst.close();
cn.close();
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
//用于修改信息，从数据库中取出某个id的Team
public Team getTeamById(int id)throws Exception{
Team team=new Team();
Connection cn=null;
PreparedStatement pst=null;
ResultSet rs=null;
try {
cn=DataSource.getConnection();
String sql="select id,name,slogan,leader from team where id=?";
pst=cn.prepareStatement(sql);
pst.setInt(1, id);
rs=pst.executeQuery();
if(rs.next()){
team.setId(rs.getInt("id"));
team.setName(rs.getString("name"));
team.setSlogan(rs.getString("slogan"));
team.setLeader(rs.getString("leader"));
}
} catch (Exception e) {
throw new Exception("数据库中不存在此数据");
} finally{
try{
rs.close();
pst.close();
cn.close();
}catch(Exception e){
e.printStackTrace();
}
}
return team;
}
}


JavaBean类bean.Team
//略

连接数据库类database.DataSource.java
package database;

import java.sql.*;

public class DataSource {
public static Connection getConnection() throws Exception{
Connection cn=null;
Class.forName("com.mysql.jdbc.Driver");
String url="jdbc:mysql://localhost:3306/training";
String user="root";
String password="jakeyouxiang";
cn=DriverManager.getConnection(url,user,password);
return cn;
}
}


xsl:teaminfo.xsl

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<xsl:template match="/">
<xsl:apply-templates select="teaminfo/teams"/>
<xsl:apply-templates select="teaminfo/error"/>
</xsl:template>

<xsl:template match="teams">
<xsl:apply-templates select="currentPage"/>
<table border="1" cellspacing="1">
<tr>
<th>ID</th><th>组名</th><th>口号</th><th>领导人</th><th>修改</th><th>删除</th>
</tr>
<tr><xsl:apply-templates select="team"/></tr>
</table>
<p>
<xsl:apply-templates select="lastPage"/>
<xsl:apply-templates select="nextPage"/>
</p>
</xsl:template>

<xsl:template match="currentPage">
<p>
当前第<xsl:value-of select="page"/>页,每页<xsl:value-of select="n"/>行
</p>
</xsl:template>

<xsl:template match="team">
<tr>
<td><xsl:value-of select="id"/></td>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="slogan"/></td>
<td><xsl:value-of select="leader"/></td>
<td><a><xsl:attribute name="href">servlet/UpdateTeam?id=<xsl:value-of select="id"/></xsl:attribute>修改</a></td>
<td><a><xsl:attribute name="href">javascript:startRequest('servlet/DeleteTeam?id=<xsl:value-of select="id"/>&amp;page=<xsl:value-of select="cp"/>&amp;n=<xsl:value-of select="cn"/>')</xsl:attribute>删除</a></td>
</tr>
</xsl:template>

<xsl:template match="lastPage">
<a><xsl:attribute name="href">javascript:startRequest('servlet/ViewTeamsPageXml?page=<xsl:value-of select="page"/>&amp;n=<xsl:value-of select="n"/>')</xsl:attribute>上一页</a>
</xsl:template>

<xsl:template match="nextPage">
<a><xsl:attribute name="href">javascript:startRequest('servlet/ViewTeamsPageXml?page=<xsl:value-of select="page"/>&amp;n=<xsl:value-of select="n"/>')</xsl:attribute>下一页</a>
</xsl:template>

<xsl:template match="error">
<h1><xsl:value-of /></h1>
</xsl:template>

</xsl:stylesheet>

servlet类:ViewTeamsPageXml

package servlet;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

import org.dom4j.Document;

import business.TeamBusiness;

public class ViewTeamsPageXml extends HttpServlet{
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
response.setContentType("text/xml;charset=UTF-8");
PrintWriter pw=response.getWriter();
int page=1;
int n=3;//n表示每页显示的信息的条数
String sPage=request.getParameter("page");
String sN=request.getParameter("n");
if(sPage!=null){
page=Integer.parseInt(sPage);
}
if(sN!=null){
n=Integer.parseInt(sN);
}
TeamBusiness tb=new TeamBusiness();
Document document=tb.teamsPageXml(page, n);
//pw.println("<?xml-stylesheet href=\"text/xsl\" href=\"xsl/teaminfo.xsl\"?>");
pw.println(document.asXML());
}
public void doPost(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
this.doGet(request, response);
}
}


UpdateTeam.java

package servlet;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import business.*;
import bean.Team;

public class UpdateTeam extends HttpServlet{
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
request.setCharacterEncoding("UTF-8");
int id=Integer.parseInt(request.getParameter("id"));
TeamBusiness tb=new TeamBusiness();
try{
//接受处理后的数据
Team team=tb.getTeamById(id);
request.setAttribute("team", team);
RequestDispatcher rd=request.getRequestDispatcher("../Update.jsp");
rd.forward(request, response);
}catch(Exception e){
e.printStackTrace();
//此处为转到失败页面，由于时间关系，暂时没有设计失败页面Fail.jsp
}
}
public void doPost(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
this.doGet(request, response);
}

}


DeleteTeam.java
package servlet;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import business.TeamBusiness;
import org.dom4j.*;

public class DeleteTeam extends HttpServlet{
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
int id=Integer.parseInt(request.getParameter("id"));
int page=Integer.parseInt(request.getParameter("page"));
int n=Integer.parseInt(request.getParameter("n"));
TeamBusiness tb=new TeamBusiness();
try{
tb.deleteTeamById(id);
//以上的动作表示删除成功，以下可以做一些删除后的动作
//以下用于返回一个document对象
Document document=tb.teamsPageXml(page, n);
PrintWriter pw=response.getWriter();
pw.println(document.asXML());
}catch(Exception e){
e.printStackTrace();
}
}
public void doPost(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
this.doGet(request, response);
}

}


Update.jsp

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@page import="bean.Team;"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="CSS/c.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>修改用户信息</title>
</head>
<body bgcolor="#CCFFFF">
<div id="top">
<h2>修改用户信息</h2>
</div>
<%
Team team=(Team)request.getAttribute("team");
 %>
<div id="left">
<form id="subInfo" action="servlet/UpdateTeam" method="post">
<p><input type="hidden" name="id" value=<%=team.getId()%>></p>
<p>I&nbsp;&nbsp;D:&nbsp;&nbsp;<%=team.getId()%></p>
<p>姓名：<input type="text" name="name" value=<%=team.getName()%>></p>
<p>口号：<input type="text" name="slogan" value=<%=team.getSlogan()%>></p>
<p>领导人：<input type="text" name="leader" value=<%=team.getLeader()%>></p>
<p><input type="submit" value="提交"/><input type="reset" value="恢复默认值"></p>
<p><a href="../index.html">返回首页</a></p>

</form>
</div>
</body>
</html>

c.css

#top{
font-style:normal;
font-size:24px;
font-weight:bold;
text-align:left;
color:green;
}
#main{
font-style:normal;
font-weight:normal;
text-align:left;
color:black;
}
#left{
font-size:24;
font-style:normal;
font-weight:normal;
margin-left:500px;
color:black;
}
李世荣
关注
专栏目录
分页实例-demo
06-01
分页demo
Java分页实例之－分页类
pengpenglin的专栏
10-16 4491
package com.dbtemplate.domain;import org.apache.log4j.Logger;/** *//** * The Class PageInfo. */public class PageInfo ...{    /** *//** The logger. */    static Logger logger = Logger.getLogger(PageI
分页案例
qq_30245525的博客
12-31 251
pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/x
数据库分页显示案例数据库分页显示案例
07-10
接下来，创建一个`Statement`对象用于执行SQL查询。在这个例子中，查询语句是`SELECT * FROM employee`，意味着获取`employee`表中的所有记录。`ResultSet`对象`rs`用于存储查询结果，它被设置为`TYPE_SCROLL_...
JavaWeb实现分页查询案例
10-19
在本案例中，Servlet可能会接收到一个包含当前页数的请求参数，然后根据这个参数来构造分页查询所需的SQL语句，调用服务层的分页查询方法，将结果传给JSP进行展示。 服务层通常会封装数据库操作，定义一个方法，如`...
asp.net分页案例
05-23
在这个"asp.net分页案例"中，我们主要关注的是如何在ASP.NET环境中实现分页功能，这是一个非常实用的技术，尤其对于处理大量数据的网页应用而言。分页可以提高网页性能，提升用户体验，避免一次性加载过多的数据导致...
易语言数据库分页显示源码
06-02
在IT行业中，数据库分页显示是一项常见的功能，尤其在网页应用和桌面软件中，用于处理大量数据时，分页能够有效提高用户体验，避免一次性加载过多数据导致系统性能下降。本示例是基于易语言（EasyLanguage）和MySQL...
jquery分页,最简单分页,完整分页案例,50种分页样式
03-07
很好用的分页 jquery分页,最简单分页,完整分页案例,50种分页样式
自定义通用分页控件案例
05-13
2008.05.13下午刚刚完成,简单易用易学易扩展
这周零碎总结与js实现分页案例
weixin_30372371的博客
11-16 75
简单说一下MVC设计模式的认识及基本步骤： 首先要建对应的数据库，然后由对数据库的操作转换为对类对象的操作，这是需要一个java bean，这时候就到了分析MVC结构的身上了，MVC设计模式中，M代表模型即javaBean，V代表显示器实际开发中的jsp，C是控制器，用servlet编写。MVC设计模式编程需要几个重要包来存放相应的类，分别是：dao（接口）、dao...
10.分页案例
ycjcson的博客
01-02 107
10.分页案例 页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://www.java53.com/core" prefix="my"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit
通用分页实例
JiangHu_Java的博客
05-19 422
通用分页案例 目录通用分页案例实现效果需要的jar包、工具类解析项目代码总结 实现效果 我只做了显示数据的通用分页效果： 需要的jar包、工具类 jar包需要c标签包，MySQL包（用的啥数据库导什么包）： 工具类（util），按顺序（连接数据库类、字符编码过滤类、做通用分页的类、连接数据库的配置文件）： 解析项目代码 dao方法中查询请求直接返回调用通用分页类的方法，传递这个对象的baseDao和SQL语句，还有实现的匿名内部类： package com.jiang.dao; import jav
分页查询综合案例
qq_33187235的博客
10-02 320
BeanUtils，分页，request获取封装数据，
通用分页的实例
Sugar_Harmonious的博客
08-29 265
一思维导图 二、后端 帮助类 DBHelper—数据库帮助类 package com.util.ty; import java.io.InputStream; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import java.util.Pro...
ExtJs分页显示实战解析
"Ext Js分页显示案例详解" 在Ext Js中，分页显示是一种常见的数据管理功能，尤其在处理大量数据时，它能够提高用户体验，避免一次性加载所有数据导致页面性能下降。本案例将深入解析Ext Js分页显示的原理，并提供一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值