Backbone.js 架构

Backbone.js 架构指定了 Web 应用程序的结构，使用户能够分离业务逻辑和用户界面逻辑。下图显示了 Backbone.js 的架构。

它包含以下模块：

• HTTP 请求
• 路由器
• 视图 (View)
• 事件
• 模型
• 集合
• 数据源

HTTP 请求

HTTP 请求由客户端以请求消息的形式发送到服务器，其中 Web 浏览器、搜索引擎等充当 HTTP 客户端。用户可以使用 HTTP 请求协议请求文件，例如文档、图像等。您可以在上图中看到，HTTP 客户端使用路由器来发送客户端请求。

路由器

路由器用于路由客户端应用程序，并使用 URL 将它们连接到操作和事件。

路由是应用程序对象的 URL 表示。

URL 也可以由用户手动更改。URL 用于指定要发送或呈现给用户的应用程序状态。路由器是一种可以将 URL 复制到视图的机制。当 Web 应用程序为应用程序中的重要位置提供可链接、可书签和可共享的 URL 时，这是必需的。

在上图中，您可以看到 HTTP 客户端使用路由器来发送客户端请求。

视图 (View)

Backbone.js 视图指定如何以及从应用程序中显示什么。它不包含应用程序的 HTML 标记。它向用户呈现模型的数据。它用于显示“数据模型的外观”。视图不了解任何关于 HTML 和 CSS 的信息，并且如果模型中发生更改，每个视图都可以独立更新，而无需重新加载整个页面。

您可以在上面的架构中看到，视图表示用户界面，该界面显示使用路由器完成的用户请求的响应。

事件

事件是应用程序的主要部分。它将用户的自定义事件绑定到应用程序。事件可以混合到任何对象中，并且能够绑定和触发自定义事件。您可以通过使用您选择的名称来绑定自定义事件。

您可以在上面的架构中看到，当事件发生时，它通过使用视图来显示模型的数据。

模型

模型被称为 JavaScript 应用程序的核心。它检索并填充数据。模型包含应用程序的数据和数据的逻辑，并表示框架中的基本数据对象。

模型还表示具有一些业务逻辑和业务验证的业务实体。其主要用途是数据存储和业务逻辑。它可以从数据存储中检索并保存到数据存储中。

集合

集合是用于绑定事件的模型集，当在集合中进行修改时。在集合中，有一个可以在循环中处理的模型列表，并支持排序和筛选。

您可以定义集合将要拥有的模型类型，以及创建集合时的属性实例。

数据源

数据源是设置到服务器的数据库的连接。它包含从客户端请求的信息。以下步骤描述了 Backbone.js 架构中数据源的结构

• 用户使用路由器请求数据。它用于使用 URL 将应用程序路由到事件。
• 视图向用户表示模型的数据。
• 模型和集合通过绑定自定义事件从数据库中检索并填充数据。