Bootstrap-Table是一個Boostrap的表格插件,可以將JSON數據直接顯示在表格中。固然,這須要配置一些參數並進行初始化表格才行。其官方網站地址爲:http://bootstrap-table.wenzhixin.net.cn/。裏面能夠下載使用所需的JS和CSS文件,以及參考文檔和例子。bootstrap
Bootstrap-Table顯示數據到表格的方式有兩種,一種是客戶端(client)模式,一種是服務器(server)模式。服務器
所謂客戶端模式,指的是在服務器中把要顯示到表格的數據一次性加載出來,而後轉換成JSON格式傳到要顯示的界面中,在JavaWeb中能夠保存在request中,而後轉發到指定界面,在界面初始化的時候使用EL表達式獲取,而後調用相關初始化的函數,將JSON字符串傳進去便可顯示。客戶端模式較爲簡單,它是把數據一次性加載出來放到界面上,而後根據你設置的每頁記錄數,自動生成分頁。當點擊第二頁時,會自動加載出數據,不會再向服務器發送請求。同時用戶能夠使用其自帶的搜索功能,能夠實現全數據搜索。對於數據量較少的時候,能夠使用這個方法。可是對於數據量大的系統,使用該方法會形成加載出一些好久以前的,用戶不在關注的數據,使得加載速度變慢,增長了服務器的負擔,浪費了資源。這時應該採用服務器模式。函數
所謂服務器模式,指的是根據設定的每頁記錄數和當前要顯示的頁碼,發送數據到服務器進行查詢,而後再顯示到表格中。該方法能夠根據用戶的須要動態的加載數據,節省了服務器的資源,可是不能使用其自帶的全數據搜索功能。由於你加載的數據只是一頁的數據,因此全數據搜索的範圍也只在一頁之中。網站
轉載 : http://blog.csdn.net/lzx_longyou/article/details/50563907.net