background image

Backbone.js Wine Cellar 教程

Adobe Creative Cloud
您可以免费注册 Adobe 创意云服务。Creative Cloud 上还提供了诸多 HTML5 开发工具,包
括可以免费下载 HTML5 动画制作工具 Edge Animate,开发工具 Edge Code,移动应用测
试工具 Edge Inspect 等。
    Creative Cloud 的登录地址在此:http://t.cn/zTbTLKT 

 

构建重要 Web 应用程序所面临的其中一个挑战是,JavaScript 的不定向特性首先可能导致

……

代码结构缺失,或者换句话说就是缺乏

主干。JavaScript 通常被写成一连串自由悬挂

的无关代码块,要不了多久人们将很难理解自身代码的逻辑和结构。
Backbone.js 

 

是一个轻量级框架,它通过向具有大量 JavaScript   

的 Web 应用程序添加框架

有效解决了这一问题。
独立构建基块
Backbone.js 提供了若干类(模型、集合、视图及路由器),您可以借此扩展定义自己的应

 

用程序构建基块。要使用 Backbone.js 构建应用程序,请首先创建应用程序的模型、集合和
视图。然后定义通过一组(深层链接)URL 

提供应用程序入口点的 路由器 来激活这些

组件。

 

您可以借助 Backbone.js 组织独立实体(模型、集合和视图)的代码,简单来说,独立实
体是指不再含有自由悬挂的无关代码块。
数据绑定

 

您可以借助 Backbone.js 将视图绑定至模型,这样,当某个模型的数据发生更改时,绑定

 

至该模型的所有视图均将自动重新呈现。不再需要复杂的 UI 同步代码。

 

巧妙的 REST 集成
Backbone.js 

 

还能够自然、神奇而又巧妙地与 RESTful 

 

服务集成。如果您纯粹通过 RESTful 

API 

 

公开后端数据,则使用 Backbone.js 

 

的简单模型 API 

 

执行检索 (GET)

 

、创建 (POST)、更

 

新 (PUT) 

 

及删除 (DELETE) 模型操作将变得非常简单。

 

关于 Wine Cellar 示例应用程序

 

本教程分为三个部分,我们将在此教程中创建 Wine Cellar 应用程序,从而让用户浏览葡
萄酒列表,并添加、更新和删除葡萄酒。
(1

)在本文 Backbone.js Wine Cellar 

 — 

教程

第一部分:入门 中,您将会定义基本结构。

您将为该应用程序创建一个 只读 版本。这样就能检索葡萄酒列表并获取每种葡萄酒的详
细信息。
(2

 

)在 Backbone.js Wine Cellar 

 — 

教程

第二部分:CRUD 

 — 

教程

第二部分:CRUD 中,

 

您将会添加代码功能以添加、更新及删除葡萄酒。您可以利用 Backbone 

 

的强大 REST 集成

功能。
(3

 

)在 Backbone.js Wine Cellar 

 — 

教程

第三部分:深层链接和应用程序状态中,您将增

加全面的历史记录管理和深层链接支持。

                     找软件资料,就到一览软件文库

http://wk.yl1001.com/rj/