如何使用JavaScript在Firebase中实现分页？

我正在使用JavaScript进行Firebase分页。我已经实现了一个软删除功能，其中记录未在Firebase中删除，而是在web显示中删除

因此，当软删除完成时，Firebase中的可见标志变为false。我想在我的web表单上显示其可见标志为真实的联系人（使用下一个和上一个按钮）

因为我是新手，我很想得到建议和帮助

Firebase的快照如下所示：

我最初获得前三条记录的代码如下：

function getData() {

  var total="";
  var firstRef = firebase.database().ref("Persons/").orderByChild("visible").endAt("true").limitToFirst(3);

    firstRef.on("value", function (data) {
    console.log(data.val());
    a = data.val();
    var keys = Object.keys(a);
    key1 = keys[0];
    key2 = keys[1];
    console.log("Key 1" + keys[0]);
    for (var i = 0; i < keys.length; i++) 
    {

      var k = keys[i];
      var fname = a[k].fname;
      var lname = a[k].lname;
      var mno = a[k].mno;
      var email = a[k].email;
      var image = a[k].image;
      var visible = a[k].visible;

      if (visible == true) {


        total += "<div><br/></div<div><b>KEY ID:  </b><h1>" + k + "</h1></div><div><br/></div><div><img src=" + image + " alt=NoProfilePic class=imgsrc></div><div><b>FIRST NAME : </b>" + fname + "</div><div><b>LAST NAME : </b>" + lname + "</div><div><b>MOBILE NO : </b>" + mno + "</div><div><b>EMAIL : </b>" + email + "</div><div><br/><b><hr><hr></b></div>";

        document.getElementById('total').innerHTML = total;

      }
   } 
  },
   function (error) {
      console.log("Error: " + error.code);
    });
  }

function next() {
    var total="";
    var lastRef = firebase.database().ref("Persons").orderByKey().startAt(key2 + "a").limitToFirst(3);

   lastRef.on("value", function (data) {

     c = data.val();
     var keys = Object.keys(c);
     for (var i = 0; i < keys.length; i++) {
        var k = keys[i];
        var visible = c[k].visible;

   if(visible==true)
   {
      var fname = c[k].fname;
      var lname = c[k].lname;
      var mno = c[k].mno;
      var email = c[k].email;
      var image = c[k].image;

     total += "<div><br/></div<div><b>KEY ID:  </b><h1>" + k + "</h1></div><div><br/></div><div><img src=" + image + " alt=NoProfilePic class=imgsrc></div><div><b>FIRST NAME : </b>" + fname + "</div><div><b>LAST NAME : </b>" + lname + "</div><div><b>MOBILE NO : </b>" + mno + "</div><div><b>EMAIL : </b>" + email + "</div><div><br/><b><hr><hr></b></div>";

        document.getElementById('total').innerHTML = total;

      }
      }
      key3=key1;
      key4=key2;
      key2=keys[2];
      key1=keys[0];

    }, 

    function (error) {
      console.log("Error: " + error.code);
    });

}

函数getData（）{ var total=“”； var firstRef=firebase.database（）.ref（“Persons/”）.orderByChild（“可见”）.endAt（“true”）.limitToFirst（3）； firstRef.on（“值”，函数（数据）{ console.log（data.val（））； a=data.val（）； var keys=对象。keys（a）； 键1=键[0]； 键2=键[1]； 控制台日志（“键1”+键[0]）； 对于（变量i=0；itotal+=“
你解决了吗？如果是，请帮我。我也有同样的问题检查