首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Backbone应用程序中,按惯例,模型,视图和集合的工作是什么

在Backbone应用程序中,模型、视图和集合的工作如下:

模型(Model)

模型是应用程序的核心,负责处理数据和业务逻辑。在Backbone应用程序中,模型是一个JavaScript类,继承自Backbone.Model。模型通常通过API从后端服务器获取数据,然后处理这些数据,以便在应用程序中呈现给用户。

视图(View)

视图是应用程序的用户界面,负责将模型数据呈现给用户。在Backbone应用程序中,视图是一个JavaScript类,继承自Backbone.View。视图通常从模型获取数据,然后使用这些数据来创建用户界面元素,如HTML模板、CSS样式和JavaScript事件。

集合(Collection)

集合是模型的集合,通常用于显示多个模型的数据。在Backbone应用程序中,集合是一个对象,可以通过API请求从后端服务器获取数据。集合通常使用Backbone.CollectionBackbone.Collections创建,它们可以包含多个模型实例,并提供了许多有用的方法来处理数据,如排序、过滤和分页。

以下是Backbone应用程序的简化工作流程:

  1. 定义模型,实现数据操作和业务逻辑。
  2. 定义视图,使用模型数据创建用户界面元素。
  3. 创建一个集合,用于存储多个模型实例,并实现数据请求和处理方法。
  4. 在应用程序中,通过API请求从后端服务器获取数据,并使用集合来显示数据。

在Backbone应用程序中,模型、视图和集合的工作是相互协作的,共同实现应用程序的功能和用户界面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

视图SQL作用是什么,它是怎样工作

首发公众号:码农架构 视图就是虚拟表: 如何创建,更新和删除视图 创建视图:CREATE VIEW CREATE VIEW player_above_avg_height AS SELECT player_id..., height FROM player WHERE height > (SELECT AVG(height) from player) 当视图创建之后,它就相当于一个虚拟表,可以直接使用: SELECT...view_name AS SELECT column1, column2 FROM table WHERE condition 删除视图:DROP VIEW DROP VIEW view_name 需要说明是...,SQLite 不支持视图修改,仅支持只读视图,也就是说你只能使用 CREATE VIEW DROP VIEW,如果想要修改视图,就需要先 DROP 然后再 CREATE。...如何使用视图简化 SQL 操作 利用视图完成复杂连接 CREATE VIEW player_height_grades AS SELECT p.player_name, p.height, h.height_level

2.1K82

Backbone.js 简介

Backbone.js提供模型(models)、集合(collections)、视图(views)结构。...其中 模型用于绑定键值数据自定义事件; 集合有丰富API; 视图可声明事件处理函数,并通过RESRful JSON接口连接到应用程序。...通过复杂多变jQuery选择符回调函数很容易创建Javascript应用程序,包括HTML UI,Javascript逻辑和数据之间保持同步,都不复杂。...某种意义上说,在用javaScript来创建web项目时,Backbone试图定义一组最小而高效集合,包括了 数据结构(models(模型 collections(集合))用户接口(views...web开发环境里,到处都是框架(帮你写好了一切),不过这些库需要你网站在构建时候符合该框架样子,风格,默认行为。但是,Backbone还是作为一个工具,让你可以随心所欲设计你网站。

78630

6种技术将使您成为理想前端开发人员

Javascript用于Web应用程序上创建和控制动态内容。Jquery用于加速Javascript任务。所有前端都从这些技能开始。 但仅有这些是还不能够设计出引人入胜网站。...通过使用vue.js,您可以精简地绑定HTML,CSSJavaScript数据。它还有一个内置交互系统核心库。您可以通过它将数据从前端扩展到任何获取视图部分。 Vue.js是初学者最佳框架。...React可以用作开发单页或移动应用程序基础。 4.Backbone.js 它是一个完整MVC JavaScript库,充当代码调制器。它是开发高性能,快速单一Web应用程序最佳选择。...Backbone.js由六个组件组成 - 模型视图集合,事件,路由器同步。它还可以用于构建桌面移动应用程序以及简单网站。...预处理器为CSS添加了额外功能,以保持CSS可扩展性和易用性。 这些是真正雇主在前端开发人员寻找东西。作为前端开发人员找到一份工作,可以学习这些顶级趋势技巧。

1.1K30

进阶攻略|最全前端开源JS框架

,Vue.js 集中 MVVM 模式上视图模型层,并通过双向数据绑定连接视图模型。...为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)结构。...其中模型用于绑定键值数据自定义事件;集合附有可枚举函数丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。...Ionic遵循视图控制模式,通俗理解Cocoa触摸框架相似。视图控制模式,我们将界面的不同部分分为子视图或包含其他视图视图控制器。然后视图控制器“驱动”内部视图来提供交互UI功能。...坚持总结工作遇到技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

3.7K71

前端Js框架汇总

从技术上讲, Vue.js 集中 MVVM 模式上视图模型层,并通过双向数据绑定连接视图模型。实际 DOM 操作和输出格式被抽象出来成指令过滤器。...8. backbone.js 地址:http://www.css88.com/doc/backbone/ 描述:Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections...其中模型用于绑定键值数据自定义事件;集合附有可枚举函数丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。...Ionic遵循视图控制模式,通俗理解 Cocoa 触摸框架相似。视图控制模式,我们将界面的不同部分分为子视图或包含其他视图视图控制器。然后视图控制器“驱动”内部视图来提供交互UI功能。...一个很好例子就是标签栏(Tab Bar)视图控制器处理点击标签栏一系列可视化面板间切换。 浏览我们API文档来了解视图控制器Ionic可用Javascript实用工具。

6.4K30

前端进阶攻略|最全前端开源JS框架

,Vue.js 集中 MVVM 模式上视图模型层,并通过双向数据绑定连接视图模型。...为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)结构。...其中模型用于绑定键值数据自定义事件;集合附有可枚举函数丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。...Ionic遵循视图控制模式,通俗理解Cocoa触摸框架相似。视图控制模式,我们将界面的不同部分分为子视图或包含其他视图视图控制器。然后视图控制器“驱动”内部视图来提供交互UI功能。...页面上点击,目标处内容会放大,再次点击或者 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式,目标元素缩放坐标缩放。是一款效果很独特页面内容缩放插件。

3.8K70

Backbone.js应用基础

前言:   Backbone.js是一款JavaScript MVC应用框架,强制依赖于一个实用型js库underscore.js,非强制依赖于jquery;其主要组件有模型视图集合,路由;与后台交互主要是通过...Restful JSON 进行数据传输; 基础Backbone.js知识:   1、引入js文件:如果依赖于第三方类库如jquery,则最好先引入;之后引入underscore.js 这是必须引入且引入...   2、新建M.V.C:     Model对象表示数据模型,用于定义数据结构; View用于数据展示,绑定DOM事件处理页面逻辑, Collection是管理数据模型集合,用于查找或保存数据...();   4、与服务器交互模型对象:    调用模型对象save方法是发送POST新建或PUT修改请求;fetch是调用GET方法;destroy方法是使用delete...请求方式向服务器发送对象id,服务器做删除记录操作;    模型对象集合提供了fetchcreate两个方法与服务器进行交互;create方法与以上save方法类似;

63930

目前比较火前端框架及UI组件

从技术上讲, Vue.js 集中 MVVM 模式上视图模型层,并通过双向数据绑定连接视图模型。实际 DOM 操作和输出格式被抽象出来成指令过滤器。...8.backbone.js 地址:点击打开链接 描述:Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)结构。...其中模型用于绑定键值数据自定义事件;集合附有可枚举函数丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。...Ionic遵循视图控制模式,通俗理解 Cocoa 触摸框架相似。视图控制模式,我们将界面的不同部分分为子视图或包含其他视图视图控制器。然后视图控制器“驱动”内部视图来提供交互UI功能。...一个很好例子就是标签栏(Tab Bar)视图控制器处理点击标签栏一系列可视化面板间切换。 浏览我们API文档来了解视图控制器Ionic可用Javascript实用工具。

4.9K40

「首席架构师推荐」React生态系统大集合

mixins NestedReact - 与Backbone ViewsNestedTypes模型透明集成 backbone-reaction - React,Backbone然后一些 react.backbone...库 avers - 一个现代客户端模型抽象库 imvvm - React不可变模型 - 视图 - 视图模型 morearty.js - 纯JavaScript更好地管理React valuable...构建应用程序 Flux:构建客户端应用程序简单架构模型 使用来自YahooDispatchrFetchrIsomorphic Flux示例 使用React.jsFlux进行异步请求 CoffeeScript...实现Flux React:Flux Architecture 了解Flux Flux哟 React.js架构 - Flux VS Reflux 避免单页应用程序事件链 ReactJSFlux...:React版 react-json-editor - 一个通用JSON编辑器 react-todos - Backbone示例TODO应用程序与React JS视图 github-issues-viewer

12.3K30

为什么每个人都在谈论同构JavaScript 以及为什么它很重要

在这篇文章,我们将更深入地探讨同构概念,并阐明为什么它对 Web 开发很重要——不管用来描述它流行语是什么。应用于 Web 开发同构意味着服务器端客户端渲染页面。...搜索引擎能够准确地索引页面使用Backbone.js,Angular.js,Ember.js等框架构建单页应用程序广泛用于编写受保护应用程序,即需要用户名密码才能访问应用程序。...对于这些公共应用程序页面,SEO实际上是强制性,因为它们商业模式很大程度上依赖于搜索索引自然流量。最近,谷歌在他们爬虫添加了JavaScript渲染功能。...此模块允许您 Node.js Express.js 驱动应用程序向浏览器公开 Jade 模板,在那里它们可以被浏览器 JavaScript 代码使用(我们浏览器上使用 Backbone ...DocuSign,我们调整了Backbone.js模型(浏览器框架)以服务器上工作

12210

BackboneJs入门学习 --- Model 初探

Backbone模块简单介绍: Events:事件驱动方法:作用到各个模块当中; Model:数据模型,根据 现实数据建立抽象,如动物、车、楼房、人等,你可以理解为面向对象对象。...——〉models) View:视图,是对ModelCollection 数据展示,将数据渲染到页面上 Router:路由器(其实就是Hash值),是对路由处理,单页面应用通过 Router...来控制 View 展示,就好像在传统网站不同URL显示不同页面,只不过 Backbone 是将不同视图(View)显示一个页面上。...Sync:同步服务器方式。 Backbone ,同步服务器方式默认是使用 Ajax 方式,当然,你可以对 Sync 进行重写。这个咚咚,在后面的Page中会具体展开!...Code实践一下吧,记得引入JqueryunderscoreJs库哦!!! Ok,关于Model初探介绍先到这里了啦~下一篇我们将进入到Model具体实践

14820

Spring MVC起源篇--01

但是,最初意义上MVC模式,视图模型数据同步工作是采用从模型PUSH到视图形式完成。而对于Web应用来说,局限于所用协议和使用场景,无法实现从模型PUSH数据到视图这样功能。...所以,我们只能对MVC组件最初作用定义做出调整,由控制器与模型进行交互,原来通知模型更新应用程序状态基础上,还要获取模型更新结果数据,然后将更新模型数据一并转发给视图。...或者结合Ruby On Rails理念,我们开发规定一些惯例或者说约定,然后以这些惯例或者约定来解析Web请求URL路径信息,以获取具体处理类匹配。...模型数据。视图渲染过程需要将这些模型数据并入视图显示。 有了ModelAndView所包含视图模型二者信息后,DispatcherServlet就可以进行视图渲染工作了。...DispatcherServlet最终会将ModelAndView模型数据交给返回View来处理最终视图渲染工作

37910

用 jest 单元测试改善老旧 Backbone.js 项目

对于这样既有项目,之前文章也进行过分析,常常面临依赖不清、封装混乱,以及缺乏测试等问题;对之进行维护新需求开发时,结合其本身特点, TDD 方式下进行渐进改善,而非推倒重来,无疑是个可行办法...、绑定事件等视图组件 我们实际项目中,视图层同时支持了 Backbone.View 早期 react@13,这也正体现了其灵活之处。...通常 Backbone 项目也可以忽略文中涉及 react 部分。 升级测试框架 之前文章例子相同,本次依然采用 Jest 作为测试框架。...早先测试主要问题在于: 一是没有整合到工作,采用单独网页作为载体,久而久之就会遗忘这个步骤,用例可能失效,新加入团队成员也不会注意到这项工作存在 二是当时对 model/collection...,使其能方便应用于各种类型既有项目的 TDD 开发重构 之前其他测试框架下用例,可以快速迁移到 jest Backbone.View 视图组件经过 ES6 升级和合理封装后,可以明显改善页面的整洁度

3.4K10

Backbone.js

Backbone.js 是一个前端 MVC 框架,model 能够绑定键值对自定义事件,集合具备可枚举方法富 API,视图具备事件处理能力,并且可以通过 RESTful JSON 接口和你已有的...View Backbone视图就是用来反映数据模型,可以监听事件并响应,通过利用 Underscore.js(这个真是一个牛逼哄哄东西,自己看),还支持了 JavaScript 模板技术,把数据模板分离开...,在这里它包括了包含大量逻辑数据交互、转换、校验,属性计算访问控制: Person = Backbone.Model.extend({ defaults: {...再来看看事件绑定写法(看下面的 bind 方法调用)属性校验写法(validate 方法): Person = Backbone.Model.extend({ // If you return...创建好所有的 router 之后,一定要调用一下 Backbone.history.start() 方法来 route 你 URL。

88520
领券