2.引入css和js
此處引用的是themeleaf寫法
3.html**
修改使用者資訊
刪除使用者資訊
4.script
5.controller部分**
//在service通過條件查詢獲取指定頁的資料的list
listlist = userservice.queryall(pagesize, pagenumber, searchtext);
system.out.println(list.size());
//根據查詢條件,獲取符合查詢條件的資料總量
integer total = userservice.pagecount(searchtext);
//自己封裝的資料返回型別,bootstrap-table要求伺服器返回的json資料必須包含:totlal,rows兩個節點(sidepagination: "server"服務端分頁)
mapmaps = new hashmap<>();
maps.put("rows",list);
maps.put("total",total);
return maptojson(maps);
//sqlserver分頁查詢註解方式,由於採用#{}取值方式,預設為變數新增單引號導致語句保錯,此處採用${}取值方式
@select("select top $ * from user_info where userid not in (select top $ userid from user_info) " +
"and (username like $ or login like $ )")
public listqueryall(@param("pagesize") integer pagesize,@param("pagenumber") integer pagenumber,@param("searchtext") string searchtext);
@select("select count(1) from user_info where username like $ or login like $")
@resulttype(integer.class)
public integer querycount(@param("searchtext") string searchtext);
bootstrap實現分頁功能
功能其實很簡單,主要細心就可以了。先上效果圖,有點簡陋,但是功能no problem!實現這個功能需要一下幾個步驟 第一步 引入boostrap外掛程式 有可能不全自己找 這是需要引入的必須要的js及css 第二步 整理寫js,下面寫的夠仔細,用的話直接複製 第三步 當然是寫介面 controlle...
Bootstrap分頁使用方法
預設bootstrap分頁樣式 這是預設的bootstrap分頁元件樣式,效果簡潔直觀,如果想要符合自己的專案需求,可以將高亮顏色改為自己想要的顏色,其他樣式直接引用即可,編寫 如下 當前頁面選項高亮與禁用狀態 通過引入disabled樣式與active樣式,可以將當前你的頁面選項高亮,並且禁用已經...
bootstrap的pages控制項分頁獲取資料
近期使用了bootstrap的pages控制項和ajax來分頁獲取資料。學習了很多東西,記錄下來。rel stylesheet script class pages 共條span style padding left 100px id pageindex style font size 20px f...