<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/
jsp/
jstl/sql" prefix="sql" %>
<%@ taglib uri="http://java.sun.com/
jsp/
jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>动漫搜索</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link r
el="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfun)
{
// alert("hadhfaf");
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=cfun;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myfunction(id,times)
{
//alert("123");
loadXMLDoc("open.
jsp?id="+id+"×="+times+"&t="+Math.random(),function()
{
//alert(xmlhttp.status);
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.get
ElementById(id).innerHTML=xmlhttp.responseText;
}
});
}
</script>
<% //currentPage当前显示页数
if (request.getParameter("currentPage") == null||request.getParameter("currentPage").equals(""))
{
pageContext.setAttribute("currentPage",
new Integer(0));
}
else
{
pageContext.setAttribute("currentPage", request
.getParameter("currentPage"));
}
%>
<sql:query var="rs" dataSource="jdbc/mysql">
s
elect* from anime
</sql:query>
<!-- 得到所有记录数 -->
<c:set var="resultNum">
<
jsp:getProperty name="rs" property="rowCount" />
</c:set>
<!-- 每页显示记录数 -->
<c:set var="PerPageNum" value="3" />
</head>
<style type="text/css">
body{background-color:}
</style>
<body>
<%
int perPageNum = Integer.parseInt((String) pageContext
.getAttribute("PerPageNum"));
int resultNum = Integer.parseInt((String) pageContext
.getAttribute("resultNum"));
int pageNum; //如果所有记录数除每页显示记录数没有余数-1
if((int)resultNum%perPageNum==0)
pageNum = (int)(resultNum / perPageNum-1);
else
pageNum = (int)(resultNum / perPageNum);
pageContext.setAttribute("pageNum", pageNum);
%>
<div style="border:1px solid #cccccc; width:1100px;margin:100px 0 0 90px">
<table style=" width:1100px;">
<tr>
<td>序号</td>
<td>热搜动漫</td>
<td>动漫简介</td>
<td>更新集数</td>
<td>搜索指数</td>
<td>动漫详情</td>
</tr>
<c:if test="${currentPage lt 0 }"><!-- 当前显示页小于0 -->
<c:set var="currentPage" value="0"></c:set>
</c:if>
<c:if test="${currentPage gt pageNum}"><!-- 当前显示页大于总页数 -->
<c:set var="currentPage" value="${pageNum }"></c:set>
</c:if>
<c:set var="currentPage" value="${currentPage}" scope="session" />
<!-- 循环查找记录 -->
<c:forEach var="row" items="${rs.rows}"
begin="${currentPage*PerPageNum}"
end="${PerPageNum+currentPage*PerPageNum-1}" >
<tr>
<td> ${row.id }</td>
<td> <img src="image/${row.image}" width="50" height="50"/></td>
<td style="width:600"> ${row.introduce}</td>
<td> ${row.blues} </td>
<td> ${row.times }</td>
<c:set var="times" value="${row.times }" scope="session" />
<td> <input type="button" value="展开" onclick="myfunction(${row.id },${row.times })"/> </td>
</tr>
<tr>
<td colspan=6 id="${row.id}"></td>
</tr>
</c:forEach>
</table>
<div style="margin:0px 0px 0px 800px">
总共有${pageNum+1}页-第${currentPage+1}页-<a href="index.
jsp?currentPage=${currentPage-1}">上一页</a> -
<a href="index.
jsp?currentPage=${currentPage+1}">下一页</a>
</div>
</div>
</body>
</html>
本文介绍了JavaScript（JS）与jQuery的关系，强调jQuery是一个简化JS使用的库，但底层仍依赖原生JS。接着讨论了AJAX技术，它结合XML、CSS和JS实现页面无刷新的服务器交互。最后，阐述了EL（Expression Language）和JSTL（JSP Standard Tag Library）在JSP开发中的作用，EL用于查找和操作作用域数据，而JSTL提供了一套标签库以提高代码可读性和复用性，两者常配合使用。
最低0.47元/天 解锁文章
447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
