backbone结构、

### Backbone.js 架构组成

Backbone.js 是一种轻量级的 JavaScript 库，用于构建结构化的 Web 应用程序。其核心组件包括 Model、View 和 Router。

#### Models
Model 表示应用程序中的数据对象及其行为逻辑。每个模型通常对应数据库中的一条记录或 RESTful API 的资源端点。通过 `urlRoot` 属性指定与服务器交互的基础 URL 路径[^3]：

// 定义 Book 模型类并设置 urlRoot
var Book = Backbone.Model.extend({
  urlRoot: '/service'
});

这使得可以通过简单的调用来同步客户端和服务端的数据状态变化。

#### Views
Views 处理用户界面 (UI) 更新以及响应用户的输入事件。不同于传统 MVC 中视图仅负责渲染展示，在 Backbone 中 View 还承担了一定程度上的控制职责，比如监听 DOM 事件并与相应的业务逻辑关联起来。当模型发生改变时，视图会自动更新显示的内容以反映最新的数据状况。

#### Routers
尽管严格意义上 Backbone 并未提供 Controller 组件，但是 Router 承担了类似的角色——它管理着应用内部不同页面之间的导航关系，并允许开发者定义路由规则来映射特定 URL 到对应的处理函数上。这种方式有助于实现单页应用(SPA)，即无需重新加载整个网页即可切换不同的视图片段[^1]。

### 工作原理

Backbone.js 遵循经典的发布/订阅模式（Publish-Subscribe Pattern），其中各个模块之间松散耦合并通过触发自定义事件来进行通信协作。例如，当某个模型属性发生变化时，该模型将会发出通知给所有已注册的关注者；而这些关注者可能是其他模型或者是某些试图依赖于这个新值进行 UI 渲染操作的视图实例。

此外，为了简化前后端交互过程，Backbone 提供了一个内置机制叫做 Sync 方法，默认情况下它是基于 AJAX 请求去完成 CRUD 操作的。这意味着只要遵循 RESTful 设计原则配置好相应路径，就可以轻松地让前端代码同后端服务无缝对接。