layui表格之分页


分页功能的完善

layui分页功能在实际使用过程中需要我们手动的去更改,以便达到分页的目的。
在这里插入图片描述
当我们点击按钮时,会给我们发送page和limit参数,我们需要在后端接收它们。
在这里插入图片描述

limit我们可以手动设置,也可以接收他传来的参数。
limits是分页的参数。
在这里插入图片描述

我们需要在后台接收数据:

@WebServlet("/SelectStaffSalary")
public class SelectStaffSalary extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String pageStr=request.getParameter("page");
        String limitStr=request.getParameter("limit");

        try {


            UserDaolmpl userDaolmpl=new UserDaolmpl();
            List<Map<String, Object>> recordList = userDaolmpl.selectStaffSalary(pageStr,limitStr);




            Map<String, Object> result = new HashMap<>();
            result.put("code", 0); // 设置响应状态码,0 表示成功
            result.put("msg", ""); // 设置响应消息,这里可以不设置
            result.put("count",userDaolmpl.countNum()); // 设置数据总数
            result.put("data", recordList); // 设置数据列表


            Gson gson = new Gson();
            String resultJson = gson.toJson(result);

            response.setContentType("application/json;charset=utf-8");

            response.getWriter().write(resultJson); // 将数据以 JSON 格式返回



        } catch (ClassNotFoundException | SQLException e) {
            throw new RuntimeException(e);
        }
    }

在selectStaffSalary方法里:

    public List<Map<String, Object>> selectStaffSalary(String page, String limit) throws SQLException, ClassNotFoundException {
        Connection connection= JDBCutil.setConnection();
        String sql = "SELECT * FROM salary_staff limit ?,?";
        PreparedStatement pstmt = connection.prepareStatement(sql);

        int page1=Integer.parseInt(page);
        int limit1=Integer.parseInt(limit);
//注意这里的逻辑,当limit为5时,当为第一页时,我们从0不包括0开始,显示5条数据,当为第二页时,我们从5开始不包括5,即从6开始显示5条数据
        pstmt.setInt(1,(page1-1)*limit1);
        pstmt.setInt(2,limit1);
        ResultSet rs=pstmt.executeQuery();
        List<Map<String, Object>> recordList = new ArrayList<>();
        while (rs.next()) {
            Map<String, Object> recordMap = new HashMap<>();
            recordMap.put("id", rs.getInt("id"));
            recordMap.put("number", rs.getString("number"));
            recordMap.put("name", rs.getString("name"));
            recordMap.put("age_salary", rs.getString("age_salary"));
            recordMap.put("work_salary", rs.getString("work_salary"));
            // 以此类推,将每个字段名和字段值存入Map
            recordList.add(recordMap);
        }
        return recordList;
    }

总结

就是把page和limit接收后,更改sql语句,查询所有数据的一段子集即可。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要实现layui数据表格的分页功能,需要结合PHP后端来进行处理。 首先,我们需要在PHP中获取到要展示的数据,并将其按照layui数据表格的要求进行格式化。可以使用数据库查询语句或者其他方式获取数据,然后将数据转换成JSON格式。 接下来,在HTML页面中引入layui的插件和样式表。在数据表格的设置项中,我们需要设置表格的列数、列名和数据接口等。 在PHP中,我们需要根据前端传递的参数,来确定当前请求的是第几页的数据。可以使用$_GET或$_POST来获取前端传递的参数,并进行相应的处理。根据当前页码和每页显示的数据条数,计算出开始查询的位置和查询的数据数量。 我们可以使用PHP的分页查询语句,例如LIMIT来实现分页功能。在查询数据的SQL语句中,添加LIMIT关键字,并将开始位置和数量作为参数传入。这样就可以获取到当前页的数据。 然后,将查询到的数据按照layui数据表格要求进行格式化,并返回给前端页面。 在前端页面中,layui会自动根据返回的数据进行渲染和分页展示。我们只需要在数据表格的设置项中,设置一页显示的数据条数和总数据条数。 总之,实现layui数据表格的分页功能需要通过PHP后端来进行数据查询和分页处理,并将处理好的数据返回给前端页面。在前端页面中,通过引入layui的插件和设置相应的参数,即可实现分页展示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叼馋爱偷猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值