springboot+layui-table分页前后台demo1(提升版)

最新推荐文章于 2025-07-04 10:46:51 发布

原创

最新推荐文章于 2025-07-04 10:46:51 发布 · 7.4k 阅读

24 ·

CC 4.0 BY-SA版权

故事背景：2018年10月14日因梦中惊醒写下一篇springboot+layui-table分页小demo入门级别案例，怎料一写不可收拾，故写下这篇分页demo提升版

案例展示：

在上个版本基础上加了一个模糊搜索功能，即模糊搜索分页功能的实现：

注意：和上个版本相比就是多了一个参数而已，其他变化不太大，相信你一看就明白是咋地回事

首先：请引入jquery和一套layui

前台代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="js/layui/css/layui.css">
</head>
<body>
<div style="margin-top: 17px;margin-left: 1103px;">
    <span>班级搜索：</span><input type="text" style="height: 27px;width: 220px;" id="sear1" placeholder="请输入班级进行模糊查询"/>
</div>

<div class="layui-card-body">
    <table class="layui-hide" id="test"></table>
</div>
<script src="js/jquery-1.8.0.min.js"