jQuery Template, я не понимаю

[antonKar]

В чём смысл существования jQuery Template, в чём его преимущество?

 

Вот у нас есть стандартный сайт с обычной схемой вывода данных, когда php берёт данные из БД, пихает их в smarty, а в шаблонах уже через переменные smarty идёт вставка данных. И зачем на таком сайте вводить дополнительную прослойку, когда сначала данные из smarty идут в JS-переменные (как скрестить smarty и jQuery Template отдельный вопрос), а уже только потом данные вставляются в DOM-структуру посредством JS?

 

Или есть какие-то кейсы, когда это оправдано?

Edited March 27, 2015 by antonKar

[Yazon_Nile]

У вас есть блок, который имеет состояние active и non-active

Чтобы перейти в active пользователь должен нажать кнопку и вписать комментарий.

При этом переход в active несет в себе ещё кучу измененного DOM в разных частях страницы.

И, тут самое главное, вы решили сделать это без перезагрузки страницы. Чтобы добавить интерактивности. Как бы будете изменять кучу DOMa?

И вот здесь на помощь приходит FE шаблонизатор.

[antonKar]

У вас есть блок, который имеет состояние active и non-active

Чтобы перейти в active пользователь должен нажать кнопку и вписать комментарий.

При этом переход в active несет в себе ещё кучу измененного DOM в разных частях страницы.

 

 

Можно чуть подробнее с вписыванием комментария и изменением DOM? Я не могу визуально это представить.

Edited March 27, 2015 by antonKar

[Yazon_Nile]

FE шаблонизатор нужен для шаблонизации на FE

Все просто

И если вы до сих не столкнулись с подобной задачей - это лишь вопрос времени и опыта.

Вот пример, простейший.

 

Есть список вещей. В скобках общее количество предметов. Типа общая сумма платьев.

 

 - Платье Красное (14)

 - Платье Синее (14)

 - Кроссовки (12)

 - Штаны Синие (4)

 - Штаны Серые (4)

 

А ниже есть форма для добавления ещё вещей.
 - название

 - тип предмета (платье, обувь, штаны)

 - количество

 

Добавляя "Оранжевое платье / Платье / 3 " вы ожидаете, что страница отреагирует так
 

 - Платье Красное (17)

 - Платье Синее (17)

 - Платье Оранжевое (17)

 - Кроссовки (12)

 - Штаны Синие (4)

 - Штаны Серые (4)

 

Т.е обновиться список, и обновиться определенное свойство определенных блоков.
А такой блок у вас огромный. На несколько сотен наименований.

 

Можно сделать шаблонизацию на сервере, тогда придется гонять большие обьемы данных. А можно, чтобы сервер по аяксу вернул обновленный json который вы просто прокидываете в шаблонизатор и тот обновляет DOM.

 

 

 

/Или ещё пример. Нужно генерировать ошибки для отображения. Текст и статус постоянно разный. Вы будете через сервер разметку гонять постоянно?

[antonKar]

А можно, чтобы сервер по аяксу вернул обновленный json который вы просто прокидываете в шаблонизатор и тот обновляет DOM.

Я бы ждал в AJAX количество товаров и какой-нибудь id, по которому я 1 раз дёрну DOM по атрибуту data-id чтобы узнать куда вставлять данные, и второй раз дёрну DOM вставляя данные.

ИМХО это как-то проще и привычнее.

 

Нужно генерировать ошибки для отображения. Текст и статус постоянно разный. Вы будете через сервер разметку гонять постоянно?

 

jQuery Validation и один div для текста ошибки. Или я неправильно понимаю?

[Sergik+]

Какие ajax ? какие id ? Современные фреймворки всю грязную работу делают под капотом.