easyui-datagrid連接數據庫實現分頁查詢數據

一、利用MVC思想建立底層數據庫：

package com.hanqi.dao;

import java.util.ArrayList;
import java.util.List;

import org.hibernate.Session;
import org.hibernate.SessionFactory;
import org.hibernate.Transaction;
import org.hibernate.boot.registry.StandardServiceRegistryBuilder;
import org.hibernate.cfg.Configuration;
import org.hibernate.service.ServiceRegistry;

import com.hanqi.entity.Student;

public class StudentDAO {

    ServiceRegistry sr=null;
    Configuration cfg=null;
    SessionFactory sf=null;
    Session se=null;
    Transaction tr=null;
    
    public StudentDAO()
    {
        cfg=new Configuration().configure();
        
         sr=new StandardServiceRegistryBuilder()
                .applySettings(cfg.getProperties()).build();
        
    }
    //初始化
    private void init()
    {
        
        sf=cfg.buildSessionFactory(sr);
        se=sf.openSession();
        tr=se.beginTransaction();
    }
    //提交和釋放資源
    private void destory()
    {
        tr.commit();
        se.close();
        sf.close();
    }
    //獲取分頁的數據集合
    public List<Student> getPageList(int page,int rows)
    {
        List<Student> rtn=new ArrayList<Student>();
        init();
        int num=(page-1)*rows;
        rtn=se.createQuery("from Student").setFirstResult(num).setMaxResults(rows).list();
        destory();
        return rtn;
    }
    
    //獲取數據條數
    public int getTotal()
    {
        int rtn=0;
        init();
        List<Object>lo=se.createQuery("select count(1) from Student").list();
        if(lo!=null&&lo.size()>0)
        {
            rtn=Integer.parseInt(lo.get(0).toString());
        }
        
         destory();
        return rtn;
    }
    
    
    
    
}

二、建立service層

package com.hanqi.service;

import java.util.List;

import com.alibaba.fastjson.JSONArray;
import com.hanqi.dao.StudentDAO;
import com.hanqi.entity.Student;

public class StudentService {

    //查詢分頁數據
    
    
    
    //返回JSON
    public String getPageJSON(int page,int rows)
    {
        String rtn="{'title':0,'rows':[]}";
        
        int total=new StudentDAO().getTotal();
        if(total>0)
        {
            List<Student>ls= new StudentDAO().getPageList(page, rows);
            
            String ls_json=JSONArray.toJSONString(ls);
            //利用轉義字符轉成JSON格式的語句
            rtn="{\"total\":"+total+",\"rows\":"+ls_json+"}";
            
        }
        
        
        return rtn;
    }
    
}

三、建立servlet：

package com.hanqi.web;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.hanqi.service.StudentService;

/**
 * Servlet implementation class StudentServlet
 */
public class StudentServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public StudentServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        request.setCharacterEncoding("UTF-8");
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/html");
        
        String spage=request.getParameter("page");
        String srows=request.getParameter("rows");
        
        if(spage!=null&& srows!=null)
        {
        int page=Integer.parseInt(spage);
        int rows=Integer.parseInt(srows);
        
        String json =new StudentService().getPageJSON(page, rows);
        
        response.getWriter().print(json);
        }
        else
        {
            response.getWriter().print( "{'title':0,'rows':[]}");
        }
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

4、寫出顯示界面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 1、JQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<!-- 2 css資源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">
<!-- 3、圖標資源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">
<!-- 4、easyui的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<!-- 5、本地語言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
    //創建data_grid
    $("#st").datagrid({
        
        url:'StudentServlet', //數據來源   
        //凍結列
    
        //列的定義
        columns:[[ 
            {field:'sno',title:'學生編號',width:50},    
            {field:'sname',title:'學生姓名',width:50},    
            {field:'ssex',title:'性別',width:50,align:'right'},
            {field:'sbirthday',title:'生日',width:50,align:'center',hidden:true},
            {field:'sclass',title:'班級',width:50,align:'right',sortable:true}
        ]],
        
        fitColumns:true,//列自適應寬度，不能和凍結列同時設置為true
        striped:true,//斑馬線效果
        idField:'sno',//主鍵列
        rownumbers:true,//顯示行號
        singleSelect:false,//是否單選
        pagination:true,//顯示分頁欄
        pageList:[10,20,50,100],//每頁行數選擇列表
        pageSize:10,//出事每頁行數
        remoteSort:false,//是否服務器端排序，設成false，才能客戶端排序
        sortName:'sclass'//設置排序列
            
                
    });
})


</script>
學生表
<br><br>
<table id="st"></table>

</body>
</html>

效果圖：