Установка библиотеки jQuery Templates
Прежде чем использовать шаблоны jQuery, нужно получить библиотеку и присоединить ее к документу. Библиотеку можно скачать на https://github.com/jquery/jquery-tmpl. Распакуйте архив и скопируйте либо файл jquery.templ.js (для разработки), либо файл jquery.teml.min.js (для публикации) на ваш веб сервер, в идеале в то же самое место, где расположен основной jQuery JavaScript файл.
Следующим шагом будет добавление элемента script в наш пример документа, который импортирует библиотеку шаблонов, как показано в листинге 12-2.
Листинг 12-2: Добавление библиотеки шаблонов в пример документа
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<script src="jquery-1.7.js" type="text/javascript"></script>
<script src="jquery.tmpl.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript">
$(document).ready(function () {
// example will go here
});
</script>
</head>
<body>
<h1>Jacqui's Flower Shop</h1>
<form method="post">
<div id="oblock">
<div class="dtable">
<div id="row1" class="drow"></div>
<div id="row2" class="drow"></div>
</div>
</div>
<div id="buttonDiv">
<button type="submit">Place Order</button></div>
</form>
</body>
</html>Я буду использовать этот листинг в качестве примера документа для этой главы. Кроме того, что я добавил библиотеку шаблонов, вы заметили, что я удалил отдельную цветочную продукцию. Мы будем использовать библиотеку шаблонов, чтобы изучить несколько различных технических приемов, чтобы добавить их обратно. В качестве отправной точки, на рисунке 12-1 вы можете увидеть, как выглядит документ.
Рисунок 12-1: Начальный вид примера документа
Внимание
Ранее я показывал вам, как можно использовать jQuery, чтобы улучшать и моделировать документ, все же оставляя его функциональным для пользователей, браузеры которых не поддерживают JavaScript. Вообще, это очень здравый подход, но, к сожалению, большинство технических приемов из этой главы с ним в значительной степени несовместимы. Для идеи использования JavaScript в создании элементов из данных при помощи шаблонов крайне сложно найти эквивалент для пользователей, браузеры которых не поддерживают JavaScript. В конце концов, если документ уже содержал элементы, полученные из данных, вам не нужно будет использовать шаблоны. Я большой поклонник предоставления резервной копии для браузеров без JavaScript и я рекомендую вам хорошенько обдумывать, какой продукт вы предоставляете таким пользователям, даже если я рекомендую вам эти шаблоны для вашего же удобства и простоты.
