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几分钟,等聊完面试也不就基本结束了。