
Backbone 函式庫
|
217
實際開發應用程式:待辦事項管理員
接下來,我們可以試著利用本章所介紹的 Backbone,實際開發一個簡單的待辦事項管理
員程式。程式的主要功能,是讓使用者能夠 CRUD 待辦事件,並且希望即使網頁重新整
理,還是可以保存所有的待辦事項。你可以照著接下來的實作教學逐步完成整個程式,
也可以直接參考完成後的程式碼:
assets/ch12/todos
。
一開始的網頁結構,就如下面的範例程式碼所示;這張網頁會去載入相關的 CSS 檔案、
JavaScript 函式庫檔案,以及利用 Backbone 開發的應用程式檔(
todos.js
):
<html>
<head>
<link href="todos.css" media="all" rel="stylesheet" type="text/css"/>
<script src="lib/json2.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/jquery.tmpl.js"></script>
<script src="lib/underscore.js"></script>
<script src="lib/backbone.js"></script>
<script src="lib/backbone.localstorage.js"></script>
<script src="todos.js"></script> ...