Backbone.js 解释架构
Backbone.js是由Jeremy Ashkenas开发的。backbone.js的第一个版本于2010年10月13日发布。它是一个轻量级而强大的工具,用于开发单页客户端应用程序。它基于模型-视图控制器的框架,将抽象为模型的数据和抽象为视图的DOM使用事件绑定在一起。它是一个JavaScript库。
Backbone.js的应用: 以下是Backbone.js的应用。
- 它用于创建单页客户端应用程序。
- 它允许您以结构化的方式实现代码库中的复杂功能。
- MVC框架允许您开发一个快速工作的应用程序,代码库要简单得多。
Backbone.js的架构:
Backbone.js的架构由以下实体组成
- HTTP请求
- 路由器
- 视图
- 事件
- 模型
- 集合
- 数据源
- HTTP请求: 客户端应用程序(浏览器等)向服务器发出HTTP请求,请求某些数据资源(文件、图片、文本等)。它使用路由器将请求发送到服务器。请求和响应都受HTTP协议的管理。
- 路由器: 路由器用于将用户从当前网页导航到另一个网页。它将应用程序从一个位置导航到另一个位置。它用于以URL形式表示应用程序实体。Backbone.js使用路由器来理解应用程序上要呈现的页面。
- 视图: 视图是页面的一部分,其中通过Backbone.js呈现一些数据(文本、图像等)。一个页面由一个或多个视图组成。视图与应用程序的HTML标记无关。它也没有关于页面样式的信息。它基本上是用户的数据模型在应用程序的用户界面中的逻辑表示。
视图最好的部分是用户不需要刷新页面来重新加载任何视图。它们具有动态性质,可以相应地更新。每当事件发生并且模型发生更改时,视图会根据编程自动更新。 - 事件: 为了赋予网站动态性,我们使用事件。所有事件都与动作相关联。每当触发一个事件,相应的动作就会被调用和执行。它们是JavaScript DOM的组成部分。
每当事件发生时,它使用数据模型更新应用程序的视图。它们是任何应用程序的重要组成部分,并由程序以同步方式处理。 - 模型: 模型包含所需存储的应用程序数据、数据逻辑和原始数据对象。它也用于存储业务逻辑。它们被认为是Backbone.js的核心部分,因为它们负责在应用程序用户界面上进行数据检索和更新。
由路由器发送到服务器的HTTP请求由视图传递给模型,模型执行所需的操作(数据检索或更新)并准备要传递回去的响应。 - 集合: 集合是一组逻辑上相似的模型数组。它用于将事件与模型绑定。根据业务需求可以组成一个集合,您可以定义哪些模型将成为集合的一部分以及它们将具有的属性。它支持对集合中的模型进行筛选和排序。每当事件为任何事件触发,整个集合也会触发同样的事件。
- 数据源: 数据源是应用程序和数据库之间的联系点。它保存正在更新或从数据库检索的数据。
Backbone.js的工作原理: 以下是Backbone.js的工作流程:
- 用户向服务器发送HTTP请求。
- 使用路由器发送该请求,并将用户导航到响应页面的URL。
- 页面的视图在逻辑上代表对用户的数据模型。
- 与请求所需的操作相对应的事件在集合中触发。
- 相应集合的模型执行必要的操作,并从数据源检索所请求的数据。
参考资料: https://backbonejs.org/