javaweb分頁

前端使用分頁組件mricode+artTemplate

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link href="mricode.pagination.css" rel="stylesheet" />
    <script src="jquery-2.1.4.min.js"></script>
    <script src="mricode.pagination.js"></script>
    <script src = "template.js"></script>
    <script>
         window.onload = function () {
              $("#page").pagination({
                  pageIndex: 0,
                  pageSize: 5,
                  showInfo: true,
                  showJump: true,
                  showPageSizes: true,
                  remote: {
                      url: '/page.action',
                      success: function (data) {
                          var html = template('test', data);
                          document.getElementById('content').innerHTML = html;
                      }
                  }
              });
          }
    </script>

</head>
<body>

    <div id="content"></div>
    <div id="page" class="m-pagination"></div>

    <script id="test" type="text/html">
        <table>
            <thead>
            <td>ID</td>
            <td>姓名</td>
            <td>密碼</td>
            </thead>
            {{each list as value i}}
            <tr>
                <td>{{value.id}}</td>
                <td>{{value.name}}</td>
                <td>{{value.pwd}}</td>
            </tr>
            {{/each}}
        </table>
    </script>

</body>
</html>

數(shù)據(jù)庫(kù)

drop database if exists jdbc;
CREATE DATABASE IF NOT EXISTS jdbc;
USE jdbc;

drop table if exists user ;
CREATE TABLE IF NOT EXISTS `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) DEFAULT NULL ,
  `pwd` varchar(50) DEFAULT NULL ,
  PRIMARY KEY (`id`)
) ;
#數(shù)據(jù)初始化
insert into user(name,pwd) values ('a1' ,'123456' );
insert into user(name,pwd) values ('a2' ,'123456' );
insert into user(name,pwd) values ('a3' ,'123456' );
insert into user(name,pwd) values ('a21' ,'123456' );
insert into user(name,pwd) values ('a22' ,'123456' );
insert into user(name,pwd) values ('a23' ,'123456' );
insert into user(name,pwd) values ('a31' ,'123456' );
insert into user(name,pwd) values ('a32' ,'123456' );
insert into user(name,pwd) values ('a33' ,'123456' );

后端代碼
實(shí)體類
User.java

public class User {
    private int id;
    private String name;
    private String pwd;

    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 getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }
}

PageDataModel.java

public class PageDataModel<T> {
    private int total;
    private List<T> list;

    public int getTotal() {
        return total;
    }

    public void setTotal(int total) {
        this.total = total;
    }

    public List<T> getList() {
        return list;
    }

    public void setList(List<T> list) {
        this.list = list;
    }
}

DBUtils.java

package util;

import java.sql.*;

public class DBUtils {
    static{
        try {
            Class.forName("com.mysql.jdbc.Driver");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
    }
    public static Connection getConnection() throws SQLException{
        String url = "jdbc:mysql://localhost/jdbc?useUnicode=true&characterEncoding=UTF-8";
        Connection conn = DriverManager.getConnection(url,"root","root");
        return conn;
    }
    public static void close(Statement st,Connection conn){
        try{
            if(st != null){
                    try {
                        st.close();
                    } catch (SQLException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
            }
        }finally{
            if(conn != null){
                try {
                    conn.close();
                } catch (SQLException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }
        }
    }
    public static void close(ResultSet rs,Statement st,Connection conn){
        try{
            if(rs != null){
                try {
                    rs.close();
                } catch (SQLException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }
        }finally{
            try{
                if(st != null){
                        try {
                            st.close();
                        } catch (SQLException e) {
                            // TODO Auto-generated catch block
                            e.printStackTrace();
                        }
                }
            }finally{
                if(conn != null){
                    try {
                        conn.close();
                    } catch (SQLException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                }
            }
        }
    }
}

pageServlet2.java

@WebServlet(name = "pageServlet2",urlPatterns = "/page.action")
public class pageServlet2 extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String strPageIndex = request.getParameter("pageIndex");
        System.out.println(strPageIndex);
        int nPageIndex = Integer.parseInt(strPageIndex);

        String strPageSize = request.getParameter("pageSize");
        System.out.println(strPageSize);
        int nPageSize = Integer.parseInt(strPageSize);

        IUserInfoService iuis = UserInfoServiceImpl.getInstance();
        List<User> lstUser = iuis.GetAllUsersPaged(nPageIndex,nPageSize);
        int nCount = iuis.GetPagedDataCount();

        PageDataModel<User> p = new PageDataModel<User>();
        p.setTotal(nCount);
        p.setList(lstUser);
        String strJson = JSON.toJSONString(p);
        response.getWriter().println(strJson);
    }
}

IUserInfoService.java

public interface IUserInfoService {
    List<User> GetAllUsersPaged(int nPageIndex, int nPageSize);
    int GetPagedDataCount();
}

UserInfoServiceImpl.java

package Service.ServiceImpl;

import Dao.DaoImpl.UserInfoDaoImpl;
import Dao.IUserInfoDao;
import Service.IUserInfoService;
import util.User;

import java.util.List;

public class UserInfoServiceImpl implements IUserInfoService {

    private static UserInfoServiceImpl userInfoServiceImpl = new UserInfoServiceImpl();
    private UserInfoServiceImpl()
    {
        ;
    }

    public static UserInfoServiceImpl getInstance()
    {
        return userInfoServiceImpl;
    }

    @Override
    public List<User> GetAllUsersPaged(int nPageIndex, int nPageSize) {
        IUserInfoDao iuid = new UserInfoDaoImpl();
        List<User> lst = iuid.GetAllUsersPaged(nPageIndex,nPageSize);
        return lst;
    }

    @Override
    public int GetPagedDataCount() {
        IUserInfoDao iuid = new UserInfoDaoImpl();
        int nCount = iuid.GetPagedDataCount();
        return nCount;
    }
}

IUserInfoDao.java

public interface IUserInfoDao {
    List<User> GetAllUsersPaged(int nPageIndex, int nPageSize);
    int GetPagedDataCount();
}

UserInfoDaoImpl.java

package Dao.DaoImpl;

import Dao.IUserInfoDao;
import util.DBUtils;
import util.User;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

public class UserInfoDaoImpl implements IUserInfoDao {

    @Override
    public List<User> GetAllUsersPaged(int nPageIndex, int nPageSize) {
        Connection con = null;
        PreparedStatement ps = null;
        List<User> lst = new ArrayList<User>();
        StringBuilder sb = new StringBuilder();
        try {
            con = DBUtils.getConnection();
            sb.append("select * FROM USER where 1 = 1 ");

            sb.append(" limit ?, ?");
            ps = con.prepareStatement(sb.toString());

            ps.setInt(1,nPageIndex*nPageSize);
            ps.setInt(2,nPageSize);

            ResultSet rs = ps.executeQuery();

            while(rs.next())
            {
                User ui = new User();
                ui.setId(rs.getInt(1));
                ui.setName(rs.getString(2));
                ui.setPwd(rs.getString(3));

                lst.add(ui);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtils.close(ps,con);

        }
        return lst;
    }

    @Override
    public int GetPagedDataCount() {
        Connection con = null;
        PreparedStatement ps = null;
        int nCount = 0;
        StringBuilder sb = new StringBuilder();
        try {
            con = DBUtils.getConnection();
            sb.append("select count(*) FROM user where 1 = 1 ");

            ps = con.prepareStatement(sb.toString());

            ResultSet rs = ps.executeQuery();
            if(rs.next())
                nCount = rs.getInt(1);

        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtils.close(ps,con);

        }
        return nCount;
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末与纽,一起剝皮案震驚了整個(gè)濱河市凰兑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌脚猾,老刑警劉巖霍狰,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抡草,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡蔗坯,警方通過查閱死者的電腦和手機(jī)康震,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宾濒,“玉大人腿短,你說我怎么就攤上這事』婷危” “怎么了橘忱?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)卸奉。 經(jīng)常有香客問我钝诚,道長(zhǎng),這世上最難降的妖魔是什么榄棵? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任凝颇,我火速辦了婚禮,結(jié)果婚禮上疹鳄,老公的妹妹穿的比我還像新娘拧略。我一直安慰自己,他們只是感情好瘪弓,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布垫蛆。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪月褥。 梳的紋絲不亂的頭發(fā)上弛随,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音宁赤,去河邊找鬼舀透。 笑死,一個(gè)胖子當(dāng)著我的面吹牛决左,可吹牛的內(nèi)容都是我干的愕够。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼佛猛,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼惑芭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起继找,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤遂跟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后婴渡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體幻锁,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡边臼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年柠并,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了岭接。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡臼予,死狀恐怖鸣戴,靈堂內(nèi)的尸體忽然破棺而出粘拾,到底是詐尸還是另有隱情,我是刑警寧澤半哟,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布酬滤,位于F島的核電站签餐,受9級(jí)特大地震影響寓涨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜氯檐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一冠摄、第九天 我趴在偏房一處隱蔽的房頂上張望糯崎。 院中可真熱鬧,春花似錦年栓、人聲如沸薄霜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至崎坊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間曲尸,已是汗流浹背打月。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留奏篙,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓为严,卻偏偏與公主長(zhǎng)得像肺稀,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子话原,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,099評(píng)論 25 707
  • 前端使用分頁組件mricode[https://github.com/mricle/Mricode.Paginat...
    __豆約翰__閱讀 304評(píng)論 0 0
  • 艾云尼已經(jīng)失蹤了幾天晤揣,那場(chǎng)大雨也把很多痕跡都抹去桥爽,這讓霍辰的搜索工作變得困難昧识。但作為特殊部隊(duì),在叢林執(zhí)行搜索任務(wù)自...
    ChainLee閱讀 318評(píng)論 0 0
  • 從來沒有想到自己會(huì)惹上一個(gè)小混混的男生形导。林墨謙习霹,是比我高一屆的學(xué)長(zhǎng)朵耕。濃眉大眼高鼻梁白皙的皮膚淋叶、一呼百應(yīng)、霸道總裁煞檩、...
    卡布奇諾愛土司邊閱讀 244評(píng)論 2 1
  • 昨日身體欠佳,八點(diǎn)就休息了熏迹,今日繼續(xù)凝赛,萬事萬物若皆是開頭美好而結(jié)局潦倒注暗,倒不如松柏墓猎。終年青翠,無花無果也罷了毙沾。 5...
    林位錯(cuò)閱讀 193評(píng)論 0 0