1.頁面的結構
//遍歷list, 返回資料
let listbody= this.state.list.map((user,index)=>
) });
//當this.state.list.length<=0,第一次載入的時候firstloading=true，顯示"正在載入資料"
//當this.state.list.length<=0,第一次載入的時候firstloading=false，顯示"正在載入資料"
let listerror=(
) let tablebody=this.state.list.length > 0 ? listbody:listerror;
return (
id使用者名稱
郵箱
**
註冊時間
this.state.pagenum}
total=
onchange=}/>
);
2.使用者列表介面
/manage/user/list.do
，
請求資料為，pagenum和pagesize, pagesize預設為10，所以只需要傳入當前頁pagenum就可以了
this.state=
請求後台資料
//當頁碼掛載之後請求資料
componentdidmount()
loaduserlist())
});
},errmsg =>);
_mm.errortips(errmsg);
}) }
3.當頁碼改變的時候觸發onchange事件，呼叫onpagenumchange函式，傳入當前頁pagenum,更新state裡邊的pagenum
//當頁數變化的時候改變pagenum
onpagenumchange(pagenum),() => ) }
posted on
2018-06-26 17:39
gisery 閱讀(
...)
編輯收藏
React後台管理系統 訂單管理
1.訂單管理頁面和商品管理頁面類似，都是乙個搜尋元件 列表元件 2.搜尋框search元件 import react from react class listsearch extends react.component 資料變化的時候 onvaluechange e onsearch 輸入關鍵字後...
React後台管理系統 訂單管理
1.訂單管理頁面和商品管理頁面類似，都是乙個搜尋元件 列表元件 2.搜尋框search元件 import react from react class listsearch extends react.component 資料變化的時候 onvaluechange e onsearch 輸入關鍵字後...
React後台管理系統 首頁Home元件
1.home元件要顯示使用者總數 商品總數和訂單總數，資料請求後端的 manage statistic base count.do介面，返回的是 頁面掛載之後請求資料 componentdidmount loadcount errmsg 2.把資料渲染到頁面上 首頁 row col md 4 use...