получить базу данных Firebase в реальном времени на веб-страницу с нумерацией страниц

Question

Я пытаюсь получить данные из базы данных Firebase, MySql было так легко получить данные, но я так запутался с Firebase.ниже приведены мои данные из базы данных firebase.

в разделе «Продукт», первый дочерний элемент - это идентификатор моей категории, а его дочерний элемент - подкатегория.Я хотел бы получить данные из базы данных и отобразить на веб-странице HTML с нумерацией страниц.Я попробовал приведенный ниже код.

var config = {
    apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
    authDomain: "XXXXXXXXXXXXXXXXXXXXXXXXX",
    databaseURL: "https://XXXXXXXXXX.firebaseio.com",
    projectId: "XXXXXXXXXXX",
    storageBucket: "XXXXXXXXXX.appspot.com",
    messagingSenderId: "XXXXXXXXXXXXXX"
  };
  firebase.initializeApp(config);

var userDataRef = firebase.database().ref("Products/").orderByKey();
userDataRef.once("value").then(function(snapshot) {
snapshot.forEach(function(childSnapshot) {
  var key = childSnapshot.key;
  var childData = childSnapshot.val();              

  var proname = childSnapshot.val().proname;
  var promrp = childSnapshot.val().promrp;

  $("#name").append(proname);
  $("#mrp").append(promrp);

  });
});

Надеюсь, вы понимаете мою проблему.