网页分页展示的全部样式
2024-05-16 06:40:15
代码展示
<%--Created by IntelliJ IDEA.User: 11637Date: 2020/4/10Time: 13:00To change this template use File | Settings | File Templates.
--%>
<%@ page import="java.sql.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%!int totalpages = 0; //总页数int pageSize = 20; //每一页展示的数据行数int totalRecords = 0; //总的数据条数int xpage = 1; //当前页
%>
<%String JDBC_DRIVER = "com.mysql.jdbc.Driver";String DB_URL = "jdbc:mysql://localhost:3306/world";String USER = "root";String PASS = "password";try {// 数据库连接Class.forName(JDBC_DRIVER);Connection conn = DriverManager.getConnection(DB_URL, USER, PASS);String sql = "SELECT count(*) FROM city";PreparedStatement psmt = conn.prepareStatement(sql);ResultSet rs = psmt.executeQuery();rs.next();totalRecords = rs.getInt(1); //获取所有的数据条数String aa = request.getParameter("page"); //获取当前页if (aa == null || xpage < 1) {xpage = 1;} else {try {xpage = Integer.parseInt(aa);} catch (NumberFormatException e) {xpage = 1;}}if (totalRecords % pageSize == 0) {totalpages = totalRecords / pageSize;} else {totalpages = totalRecords / pageSize + 1;}totalpages = (totalRecords + pageSize - 1) / pageSize;//显示当前数据sql = "SELECT * FROM city";psmt = conn.prepareStatement(sql);rs = psmt.executeQuery();if (xpage >= totalpages) {for (int i = 1; i <= (totalpages - 1) * pageSize; i++) {rs.next();}} else {for (int i = 1; i <= (xpage - 1) * pageSize; i++) {rs.next();}}
%>
<html>
<head><title>仿百度页面的分页显示</title>
</head>
<body><center><h3>世界城市人口数据</h3><hr width="80%"><table border="1" width="80%" align="center"><% //数据库调取数据for (int i = 1; i <= pageSize; i++) {if (!rs.next()) {break;}int id = rs.getInt(1);String name1 = rs.getString(2);String countrycode = rs.getString(3);String district = rs.getString(4);int population = rs.getInt(5);%><%-- 数据展示--%><tr align="center"><td style="width: 20%"><%=id%></td><td style="width: 20%"><%=name1%></td><td style="width: 20%"><%=countrycode%></td><td style="width: 20%"><%=district%></td><td style="width: 20%"><%=population%></td></tr><%}%></table><hr><form name="myform" action="get_data.jsp"><a>共<%=totalpages%>页  第<%=xpage%>页  共<%=totalpages%>  跳转到</a><select onchange="go(this.value)"><%for(int i=1;i<=totalpages;i++){if (i==xpage){out.print("<option selected>"+i+"</option>");}else {out.print("<option>" + i + "</option>");}}%></select><a>页</a><input type="text" name="page" size=1">  <input type="button" value="首 页" <%=(xpage==1)?"disabled":""%> onclick="gn(<%=1%>)"/>  <input type="button" value="上一页" <%=(xpage==1)?"disabled":""%> onclick="gn(<%=xpage-1%>)"/>  <input type="button" value="下一页" <%=(xpage==totalpages)?"disabled":""%> onclick="gn(<%=xpage+1%>)"/>  <input type="button" value="尾 页" <%=(xpage==totalpages)?"disabled":""%> onclick="gn(<%=totalpages%>)"/></form>
</center>
<%} catch (ClassNotFoundException | SQLException e) {e.printStackTrace();}
%>
<script>function go(x) {window.location.href="get_data.jsp?page="+x;}function gn(x) {window.location.href="get_data.jsp?page="+x;}
</script>
</body>
</html>
- 效果展示
网页分页展示的全部样式相关推荐
- HTML 的静态网页分页样式
HTML 的静态网页分页样式 page.css代码如下: #page-normal{color:#ff9655;text-align:center;font-size:0px; }#page-norm ...
- 【3.分页展示】查询只有key没有值及其他问题
目录 旅游线路的分页展示 304的解决方法: Redis中查询score(cid) 页面传递cid 如何将cid从route_list.html中获取 根据id查询不同类别的旅游线路数据 分页展示旅游 ...
- 旅游网（5）-------------- 旅游线路的分页展示
旅游线路的分页展示 点击了不同的分类后,将来看到的旅游线路不一样的.通过分析数据库表结构,旅游线路表和分类表时一个多对一的关系. 解决获取cid问题 header.html var li = '< ...
- java商品展示页面代码_java学习(十四)实现商品的展示、curd以及分页展示
本文主要完成使用jdbc完成购物网站中实现:展示所有商品.添加商品.删除商品.修改单个商品.删除多个商品.分页展示的功能实现. 1.展示所有商品 本章节主要实现点击首页上展示所有商品的超链接,实现在页 ...
- HTML+CSS实现网页分页页码
直角分页页码实现 <!doctype html> <html> <head> <meta charset="utf-8"> < ...
- 房源分页展示和实现webuploader上传图片
分页展示 创建资源控制器并关联模型 php artisan make:controller Admin/FangController -r -m Models/Fang //资源路由 Route::r ...
- 前端Vue+ElementUI的Pagination分页组件实现分页展示 后端Spring Boot +Mybatis Plus实现分页接口
前端Vue+ElementUI的Pagination分页组件实现分页展示 & 后端Spring Boot +Mybatis Plus实现分页接口 很久没有更新博客了,主要原因是博主一直在补充自 ...
- Flask 实现分页展示数据（简单套路）
简单方法套路 套用模板,定义宏.在templates里新建一个_macros.html,代码如下 {% macro pagination_widget(pagination, endpoint) %} ...
- JavaWeb黑马旅游网-学习笔记06【旅游线路分页展示分页展示】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...
最新文章
- 解决centos4不能使用yum的方法
- SQLite中的WHERE子句
- 【视频课】深度掌握模型剪枝+模型量化+知识蒸馏3大核心模型压缩技术理论！...
- 数据结构：在下述几种树中，（）可以表示静态查找表？
- python字典成绩_python_字典
- 使用Python 3.5/3.6监听本机任意窗口中的按键操作
- java对象gc恢复_JVM垃圾回收与对象状态
- Docker web管理界面——Shipyard
- zabbix详解（十五）——zabbix proxy配置实战
- 安卓和win环境下扫描局域网下设备IP的工具
- SheetJS xlsx js库入门使用
- 新浪云sae免费PHP,免费php空间：新浪云平台sae搭建WordPress网站
- 程序员的副业，有人做扮鬼演员月入5K，有人接私活年入80万！
- 电商api接口：淘宝以图搜图
- 学习笔记 Unsupervised Domain Adaptive Re-Identification: Theory and Practice
- 博士申请 | 美国密歇根州立大学ACTION Lab招收CV/ML方向全奖博士生
- python五子棋程序教程_Python 五子棋 编程
- C基础学习之C 输入 输出
- SSM公司企业OA管理系统
- word密码破解工具