Backbone.js - создание экземпляров моделей / представлений из существующего html
Сегодня я начал рассматривать backbone.js как способ лучше организовать код в моем приложении.
Мне было интересно (концептуально - так что ответьте псевдокодом во что бы то ни стало), как я буду использовать свой существующий html для создания моделей Backbone (и представлений).
Все найденные мной руководства состоят из используя пустой шаблон html, а затем вставляя содержимое с помощью ajax. Я не хочу этого делать.
Если у меня есть коллекция книг.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>My Book Collection</title>
</head>
<body>
<head>
</head>
<body>
<ul id="bookCollection">
<li class="book" data-book-id="1"><input type="text" name="book_1_name" value="My Book A"/></li>
<li class="book" data-book-id="2"><input type="text" name="book_2_name" value="My Book B"/></li>
<li class="book" data-book-id="3"><input type="text" name="book_3_name" value="My Book C"/></li>
<li class="book" data-book-id="4"><input type="text" name="book_4_name" value="My Book D"/></li>
<li class="book" data-book-id="5"><input type="text" name="book_5_name" value="My Book E"/></li>
</ul>
</body>
</body>
</html>
На этом этапе я хотел бы начать управлять каждой книгой как моделью, вызывая функцию всякий раз, когда меняются названия книг (просто предупреждение в функции для подтверждения концепции), а затем вызывает URL-адрес для синхронизации изменений модели с моей базой данных.
Может ли кто-нибудь указать мне в правильном направлении, как сделать это, используя существующие html на странице?
Если это имеет значение, я планирую использовать усы для создания шаблонов.