backbone.js架构 backbone.js架构|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架构】数据源是从服务器到数据库的连接。它包含从客户端请求的信息。以下步骤描述了Backbone.js体系结构中数据源的结构：