首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何隐藏中间的分页号并保留前3个页码和最后一个页码

隐藏中间的分页号并保留前3个页码和最后一个页码可以通过以下步骤实现:

  1. 首先,确定总页数(total_pages)和当前页码(current_page)。
  2. 创建一个空的列表(page_numbers)来存储要显示的页码。
  3. 如果总页数小于等于5,那么所有页码都应该显示,将页码从1到总页数依次添加到page_numbers列表中。
  4. 如果当前页码小于等于3,那么前4个页码都应该显示,将页码从1到4依次添加到page_numbers列表中,并在最后添加省略号(...)。
  5. 如果当前页码大于等于总页数减2,那么后4个页码都应该显示,将页码从总页数减3到总页数依次添加到page_numbers列表中,并在最前面添加省略号(...)。
  6. 如果当前页码在4到总页数减2之间,那么前3个页码、当前页码和后一个页码都应该显示,将页码1、2、3、当前页码和总页数减1、总页数依次添加到page_numbers列表中,并在适当的位置添加省略号(...)。
  7. 最后,遍历page_numbers列表并显示页码。

这种分页方式可以提供简洁的页面导航,同时保留了前几个页码和最后一个页码,使用户能够快速导航到所需的页面。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):提供弹性计算能力,支持多种操作系统和应用场景。详情请参考:https://cloud.tencent.com/product/cvm
  • 腾讯云云数据库MySQL版:提供高性能、可扩展的关系型数据库服务。详情请参考:https://cloud.tencent.com/product/cdb_mysql
  • 腾讯云对象存储(COS):提供安全可靠的云端存储服务,适用于图片、视频、文档等各种类型的数据存储。详情请参考:https://cloud.tencent.com/product/cos
  • 腾讯云人工智能平台(AI Lab):提供丰富的人工智能服务和开发工具,包括图像识别、语音识别、自然语言处理等。详情请参考:https://cloud.tencent.com/product/ailab
  • 腾讯云物联网平台(IoT Hub):提供全面的物联网解决方案,支持设备接入、数据管理和应用开发等功能。详情请参考:https://cloud.tencent.com/product/iothub
  • 腾讯云移动推送(TPNS):提供高效可靠的移动消息推送服务,支持Android和iOS平台。详情请参考:https://cloud.tencent.com/product/tpns

请注意,以上链接仅供参考,具体产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • The basics of InnoDB space file layout(3.InnoDB空间文件布局基础知识)

    在前面《学习InnoDB核心之旅》中,我介绍了innodb_diagrams项目来记录InnoDB的内部。它提供了这篇文章中用到的所有图表。 InnoDB的数据存储模型使用空间“Space”,在Mysql中通常被称为表空间,在InnoDB中有时也被称为文件空间。一个空间能够由操作系统级别的多个实际文件如ibData1、ibdata2组成。但是它只是一个逻辑文件。由多个物理文件被当作物理连接在一起的一个逻辑文件处理。 InnoDB的每个空间都分配一个32位的整数空间ID,它在许多不同的地方被用来引用这个空间。InnoDB总是有一个系统空间。它总是被分配空间ID为0.系统空间用于InnoDB需要的各种特殊日志记录。通过Mysql,InnoDB目前支持每个表文件空间的形式的额外空间。这将为每个Mysql表创建一个.ibd文件。在内部,这个.ibd文件实际上是一个功能完整的空间。它可以包含多个表,但是在Mysql的实现中,它门只包含一个表。也就是说通常是一张表至少有一个独立的ibd文件。

    02

    bootstrap 查询 展示 分页 常用**

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap-responsiv.css"> <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/dataTables.bootstra.css"> </head> <body>

    领券