javascript - 使用 Redis 和 PHP 进行分页

标签 javascript php angularjs redis

我正在从事一个项目,我需要在其中对记录提取执行分页。谁能帮助我以高效的方式完成工作。

请指导我哪种方式最好: 1)在页面加载时获取完整记录并将其发送到前端并在请求新页面时显示记录。 (这里我觉得这会消耗很多时间并使应用程序在用户端变得沉重)

2)ON 页面加载从服务器获取记录并创建一个虚拟表或数组来存储获取的详细信息。现在从这个数组发送响应到请求页面。(这里仅在第一次加载页面时调用服务器,而其余所有页面点击将从页面加载结果创建的虚拟表中获取) 但我担心如何维护虚拟表或数组,因为该系统是基于网络的,并且多个用户将同时进行交互。

请帮助我以正确的方式继续前进。如果您有更好的方法,请告诉我。

提前谢谢你。

最佳答案

加载完整记录不是好的做法。您可以通过以下方式使用分页

前端

在前端处理发送到 Controller 的请求。

var data = {'offset': offset};
        var url = "http://localhost/project/controller/listData";
        $http.post(url, $.param(data), config).then(function (data) {
               if (data.data.Code == '200') { // if query returned some data
                for (var i in data.data.result) {
                    $scope.dataSet.push(data.data.result[i]);
                }
                offset += 5;

            }

        }, function (error) {
            console.log("error");

        });

PHP

在您的 Controller 方法中从数据库中获取数据时使用限制和偏移量

public function listData()
{
    $offset = $this->input->post('offset');

    $query = $this->db->get('dataTable', 5, $offset);

    if ($query->num_rows() > 0) {
        $result = $query->result_array();

        $response = array(
            'Code' => '200',
            'Message' => 'Success!!!',
            'result' => $result
        );
        echo json_encode($response);
    } else {
        $response = array(
            'Code' => '203',
            'Message' => 'no data fetched!!',
        );
        echo json_encode($response);
    }

}

P.S 我的建议是使用 Infinite scroll 进行分页,这里有很多例子可以试试。

关于javascript - 使用 Redis 和 PHP 进行分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37696065/

相关文章:

arrays - AngularJS自定义过滤器功能

javascript - 在 IE 9 上等待异步脚本超时

javascript - 在 Laravel 中使用 id 和标签提前输入

php - Unixtime 和 MySQL

php - 通过 slug 或 title wordpress 获取页面内容

php - Converting MySQL to SQLite for iOS Device 可以下载和使用吗?

javascript - 此代码中的错误是什么?javascript 代码不起作用

javascript - await 是否保证在 JavaScript 中没有赋值的执行顺序?

javascript - 使用 For 循环 Javascript 创建嵌套空数组

angularjs - 使用 Angular UI/Bootstrap UI 隐藏选项卡标题