|
NodeJS большие таблицы скроллинг. с динамической подгрузкой данных. | ☑ | ||
---|---|---|---|---|
0
mingw
13.04.16
✎
15:51
|
Сабжем никто не занимался случаем?
Как решали? |
|||
1
badboychik
13.04.16
✎
15:54
|
грузить асинхронно порциями, какие еще могут быть варианты
|
|||
2
orefkov
13.04.16
✎
15:56
|
какая связь между NodeJS и скроллингом таблиц?
NodeJS - серверный код. |
|||
3
mingw
13.04.16
✎
15:58
|
(1) Варианты в определении нужной порции.
|
|||
4
mingw
13.04.16
✎
15:59
|
(2) В этом и смысл. БД Постгрес. Через курсоры? А как обновлять. Как синхронить с клиентом?
|
|||
5
Fragster
гуру
13.04.16
✎
16:03
|
(4) в том то и дело, что (2)
|
|||
6
mingw
13.04.16
✎
16:07
|
(5) Если сервер отправит на вебклиента сразу всю таблицу и далее скроллить средствами броузера или js в нем то будут тормоза.
Задача сделать отзывчивый интерфейс. Чтобы да вебсервер (nodejs) отдавал данные из базы для вебклиента (HTML5 броузер) нужными порциями. Причем какую порцию отдавать еще и "предвидел" по поступающим командам-запросам данных с клиента. |
|||
7
badboychik
13.04.16
✎
16:07
|
(4) при прокрутке до 80% записей клиент запрашивает с сервера новую порцию и получив закидывает в таблицу
|
|||
8
mingw
13.04.16
✎
16:10
|
(7) Это если простейше. А хочется упредить. Чтобы в фоне подгрузка шла. Но без лишнего.
А куда старые данные. Для прокрутки назад. Как определять старость. Т.е. может у кого уже есть подобный опыт. |
|||
9
badboychik
13.04.16
✎
16:14
|
(8) запоминать начальную и конечную строку полученного набора, при прокрутке назад выбирать меньшие значения чем начальный номер
В фоне и будет идти пока пользователь оставшиеся 20% записей будет докручивать |
|||
10
badboychik
13.04.16
✎
16:15
|
есть подход когда каждая следующая порция в 2 раза больше предыдущей, тогда реже приходится обращаться на сервер. И в 1С вроде такой же способ
|
|||
11
mingw
13.04.16
✎
16:19
|
(9) (10) ОК.
А если сортировка по полям таблицы. Сортировать на сервере? Как после сортировки текущей строкой сделать эту же. Или пофиг и сбрасываем. Потом поиск по полю. Тоже на сервере сразу искать и нужный кусок отправлять? Понятно что с отбором попроще. Кстати так и делал давно просто показ первых 100 записей и далее отбор на сервере. |
|||
12
trdm
13.04.16
✎
16:19
|
Хорошая задачка для программиста.
Я бы повозился. Но таблица - таблице рознь. |
|||
13
badboychik
13.04.16
✎
16:21
|
(11) условия отбора и сортировки передавать на сервер, конечно
|
|||
14
Fragster
гуру
13.04.16
✎
16:23
|
я забил и сделал без динамической подгрузки: http://fragster.ru/perfomanceTest/results.php
но вообще экспериментировал с отправкой на клиента размера (для рисования скролла) и текущего "фрэйма" + два "фрэйма" в обе стороны. Когда запас в какую-то сторону становился меньше одного фрэйма - подсасывал новые данные асинхронно. при этом дергать скролл можно было в любую сторону на любое расстояние - он показывал некоторое время пустую табличку, а потом в ней подгружались данные. ноде для этого не обязателен, работало на хттп-сервисах 1с + сериализация json |
|||
15
orefkov
13.04.16
✎
16:43
|
Можно конечно послать изучать код реализации ТабличногоПоля и ПоставщикаДанныхODBC в 1С++, но это очень жестоко.
А так - согласно REST серверу вообще должно быть пофиг, что на клиенте. Клиент должен посылать запросы, в которых указывать, которая порция данных ему нужна. Сервер должен выполнить запрос и вернуть данные. А вот как оптимально написать запрос, который получит именно порцию данных - это уже надо смотреть в каждом конкретном случае. В 1С++ это решалось тем, что всегда был уникальный ключ упорядочивания в запросе, а клиент передавал значение ключа и направление выборки. Например, получение справочника с сортировкой по наименованию: Первый запрос, клиент не передает ключ: select from ttt order by descr, id limit 100 Клиента скроллят, нужны данные, последний полученный ключ - "Варежки", 23 select from ttt where descr>'Варежки' or (descr='Варежки' and id>23) order by descr, id limit 100 Клиента скроллят в конец: select from ttt order by descr desc, id desc limit 100 Клиента скроллят перед 'яблоки', 113 select from ttt where descr<'яблоки' or (descr='яблоки' and id<113) order by descr desc, id desc limit 100 Но не знаю, сможет ли постгресс правильно оптимизнуть эти условия и попасть в индекс. |
|||
16
orefkov
13.04.16
✎
16:44
|
Блин, из-за звёздочек курсив включился.
|
|||
17
sash-ml
13.04.16
✎
17:42
|
https://datatables.net/examples/ajax/simple.html
хороший бесплатный JS Фреймворк для табличек, таких полно. но это на фронте. Есть примеры со скролом. |
|||
18
mingw
13.04.16
✎
18:44
|
(17) JS UI фреймворком с гридами много.
Но хочется то нечто вроде как на vaadin https://vaadin.com/elements/-/element/vaadin-grid Lazy loading a large data set - ленивая загрузка из больших источников данных |
|||
19
trdm
13.04.16
✎
18:49
|
(18) Там другой риск, будет подтягивать много данных - у браузера может оперативки не хватить. А принцып тот-же.
|
|||
20
mingw
13.04.16
✎
18:50
|
(19) Старые данные нужно из памяти броузера того. Потом если что снова.
|
|||
21
trdm
13.04.16
✎
19:03
|
Ну и как ты устаревшие данные отличишь от актуальных?
|
|||
22
Карупян
13.04.16
✎
19:08
|
вон ваадин говорит, что реюзинг дом, так что проблемы старых данных не должно быть
|
|||
23
mingw
13.04.16
✎
19:08
|
(21) По времени их непоказа на экране.
|
|||
24
Карупян
13.04.16
✎
19:09
|
(23) не вариант, можно очень быстро скролить
|
|||
25
Карупян
13.04.16
✎
19:09
|
кстати почему собственно ваадин не берешь?
|
|||
26
Aceforg
13.04.16
✎
19:15
|
(16) тест
не курсив * курсив * не курсив |
|||
27
mingw
13.04.16
✎
19:15
|
(24) Скорость скроллинга можно учесть. Как параметр для старения.
(25) Попробую vaadin elements. Вдруг что другое есть. |
|||
28
Cyberhawk
13.04.16
✎
19:50
|
(26) Это работает только у модераторов
|
|||
29
romix
13.04.16
✎
23:48
|
А по-моему скроллинг - зло. Сразу проблема с простановкой точной ссылки и поиском, если содержимое будет индексироваться.
|
|||
30
mingw
13.04.16
✎
23:55
|
(29) Не понял. А понял. Раздел/секцию поменяли. Был "Убийцы 1С".
|
|||
31
mingw
14.04.16
✎
00:02
|
Проблему для броузера решил.
В https://vaadin.com/docs/-/part/elements/vaadin-grid/datasources.html есть grid.items = function(params, callback) { setTimeout(function() { callback(employees.slice(params.index, params.index + params.count)); }, 400); }; grid.size = employees.length; На сервер буду передавать params.index (верхний видимый) и params.count (количество видимых). Сервер по последовательности их заранее (упреждающее чтение) подготовит данные из БД. Далее будет отсылать сразу готовые данные без запроса к БД. Еще можно сделать кэш на JS в броузере. В виде массива полученных данных. Куда складывается все пришедшее с сервера. И грид будет слайсить из этого кэш массива. |
|||
32
mingw
14.04.16
✎
00:04
|
(31)+ Осталось придумать алгоритмы для сервера. По таблице ВремяЗапроса|ИндексНачальнойСтроки|КоличествоСтрок.
Предсказывать следующие данные которые будут запрошены. |
Форум | Правила | Описание | Объявления | Секции | Поиск | Книга знаний | Вики-миста |