當頁面上的資料過多時,需要分頁展示。這個時候就需要分頁。分頁有頁碼導航,點選對應頁碼時,展示當前頁面的內容。
分頁可以是前台分頁也可以是後台分頁。主要的區別是是由誰來分段處理資料。
一般分頁的話,還需要加乙個搜尋功能。
由後台將資料一次性傳過來,再由前端進行資料處理,當資料較少時,可以由前端分頁但是資料過多時,理所應當的就交由後台來完成分頁功能。
開啟頁面時傳送ajax
,通過介面來獲取所的資料,將資料快取在乙個變數上,比如alldatas[array]
。
寫乙個方法來處理當前頁碼時的展示的資料。
/**
*handledata:處理展示的資料
* @param:
* currentpage[number]:當前頁碼
* length[number]:當前頁的展示條數
* data[array]:要分頁的資料
* @return:
* arr[array]:要展示的資料
/function handledata(currentpage, length, data)
拿到當前頁的資料後,再將資料繫結到頁面即可。
點選分頁切換時,只需將當前頁的頁碼和資料長度傳入方法即可以獲取當前頁的資料。
例如handledata(2, 10, alldatas)
即可獲得第二頁十條資料。
搜尋功能:
因為資料都在前台存放,所以搜尋時,只要將alldatas
裡的資料過濾即可,
function filterdata(key)
}}
因為過濾出來的資料也有可能是分頁的,也要進行分頁處理。即傳入到handledata
中即可。
與前台分頁相比,後台分頁主要就是前端呼叫後台的介面來工作。
資料處理都會由後台來完成,前端的工作相對會輕鬆很多。
首屏展示會第一次呼叫獲取資料介面,一般傳的字段會有,頁數+當前頁有多少條資料。
$.ajax(
})
當點選哪頁的時候,就會傳送獲取哪頁資料的介面。
因為所有資料都存放在後台,前端就喪失了搜尋的能力,因此搜尋的時候,就會再呼叫乙個搜尋介面。這個介面會有搜尋的內容,這個一般也會涉及到分頁,因為搜尋到的內容可能過多,對比發現這個介面和獲取所有資料的介面就差乙個搜尋關鍵字,因為可以將這兩個介面合併成乙個介面來處理。
離職,我應該做什麼?
看了不少網上關於離職管理的文章,全是從公司角度講怎麼管理員工的。今天我寫個員工如何管理自己的離職流程。第一步慎重考慮 無論因什麼準備離職,一定要把此點作為離職的第一步。如果公司給你加薪 換崗位 提公升,你還會不會繼續留下來?如果回答是,那請主動向公司爭取 加薪 換崗位和提公升。而不是讓人感覺是以離職...
離職,我應該做什麼?
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!看了不少網上關於離職管理的文章,全是從公司角度講怎麼管理員工的。今天我寫個員工如何管理自己的離職流程。第一步慎重考慮 無論因什麼準備離職,一定要把此點作為離職的第一步。如果公司給你加薪 換崗位 提公升,你還會不會繼續留下來?如果回答是,那請主動向公...
專案Kick Off 我們應該做什麼?
專案kick off 我們應該做什麼?專案kick off是什麼?專案kick off也就是專案啟動會議。當我們有專案啟動的時候,把涉及的相關人員都聚集起來,然後召開乙個啟動的會議。那麼在kick off的時候我們都應該做些什麼呢?首先專案經理可以介紹一下整個專案。專案的大致流程和模組有些,產品經理...