php7+layui超简单分页

arman415 · 发表于 2023-3-14 10:29

本帖最后由 arman415 于 2023-4-7 15:45 编辑

话不多说直接先看效果

代码如下:

[PHP] 纯文本查看 复制代码

<?php
try {
  $dsn = "mysql:host=localhost;dbname=数据库名";
  $username = "数据库名";
  $password = "数据库密码";
  $pdo = new PDO($dsn, $username, $password);
} catch(PDOException $e) {
  echo "Connection failed: " . $e->getMessage();
}

//计算总记录数
$total=$pdo->query('SELECT COUNT(1) FROM `表名`')->fetchColumn();
//每页显示记录数
$pageSize=10;
//计算总页数
$pageCount=ceil($total/$pageSize);
//当前页码，默认为第一页
$pageNum=isset($_GET['page']) ? $_GET['page'] : 1;
//起始记录数
$start=($pageNum-1)*$pageSize;
//查询分页数据
$sql="SELECT * FROM `表名` LIMIT {$start},{$pageSize}";
$stmt=$pdo->query($sql);
$list=$stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>PHP+Layui分页</title>
<link rel="stylesheet" >
</head>
<body>
<div class="layui-container">
    <br>
    <br>
    <center>
    <h3>超简单php+layui分页</h3>
    </center>
  <table class="layui-table">
    <thead>
    <tr>
      <th>ID</th>
      <th>产品名</th>
      <th>产品库存</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <?php foreach($list as $vo){ ?>
      <tr>
        <td><?php echo $vo['id']; ?></td>
        <td>产品<?php echo $vo['id']; ?></td>
        <td>库存<?php echo $vo['id']; ?></td>
        <td><a href=delete.php?id=<?php echo $vo['id']; ?>  </a>删除</td>
      </tr>
    <?php } ?>
    </tbody>
  </table>
  <div id="demo"></div>
</div>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<script>
  layui.use(['laypage'], function(){
    var laypage = layui.laypage;
    laypage.render({
      elem: 'demo',
      count: <?php echo $total; ?>,
      limit: <?php echo $pageSize; ?>,
      curr: <?php echo $pageNum; ?>,
      jump: function(obj,first){
        if(!first){
          window.location.href = '?page='+obj.curr;
        }
      }
    });
  });
</script>
</body>
</html>

宝宝丷 · 发表于 2023-4-4 19:54

添加一个搜索

[PHP] 纯文本查看 复制代码

<?php
try {
    $dsn = "mysql:host=localhost;dbname=数据库名";
    $username = "数据库名";
    $password = "数据库密码";
    $pdo = new PDO($dsn, $username, $password);
} catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}

// 处理搜索关键字
$keyword = isset($_GET['keyword']) ? trim($_GET['keyword']) : '';

// 计算总记录数
$sql = "SELECT COUNT(1) FROM `表名`" . ($keyword ? " WHERE `产品名` LIKE '%$keyword%'" : "");
$total = $pdo->query($sql)->fetchColumn();

// 每页显示记录数
$pageSize = 10;

// 计算总页数
$pageCount = ceil($total/$pageSize);

// 当前页码，默认为第一页
$pageNum = isset($_GET['page']) ? $_GET['page'] : 1;

// 起始记录数
$start = ($pageNum - 1) * $pageSize;

// 查询分页数据
$sql = "SELECT * FROM `表名`" . ($keyword ? " WHERE `产品名` LIKE '%$keyword%'" : "") . " LIMIT {$start},{$pageSize}";
$stmt = $pdo->query($sql);
$list = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP+Layui分页+搜索</title>
    <link rel="stylesheet" >
</head>
<body>
<div class="layui-container">
    <br>
    <form class="layui-form" action="" method="get">
        <div class="layui-inline">
            <input type="text" name="keyword" placeholder="请输入产品名" value="<?php echo htmlspecialchars($keyword); ?>" class="layui-input">
        </div>
        <button class="layui-btn" lay-submit lay-filter="search"><i class="layui-icon layui-icon-search"></i></button>
        <a href="?page=1" class="layui-btn layui-btn-primary">重置</a>
    </form>
    <br>
    <table class="layui-table">
        <thead>
        <tr>
            <th>ID</th>
            <th>产品名</th>
            <th>产品库存</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <?php foreach($list as $vo){ ?>
            <tr>
                <td><?php echo $vo['id']; ?></td>
                <td><?php echo $vo['产品名']; ?></td>
                <td><?php echo $vo['产品库存']; ?></td>
                <td><a href="delete.php?id=<?php echo $vo['id']; ?>">删除</a></td>
            </tr>
        <?php } ?>
        </tbody>
    </table>
    <div id="demo"></div>
</div>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<script>
    layui.use(['laypage', 'form'], function(){
        var laypage = layui.laypage;
        var form = layui.form;

        // 渲染分页导航栏
        laypage.render({
            elem: 'demo',
            count: <?php echo $total; ?>,
            limit: <?php echo $pageSize; ?>,
            curr: <?php echo $pageNum; ?>,
            jump: function(obj, first){
                if(!first){
                    // 点击页码时，重新加载页面
                    window.location.href = '?page=' + obj.curr + '&keyword=<?php echo urlencode($keyword); ?>';
                }
            }
        });

        // 监听搜索表单提交事件
        form.on('submit(search)', function(data){
            window.location.href = '?keyword=' + data.field.keyword;
            return false;
        });
    });
</script>
</body>
</html>

hushxh · 发表于 2023-3-15 15:11

基础知识，适合我

liangjh · 发表于 2023-3-14 11:33

哈哈哈哈哈哈

zhq114 · 发表于 2023-3-14 11:36

刚培训班出来吧~ 💪🏻加油！！

arman415 · 发表于 2023-3-14 11:59

zhq114 发表于 2023-3-14 11:36
刚培训班出来吧~ 💪🏻加油！！

自学的，去年论坛开放注册的时候没有发布文章就把我清了，今年害怕有被清。

lovemit · 发表于 2023-3-14 12:29

limit 数据多的时候咋办，limit 100000000,10😂

xavier001 · 发表于 2023-3-14 16:18

楼主，建议limit和offset都做数量控制，避免别人整一个10000000，可能数据库直接就查崩溃了

arman415 · 发表于 2023-3-14 16:35

lovemit 发表于 2023-3-14 12:29
limit 数据多的时候咋办，limit 100000000,10😂

默认情况$pageSize=10;查询十条数据

arman415 · 发表于 2023-3-14 16:37

xavier001 发表于 2023-3-14 16:18
楼主，建议limit和offset都做数量控制，避免别人整一个10000000，可能数据库直接就查崩溃了

默认情况$pageSize=10;查询十条数据

moss0723 · 发表于 2023-3-14 17:00

加油加油！

lovemit · 发表于 2023-3-14 17:21

arman415 发表于 2023-3-14 16:35
默认情况$pageSize=10;查询十条数据

每次查询10条，开始条数100000000的话，全表查不慢死了…

帐号		自动登录	找回密码
密码			注册[Register]

[其他原创] php7+layui超简单分页

免费评分