1. 程式人生 > >jsp實現分頁顯示資訊(資料庫、EL表示式、連線池)

jsp實現分頁顯示資訊(資料庫、EL表示式、連線池)

一、準備工作

1.1在mysql資料庫中你建立學生的表
1.2細節:
    1.2.0. 先匯入musql的jar包
    1.2.1. 性別一般用列舉型
    1.2.2. 要將錶轉儲sql檔案,放在web專案額web-info下面
    1.2.3. 在刪除sql檔案中的一些資訊時,會出現中文亂碼問題,這時候一定不要儲存,先“右鍵”sql檔案,把字符集修改為
    1.2.4. 因為要用到連線池,先把context.xml放到meta-info下面  

準備工作

資料庫

二、javabean(屬性私有化、do/get方法、空參建構函式、帶參建構函式):

package
com.bright.bean; public class Student { private int id; private String name; private String sex; private String clazz; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public
void setName(String name) { this.name = name; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } public String getClazz() { return clazz; } public void setClazz(String clazz) { this.clazz = clazz; } public
Student() { super(); } public Student(int id, String name, String sex, String clazz) { super(); this.id = id; this.name = name; this.sex = sex; this.clazz = clazz; } }

三、學生資訊初始化(將資訊存入到資料庫中,有了這個就不需要sql檔案了)

package init;

import java.sql.*;
import java.util.Random;
import com.bright.bean.*;

public class StudentInit {

    public static void main(String[] args) {
        //連線資料庫(用JDBC連線)
        try {
            Class.forName("com.mysql.jdbc.Driver");
            Connection conn=DriverManager.getConnection("jdbc:mysql:///student", "root", "123");
            PreparedStatement stat=conn.prepareStatement("insert into student values (null,?,?,?)");//因為id是自增長的

            //假設有88個學生,每個班20人,分成了5個班(外迴圈控制班級,內迴圈控制每個班的學生人數20人)
            for (int i = 1; i < 6; i++) 
            {
                for(int j=1;j<21;j++)
                {
                    String sex="男";
                    //生成一個隨機整數
                    if(new Random().nextInt()%2==0)
                    {
                        sex="女";
                    }

                    Student stu=new Student(0, i+"班的"+j+"號學生", sex, i+"班");

                    //儲存
                    stat.setString(1, stu.getName());
                    stat.setString(2, stu.getSex());
                    stat.setString(3, stu.getClazz());

                    stat.executeUpdate();

                    //迴圈到最後一個人了就退出迴圈
                    if(i==5&&j==8)
                    {
                        break;
                    }
                }
            }
            conn.close();

        } catch (Exception e) {
            e.printStackTrace();
        }

    }
}

四、servlet處理資料(分頁一般用get處理):

package com.bright.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import javax.naming.Context;
import javax.naming.InitialContext;
import javax.naming.NamingException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.sql.DataSource;

import com.bright.bean.Student;


public class PageServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        //宣告四個引數
        long rows=0;    //資料總數(可能比較長,就定義為了long)
        int size=10;    //每一頁顯示的記錄條數
        int page=1;     //當前第幾頁
        int pageCount=0;//一共有多少頁

        String pn=request.getParameter("page");//通過引數獲取page(當前是第幾頁)

        //得到當前是第幾頁
        if(pn!=null && pn.length()>0)
        {
            try {
                page=Integer.parseInt(pn);      //進行型別轉換(得到的是一個字串)
            } catch (NumberFormatException e) {
                e.printStackTrace();
                page=1;                         //如過又錯,就返回第一頁得到資訊
            }
        }

        //使用連線池
        try {
            InitialContext initCtx = new InitialContext();
            Context ctx=(Context) initCtx.lookup("java:comp/env");
            DataSource ds=(DataSource) ctx.lookup("jdbcmysql");

            Connection conn=ds.getConnection();

            PreparedStatement stat=conn.prepareStatement("select count(*) as rows from student");//先從資料庫中取到所有的資料

            ResultSet rs=stat.executeQuery();//將查詢到的結果放到結果集中

            //有下一條
            if(rs.next())
            {
                rows=rs.getLong("rows");//得到資料總數
            }

            //計算pageCount(總頁數)
            if(rows%size==0)
            {
                pageCount=(int)(rows/size);
            }else{
                pageCount=(int)(rows/size)+1;
            }

            //將查詢到的資料放到List集合中
            List<Student> list=new ArrayList<Student>();

            //使用SQL進行分頁(兩個問號分別代表每一頁的開頭和結尾)
            stat=conn.prepareStatement("select * from student limit ?,?");
            stat.setInt(1,(page-1)*size);//每一頁的開頭
            stat.setInt(2, size);//每一頁的結尾

            rs=stat.executeQuery();

            while(rs.next())
            {
                Student s=new Student();
                s.setId(rs.getInt(1));      
                s.setName(rs.getString(2));
                s.setSex(rs.getString(3));
                s.setClazz(rs.getString(4));

                list.add(s);
            }

            conn.close();

            //將資料傳送給JSP頁面,並實現轉發
            request.setAttribute("list", list);
            request.setAttribute("pageCount", pageCount);//總頁數
            request.setAttribute("page", page);//當前顯示頁

            request.getRequestDispatcher("/page.jsp").forward(request, response);

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request,response);
    }

}

五(1)、配置檔案XML:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <display-name></display-name>
  <servlet>
    <servlet-name>PageServlet</servlet-name>
    <servlet-class>com.bright.servlet.PageServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>PageServlet</servlet-name>
    <url-pattern>/ps</url-pattern>
  </servlet-mapping>    
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

五(2)、連線池連線的檔案:

<?xml version="1.0" encoding="UTF-8"?>
<Context>

<!-- 
    name: jndi中的名字,servlet中,就通過該名字獲取資料來源
    type: 物件的型別
    maxActive: 最大活動連線數(沒有被使用的連線數)
    maxIdle: 最大連線數
    maxWait: 如果沒有連線,等待連線的時間,-1表示無限等待
    ....
 -->
    <Resource
        name="jdbcmysql"
        auth="Container"    
        type="javax.sql.DataSource"
        maxActive="5"
        maxIdle="5"
        maxWait="-1"
        driverClassName="com.mysql.jdbc.Driver"
        username="root"
        password="123"
        url="jdbc:mysql:///student"/>//student是資料庫的名稱
</Context>

六、靜態頁面(用jsp顯示)

6.1. 
<%@ page language="java" import="java.util.*"  contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
  </head>

  <body>
    <center>
        <table border="1" cellpadding="0" cellspacing="0" width="50%">
            <caption>學生資訊顯示</caption>
            <tr>
                <th>序號</th>
                <th>ID</th>
                <th>姓名</th>
                <th>性別</th>
                <th>班級</th>
            </tr>

        <c:choose>
                <c:when test="${empty list}">
                    <tr>
                        <td colspan="5">沒有學生資訊</td>
                    </tr>
                </c:when>

            <c:otherwise>
                <c:forEach items="${list}" var="st" varStatus="index">
                    <tr>
                        <td>${index.count}</td>
                        <td>${st.id}</td>
                        <td>${st.name}</td>
                        <td>${st.sex}</td>
                        <td>${st.clazz}</td>
                    </tr>
                </c:forEach>

                <tr>
                    <td colspan="5">
                        <c:if test="${!(page==1)}">
                            <a href="ps?page=${page-1 }">上一頁</a>
                        </c:if>

                        <c:forEach var="p" begin="1" end="${pageCount }">
                            <a href="ps?page=${p}">第${p}頁</a>
                        </c:forEach>

                        <c:if test="${!(page==pageCount)}">
                            <a href="ps?page=${page+1 }">下一頁</a>
                        </c:if>

                    </td>
                </tr>
            </c:otherwise>  
            </c:choose>
        </table>
    </center>
  </body>
</html>
6.2. 細節:
①使用了EL表示式,在page中要有  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
②表格的第一列要有編號

③<c:choose>中有<c:when>可有多個和<c:otherwise>,<c:otherwise>中有<forEach>

七 、執行結果(部分):

第一頁
第二頁
最後一頁

八、小結

1、通過http:localhost:8080/pagination/ps(這時候訪問的是servlet)

2、servlet中的思路:
(1)連線資料庫,從資料庫中查詢到所有資料,進行預處理,將查詢到的所有資料方法哦結果集中–>知道資料總數rows
(2)根據資料總數,通過公式就可以得到總頁數pageCount
(3)通過sql語句進行分頁(這時候有兩個未知量,一個是每一頁的起始位置,另一個是每一頁的結尾)

    ①通過sql語句查詢資料庫--->進行預處理(有幾個問好就儲存幾個資料)
    ②將查詢到的結果放到結果集中
    ③如果有下一條,就取出查詢到的所有資料,給stu賦值
    ④將stu新增到集合中
(4)將集合,總頁數,當前頁數放到request中
(5)進行重定向(就跳轉到jsp頁面顯示資料了)