SSh结合Easyui实现Datagrid的分页显示

下面是关于“SSh结合Easyui实现Datagrid的分页显示”的完整攻略。

1. 准备工作

首先，你需要在服务器上部署好SSH，并安装好Easyui。其中Easyui用于实现Datagrid的分页等相关功能。

2. 创建Datagrid

在创建Datagrid时，我们需要在HTML页面中添加以下代码：

<table id="datagrid"></table>

接着，在Javascript中，可以使用以下代码来创建Datagrid：

$('#datagrid').datagrid({
    url: '/get_data',
    method: 'get',
    pagination: true,
    pageSize: 10,
    pageList: [10, 20, 30, 40],
    columns: [[
        { field: 'name', title: '姓名', width: 100 },
        { field: 'age', title: '年龄', width: 100 },
        { field: 'gender', title: '性别', width: 100 }
    ]]
});

以上代码中，url可以指定从后台获取数据的URL，pagination用于启用分页功能，pageSize用于指定每页显示的数据条数，pageList用于指定可以选择的每页显示数据条数选项，columns用于指定表格列的字段名、标题和宽度等信息。

3. 后台编写代码

在后台编写代码时，我们需要编写一个接口，用于获取分页数据。以Java语言为例，可以使用以下代码实现：

@RequestMapping("/get_data")
@ResponseBody
public Map<String, Object> getData(int page, int rows) {
    int total = userService.getUserCount();
    List<User> userList = userService.getUserList(page, rows);
    Map<String, Object> result = new HashMap<>();
    result.put("total", total);
    result.put("rows", userList);
    return result;
}

以上代码中，page和rows分别为当前请求的页面和数据条数，userService为用户服务类，getUserCount用于获取数据库中用户的总数，getUserList用于获取分页后的用户列表。

4. 示例1：使用SpringMVC实现分页Datagrid

以下代码演示了如何使用SpringMVC框架实现分页Datagrid：

@RequestMapping("/")
public String index() {
    return "index";
}

@RequestMapping("/get_data")
@ResponseBody
public Map<String, Object> getData(int page, int rows) {
    int total = userService.getUserCount();
    List<User> userList = userService.getUserList(page, rows);
    Map<String, Object> result = new HashMap<>();
    result.put("total", total);
    result.put("rows", userList);
    return result;
}

其中，index为主页，我们在主页中设置一个Datagrid来展示数据。

5. 示例2：使用Struts2实现分页Datagrid

以下代码演示了如何使用Struts2框架实现分页Datagrid：

<result name="success" type="json">
    <param name="root">jsonMap</param>
</result>

<action name="get_data" class="com.example.action.UserAction" method="getData">
    <result name="success" type="json">
        <param name="root">jsonMap</param>
    </result>
</action>

其中，jsonMap用于存储分页数据，getData用于获取分页数据。如果请求成功，返回json格式数据，否则返回null。

以上就是关于“SSH结合Easyui实现Datagrid的分页显示”的完整攻略。