Разное

Jquery template: Работаем с jQuery Templates / Хабр

07.12.2022

шаблонов JQuery | MST Solutions

Шаблоны JQuery — это быстрый и эффективный метод визуализации шаблонов на стороне клиента с использованием источника данных JSON. Это относится к методу привязки данных на стороне клиента с помощью JQuery.

Шаблоны JQuery – это быстрый и эффективный способ отображения шаблонов на стороне клиента с использованием источника данных JSON. Это относится к методу привязки данных на стороне клиента с помощью JQuery.

Создание шаблонов представляет собой комбинацию данных и макета. Преимущество этого заключается в том, что ваши данные и то, как они хранятся, отделены друг от друга. Теперь шаблоны обычно используются для форматирования часто используемого контента.

Существует несколько типов шаблонов, так как ниже

  1. MUSTACHE.JS
  2. HALNDSCARS.JS
  3. Шаблон JQUERY
  4. Underscore.JS
  5. Встроенные шаблоны JS (EJS)
111111111111111 годы. Затем он совместим с серверной средой, такой как Node. js, загрузчиками модулей, такими как RequireJS, Browserify или webpack, и всеми веб-браузерами.

Теги шаблона:

Внутри шаблона мы можем использовать любой из следующих тегов

{else} }
Теги Использование
{{tmpl}} Используется для композиции шаблона Это похоже на {{tmpl}}
{{each}} Используется для перебора коллекции
{{if}} Используется для условного отображения содержимого шаблона
Используется с {{if}} для условного отображения содержимого шаблона
{{html}} Используется для вставки строк разметки HTML в отображаемый шаблон. Оценивает указанное поле в текущем элементе данных или указанную функцию или выражение JavaScript
{{! }} Используется для отображения комментариев. Содержимое тега {{!…}} игнорируется

Как работают шаблоны jQuery?

Шаблон jQuery применяется к объектам данных или массивам и преобразуется в HTML с использованием функций jQuery для манипулирования DOM.

Преимущества использования JQuery

  1. Без синтаксического анализа мы можем легко преобразовать объект JSON в HTML
  2. Возможность повторного использования
  3. Визуализация и кэширование на стороне клиента
  4. Разделение использования пользовательского интерфейса и данных
22 В следующем примере мы расскажет, как работает шаблон JQuery.

Во-первых, мы должны добавить ссылку на библиотеку JQuery и шаблон JQuery.

Теперь мы хотим вызвать данные в формате HTML и отобразить их в веб-браузере. Итак, мы создали упорядоченный список внутри тега body 9.0003

Как правило, мы получаем данные со стороны сервера/веб-службы, но здесь мы создаем образец данных JSON вручную.

Затем мы создадим шаблон JQuery, определяющий, как будут отображаться данные. Мы можем использовать ${}, чтобы получить данные из строки JSON.

Здесь мы добавим данные JSON в тег body HTML.

Выходные данные 

Ссылки: 

1.  http://codepb.github.io/jquery-template/

2. http://www.codeguru.com/csharp/csharp/working-with -jquery-templates.htm

Основы шаблонов jQuery | Pluralsight

Перейти к содержимому
  • Дом
  • Обзор
  • Курсы

Расширенная библиотека

Мэтт Милнер

Узнайте, как создавать шаблоны данных на стороне клиента с помощью шаблонов jQuery.

Попробуйте бесплатно

Получить это курс, а также лучшие подборки технических навыков и других популярных тем.

Начало работы

45,00 $

в месяц после 10-дневного пробного периода

Ваша 10-дневная бесплатная пробная версия Premium включает

Расширенная библиотека

Этот курс и более 7000 дополнительных курсов из нашей полной библиотеки курсов.

Практическая библиотека

Практикуйтесь и применяйте знания быстрее в реальных сценариях с проектами и интерактивными курсами.

*Доступно только в версии Premium

Для команд

Предоставьте до 10 пользователям доступ к нашей полной библиотеке, включая этот курс бесплатно на 14 дней

Информация о курсе

Что вы узнаете

Подключаемый модуль jQuery Template — это небольшая библиотека JavaScript, позволяющая создавать шаблоны данных на стороне клиента. Хотя плагин в настоящее время не разрабатывается командой jQuery, это многофункциональный инструмент, который сегодня используется многими крупными веб-сайтами.

Содержание

Основы шаблонов jQuery

23 минуты