0

На предприятии сделал справочник телефонный на yii2 и angularjs. Народу до 100 человек. Работает быстро, всем нравится. Тут решил потестить и залить 50000 пользователей. Результат - страница грузится минуту и потом жутко тормозит. Снизил до 5000 - чуть лучше но тоже не идеал. Вообщем пока считаю, что справочнику оптимально не более 1000 записей. Вопрос в следующем - angular вообще для такого годится?

Вывожу записи вот так

<div ng-repeat="m in totalmans = (item.mans| filter:search)">
  <div class="panel panel-info">
    <div class="panel-heading">
      <h3 class="panel-title">
        <div><span ng-cloak ng-bind="m.name"></span>&nbsp;<span ng-cloak ng-bind="m.surname"></span></div>
        <div><span ng-bind="m.phone"></span></div>
      </h3>
    </div>
    <div class="panel-body">
      <span ng-bind="m.email"> </span>
    </div>
  </div>
</div>

Где search

<input ng-model="search" class="form-control input-lg" type="text" placeholder="Именя, фамилию или номер">

Список такого типа

    {
"id":"2",
"name":"_administraciya_",
"description":"Администрация",
"mans":[
{
"name":"Всеволод",
"surname":"Кравчук",
"phone":"102",
"email":"[email protected]",
"dep_id":"2"
},
{
"name":"Захар",
"surname":"Любимцев",
"phone":"115",
"email":"[email protected]",
"dep_id":"2"
}]
},
{
"id":"2",
"name":"_administraciya2_",
"description":"Администрация2",
"mans":[
{
"name":"Всеволод1",
"surname":"Кравчук1",
"phone":"102",
"dep_id":"2"
},
{
"name":"Захар",
"surname":"Любимцев",
"phone":"115",
"dep_id":"2"
}]
}

phones.skyq.ru

9
  • 1
    ты еще сами строки приведи. Вообще выводить сразу 50000 нет нужды, обычно разбивают на страницы.
    – Grundy
    18 янв 2017 в 9:45
  • А поиск тогда как организовать по всей таблице силами ангуляра? 18 янв 2017 в 9:52
  • В поиске ничего не поменяется, у тебя же нет таблицы, у тебя есть массив, который фильтруется.
    – Grundy
    18 янв 2017 в 9:56
  • Допустим. А как выводить с пагинацией? 18 янв 2017 в 9:59
  • определяешь на какой странице ты сейчас находишься, и выбираешь из отфильтрованной коллекции кусок только для текущей страницы
    – Grundy
    18 янв 2017 в 10:10

1 ответ 1

0

Стоит делать пагинацию или бесконечный скролл. Выводить 50000 сразу на страницу нельзя, потому что из-за большого количества вотчеров страница начинает есть много ОЗУ.

9
  • 1
    наблюдателей можно и убрать.
    – Grundy
    18 янв 2017 в 10:09
  • @Grundy а какой смысл использования Ангулара, если контент будет статичным? 18 янв 2017 в 10:10
  • Например быстрое получение и отображение. Фильтрация на клиенте. Плюс куча возможностей которые в данном вопросе не рассматриваются, тот же роутинг
    – Grundy
    18 янв 2017 в 10:12
  • Быстро получить и отобразить можно и на Vanilla JS. Не вижу смысла для таких задач подключать Фреймворк. 18 янв 2017 в 10:14
  • на пустом JS - можно что угодно сделать. Получается фреймворки вообще не нужны?
    – Grundy
    18 янв 2017 в 10:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.