不用组件的简单分页


set conn=server.CreateObject("adodb.connection") 
set rs=server.CreateObject("adodb.recordset") 
cnpath="data source=" & server.MapPath("question.mdb") 
conn.open "provider=microsoft.jet.oledb.4.0;" & cnpath

rs.open "bbs",conn,3,3

set rs=conn.execute("select * From mytable") 
do until rs.eof 
tatalrecord=tatalrecord+1 
rs.movenext 
loop 
num=tatalrecord Mod 15 
if num>0 then 
i=1 
else 
i=0 
end if 
tatalpage=int(tatalrecord/15+i) 
rs.movefirst 
page=request.querystring("page")

if page="" then 
page=1 
end if 
if not rs.eof then 
if page=1 then 
rs.movefirst 
else 
rs.move((page-1)*15) 
end if

for iPage=1 to 15

if rs.eof then 
exit for 
response.end 
end if

rs("xxxxx")

rs.movenext 
next 
end if

if page=1 then %> 
<a href="bbs.asp?page=<%=page+1%>">下一页</a> 
<a href="bbs.asp?page=<%=tatalpage%>">尾页</a> 
<% 
elseif int(page)=int(tatalpage) then 
%> 
<a href="bbs.asp?page=1">首页</a> 
<a href="bbs.asp?page=<%=page-1%>">上一页</a> 
<%else %> 
<a href="bbs.asp?page=1">首页</a> 
<a href="bbs.asp?page=<%=page-1%>">上一页</a> 
<a href="bbs.asp?page=<%=page+1%>">下一页</a> 
<a href="bbs.asp?page=<%=tatalpage%>">尾页</a>

<% 
end if %> 
共<b><%=tatalrecord%></b>条记录&nbsp;第<b><%=page%>/<%=tatalpage%></b>页&nbsp;每页<b>15</b>条记录

<form action="bbs.asp" style="position: relative"> 
<p align="right"> 
跳转到第<input type="text" name="page" size="4">页<input type="submit" value="确定" name="B1" style="border-style: solid"> 
</form> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap 的分页组件非常易于使用,可以方便地实现分页功能。以下是实现分页简单步骤: 1. 在 HTML 中添加分页组件的基本结构: ```html <nav aria-label="Page navigation"> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> ``` 2. 在 JavaScript 中添加分页功能: ```javascript // 获取分页组件 var pagination = document.querySelector('.pagination'); // 获取所有页码链接 var pageLinks = pagination.querySelectorAll('a.page-link'); // 给每个页码链接添加点击事件 pageLinks.forEach(function(pageLink) { pageLink.addEventListener('click', function(e) { e.preventDefault(); // 阻止链接默认跳转行为 var pageNum = parseInt(this.innerHTML); // 获取点击的页码 // TODO: 根据页码获取相应数据并更新页面内容 }); }); // 获取“上一页”和“下一页”链接 var prevLink = pagination.querySelector('a[aria-label="Previous"]'); var nextLink = pagination.querySelector('a[aria-label="Next"]'); // 给“上一页”和“下一页”链接添加点击事件 prevLink.addEventListener('click', function(e) { e.preventDefault(); // 阻止链接默认跳转行为 var pageNum = parseInt(pagination.querySelector('.active').querySelector('a').innerHTML); // 获取当前页码 pageNum--; // 上一页页码 if (pageNum < 1) { pageNum = 1; // 页码不能小于 1 } // TODO: 根据页码获取相应数据并更新页面内容 }); nextLink.addEventListener('click', function(e) { e.preventDefault(); // 阻止链接默认跳转行为 var pageNum = parseInt(pagination.querySelector('.active').querySelector('a').innerHTML); // 获取当前页码 pageNum++; // 下一页页码 if (pageNum > pageLinks.length) { pageNum = pageLinks.length; // 页码不能大于总页数 } // TODO: 根据页码获取相应数据并更新页面内容 }); // 默认选中第一页 pageLinks[0].parentNode.classList.add('active'); ``` 以上代码只是一个简单的示例,具体实现还需要根据具体需求进行相应修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值