Jquery EasyUI是第三方基於Jquery框架開發的一款輕量級的,側重於頁面顯示部分的框架,也可以稱為插件。
Jquery EasyUI使用比較簡單,也有比較全的文檔可供參考。
常用的組件就是
datagrid:數據表格
window:窗口
form:表單
layout:布局
tabs:選項卡
according:折疊面板
combobox:下拉列表
……等。
比較核心的一個就是datagrid的使用了,datagrid以表格形式展示數據,提供了選擇、排序、分組和編輯數據的功能,當然比較經典的就是datagrid提供的分頁功能只需要設置pagination屬性為true即可。實現的簡單步驟如下
1.在datagrid上添加pagination屬性設為true即可。
2.在客戶端datagrid會自動向服務器端發送兩個參數:page(當前的頁碼),rows(每頁顯示條數)
3.服務器端接收這兩個參數,查詢數據。
* 使用Spring Data JPA完成持久層的開發
* Spring Data JPA規定了分頁查詢的邏輯
* 根據page和rows封裝一個Pageable new PageRequest(page - 1,rows);
* 調用其定義好的findAll(pagebale),返回Page
* 獲取page對象中的 totalElements()和 content()
4.將結果集封裝為固定的格式:{total:總記錄數,rows:[{},{}]}
5.前端datagrid接收到這個json數據后,會自動解析。將其轉換為table
當然在我們回答的這些內容中,有可能面試官就會問到我們步驟中提到的某個知識點,那這不就又有的聊了,一個spring Data JPA就能聊個10幾分鍾,等聊完面試也不就基本結束了。
