今天我已经开始研究backbone.js,以此来更好地组织我的应用程序中的代码。
我想知道(从概念上讲 - 所以一定要用伪代码回复)我将如何使用我现有的html 来创建主干模型(和视图)。
我发现的所有教程都包括使用空白 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 来完成上述操作?
如果它有所作为,我计划在我的模板中使用小胡子。