backbone.js架构

本文概述

• 它包含以下模块
• HTTP请求
• 路由器
• 视图
• 事件
• 模型
• 采集
• 数据源

Backbone.js体系结构为Web应用程序指定了结构，该结构允许用户分离业务逻辑和用户界面逻辑。下图显示了Backbone.js的体系结构：

它包含以下模块

• HTTP请求
• 路由器
• 视图
• 事件
• 模型
• 采集
• 数据源

HTTP请求

客户端将HTTP请求以请求消息的形式发送到服务器，其中Web浏览器，搜索引擎等的行为类似于HTTP客户端。用户可以使用HTTP请求协议请求文件，例如文档，图像等。你可以在上图中看到HTTP客户端使用路由器发送客户端请求。

路由器

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

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

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

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

视图

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

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

事件

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

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

模型

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

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

采集

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

你可以在创建集合时定义集合将要具有的模型类型以及属性实例。

数据源

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

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