今天我开始研究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完成上述操作吗?
如果有影响的话,我打算在模板中使用Mustache。