Как вывести данные из Excel файла в браузере

Подписаться 780

Просмотров 6 тыс.

50% 1

Напишем небольшое приложение, которое будет загружать xlsx файл из текущей папки на сервере и выводить данные на страницу. В этом примере я использовал Preact, но вы можете легко переписать и на React-е - для этого убираем html и апострофы и добавляем этап компиляции jsx файлов, затем уже встраиваем на страницу.
Сама библиотека для работы с Xlsx файлами:
github.com/She...
Код видео (первая вариация):
bitbucket.org/...
Код видео (вторая вариация с localStorage):
bitbucket.org/...
Локальный веб-сервер local-web-server (на Node.js):
www.npmjs.com/...
Установка:
npm install -g local-web-server
Запуск:
Открываем консоль в нужной папке, далее вводим команду ws

Опубликовано:

12 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 10

@ExcelStore 2 года назад

Понравилось. Спасибо.

@JuraRadzionau Год назад

Спасибо, за урок! Можно, если не трудно дополнительно прокоментировать код источниками. Типа... код на html (любой учебник на html, со строки n-ой идет функция написанная на java книга такая... Или просто в описании к видео что было использовано. Спасибо в любом случае, было очень интересно.

@klick998 8 месяцев назад

Любые учебники по-программированию устаревают в момент выхода просто потому, что в среднем раз в год выпускаются редакции языков или исправления. А в небольших бибилиотечках так и вообще по пару раз за год могут обновы выкатывать. А вы про строчку в книжке спрашиваете С конкретными вопросами вам в документацию конкретного языка или библиотеки

@p.v.a.8638 2 года назад

Спасибо)

@tednevajno736 Год назад

Возможно ли импортировать не только текстовые и цифровые данные, но и графические? Допустим в одной колонке xls название, в другой фото и видео, в третьей цена и прочие данные. Получится ли вытащить и текст, и графику?

@annar8482 2 года назад

добрый день! спасибо за урок. подскажите можно ли как-то организовать глобальный поиск по всем страницам услуг этих? например, строка поиска, а в ней вводят услугу и отображается строчка услуга + стоимость. с любой страницы (стиралки, посудомойки и тд)?

@user-ms5nu1bj8b 2 года назад

Простой вариант реализации поиска (на клиентской стороне) можно глянуть в другом нашем ролике - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NzVUFlqdkts.html

@RodriguezEvgenio Год назад

Чет у меня не получилось. в консоли "from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted."

@Fellster_ 2 года назад

Где скачать библиотеку, htm-preact.min.js, нигде не могу найти а при подключении preact.min.js, выдаёт ошибку?

@user-ms5nu1bj8b 2 года назад

По ссылке с кодом ролика есть этот файл - bitbucket.org/Arhimondus/xlsx-sheet.js/src/master. Если используется версия с import-ами, то не забыть указать в теге script - type=module.