Java WEB 分页实现

1. 前言

    Java Web 分页实现设计基于 MySQL 的关键字 limit m,n 从指定下标位置 m 开始返回 n 条记录，实现查询某一页的列表数据；前端控制分页"组件"，此处组件是手写的，基本效果是支持跳转首页、尾页、以及展示出的页码，最多展示 6 个页码；

    项目基于 JSP+Servlet+MySQL 实现的列表分页。分页实现效果演示 ：

图1-1、项目欢迎页图

 

图1-2、首页分页效果图

 

图1-3、中间页分页效果图

 

图1-4、尾页分页效果图

 

2. 实现设计

从效果可以看出内容由两部分组成

    1.学生信息

    数据库中插入一些记录，此处以学生对象为例。通过JDBC获取数据库中全部的学生记录，显示在前端页面用来演示。

    2.页码查询

    当前页码为第一页或者最后一页时，不可点击，该内容会在tab.jsp文件中控制实现。

3. 技术实现

• JDBC 数据库的连接
• Java 基础类接口及泛型的知识
• JSP 与 Servlet
• XML 配置文件

4. 项目代码结构

    此处所用平台为  myeclipse  数据库为  mysql  （也可用其他）;SpringMVC  架构MVC（model-view-controller）

     

图4-1、项目代码结构图

图没截全，补一下

 

5. 开发实现

5.1.数据库处理

    首先  jdbc  的相关操作，新建数据库  mysql2，新建表 student 

(1)表的信息

(2)表各属性的类型及长度

    分页实现就是将数据库中表的数据记录，前端请求服务器，Servlet 响应请求并交互数据库获取数据列表返回给前端，前端渲染展示列表，支持按指定页查询即可。

5.2.新建Web Project

    数据库的表信息处理好后，新建  web Project 项目，

    在   /WebRoot/WEB-INF/lib  下导入  jar  用于数据库连接的包   /WebRoot/WEB-INF/lib/mysql-connector-java-5.0.3-bin.jar

    在  src  下新建包 文件名、包名自己定义（以下新建  类、包、jsp、servlet  等命名自定义 ）

(1)在所建包  pers.ms.rfeng.util  创建类  DBO  用于平台与数据库的连接，代码如下：

           

(2)新建测试连接是否成功，代码如下：

    

(3)新建Student 类及泛型PageBean<T>类代码如下

      

     

(4)学生信息类对应的  DAO  包下

    新建接口 StudentDao，写一个待实现的方法  按页查询内容  findByPage（），

    同时新建类  StudentDaoImpl  实现该接口。

StudentDao.java对应代码如下：

    

StudentDaoImpl.java实现接口的代码

    

    

   

(6)新建类  StudentService  类调用按页查询内容的方法

StudentService.java 代码如下：

    

(7)新建跳转页面  index.jsp  代码如下

     

(8)新建对应的  servlet  名为  StudentServlet ，处理来自视图的命令或数据的接收

StudentServlet.java 代码如下：

     

    

(8)StudentServlet 中跳转的界面对应的 message. jsp 就是开头效果所展示的内容的  视图，

message.jsp 代码如下：

    

(9)其中页码的跳转条是 tab.jsp  

tab.jsp 代码如下：

     

     

(10)最后配置文件 web.xml

说明：

    一般该文件，在MyEclipse是自动生成的，eclipse下需自己创建编写代码

web.xml代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>Manager</display-name>
  <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>StudentServlet</servlet-name>
    <servlet-class>pers.ms.rfeng.servlet.StudentServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>StudentServlet</servlet-name>
    <url-pattern>/StudentServlet</url-pattern>
  </servlet-mapping>

  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

扩展
    可以加上跳转页面文本输入框，校验输入的是否为数字，根据输入的数字跳转到对应的页面或者给出合理的提示。
其他
     字体较小，Ctrl  + 即可调界面大小，对应 Ctrl  -
     效果如开始所展示那样，
     具体的页面风格，像内容居中，颜色，加一些自己的风格，可以在，对应的   jsp  写相应的修改
分页项目源码 ：https://gitee.com/niaonao/PagingProject

Powered By niaonao