Вы можете создать проект firebase (убедитесь, что вы выбрали веб-приложение) и получить API, указанный в проекте. С левой стороны есть значок базы данных в реальном времени, если вы нажмете на него, вам будет предложено начать с базы данных. Как только вы создадите базу данных, перейдите к правилам, измените оба логических значения на true, чтобы мы могли получить доступ к базе данных позже.
После того, как база данных создана, давайте перейдем к части Excel. Сделайте электронную таблицу так, как вы хотите отобразить в таблице. После создания электронной таблицы перейдите к инструментам, а затем к сценарию. Подключите его к пожарной базе и запустите там. Вы должны запускать скрипт каждый раз, когда обновляете электронную таблицу.
Как только электронная таблица и база данных созданы, мы готовы двигаться дальше с кодом. Сначала создайте html-файл и несколько JS-файлов, связанных с html. Файл Js будет содержать наши коды таблиц. Вот код таблицы:
Для .ref в приведенном выше коде напишите имя папки, которую вы создали в firebase. В соответствии с приведенной выше базой данных это должно было быть student вместо REPOSITORY-1.
Мы можем создать столбец только для ссылок и присвоить ему заголовок из следующего кода.
Здесьvar titleявляется последним столбцом, потому что заголовок ссылок присутствует в последнем столбце. Фактическая ссылка находится в другом столбце, и это делает заголовок ссылки темой из последнего столбца и скрывает столбец темы.
.getElementById должен содержать идентификатор div, в котором мы хотим разместить таблицу. Мы должны упомянуть об этом в HTML. Вот простой HTML-код, который мы можем использовать.
В HTML мы использовали API Firebase. Это можно найти после создания проекта в firebase. Финальная таблица будет выглядеть примерно так.
