Java Web 分頁實現

  分頁實現的效果：

•  
  
• 
  
• 
  

1、從效果能夠看出內容由兩部分組成：

1. 學生信息 2. 頁碼查詢（當前頁碼爲第一頁或最後一頁時，不可點擊，該內容會在 tab.jsp 文件中具體寫出）

2、主要知識爲：

JDBC數據庫的鏈接、Java 基礎類接口及泛型的知識、JSP、Servlet、XML

3、此處所用平臺爲 MyEclipse 數據庫爲 MySQL  （也可用其餘）

SpringMVC 架構MVC（model-view-controller）

4、具體實現

首先 JDBC 的相關操做：

新建數據庫 mysql2，新建表 student

（1）表的信息

（2）表各屬性的類型及長度

分頁實現就是

將數據庫表內的內容經過服務器在瀏覽器上查詢能實現分頁查詢

數據庫的表信息處理好後，新建 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 用於平臺與數據庫的鏈接，代碼以下：

新建測試鏈接是否成功，代碼以下：

新建學生類及泛型類代碼以下

////////

/ ////////

學生信息類對應的 DAO 包下

新建接口 StudentDao，寫一個待實現的方法 按頁查詢內容 findByPage（），

同時新建類 StudentDaoImpl 實現該接口。

對應代碼以下：

//////////////////////////////實現接口的代碼//////////////////////////////////////

新建類 StudentService 類調用按頁查詢內容的方法，

代碼以下：

////////新建跳轉頁面 index.jsp 代碼以下

新建對應的 servlet 名爲 StudentServlet ，處理來自視圖的命令或數據的接收

代碼以下：

/////////////////////////////////////////

StudentServlet 中跳轉的界面對應的 message. jsp 就是開頭效果所展現的內容的 視圖，

代碼以下：

其中頁碼的跳轉條是 tab.jsp ,

代碼以下：

最後配置文件 web.xml

(說明：通常該文件，在MyEclipse是自動生成的，eclipse下需本身建立編寫代碼)

代碼以下：

<?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 寫相應的修改