我已经开始在今天看到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页面进行上述操作?
如果它有所作为,我打算用我的模板使用胡子.
解决方法
Backbone的视图总是绑定到一个特定的html元素(视图的属性el).你可以有一个像BookCollectionView的东西绑定到ul#bookCollection和一个BookView绑定到li.book,这应该适用于你当前的模板结构.
您可以使用网址将模型映射到模型到视图.如果从该URL获取模型,并且您已经为模型更改定义了事件绑定,则相应视图应使用新的模型数据进行刷新.同样适用于收藏的网址和书籍集合.
没有很多优秀的骨干教程,我猜,但学习像http://liquidmedia.ca/blog/2011/02/backbone-js-part-3/或http://www.jamesyu.org/2011/02/09/backbone.js-tutorial-with-rails-part-2/.如果你能想出一些更具体的问题,更容易吗?