Backbone.js之model篇(一)

Backbone 是一个前端 JS 代码 MVC 框架,它不可取代 Jquery,不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。

Backbone 主要包括 models, collections, views 和 events, controller。

(一)model  

  关于 backbone,最基础的一个东西就是 model,这个东西就像是后端开发中的数据库映射那个 model 一样,也是数据对象的模型,并且应该是和后端的 model 有相同的属性(仅是需要通过前端来

  操作的属性)。

Models 用来创建数据,校验数据,存储数据到服务器端.Models 还可以绑定事件。比如用户动作变化触发 models 的 change 事件,所有展示此model 数据的 views 都会接收到 这个 change 事件,进行重绘。

最简单的定义如下:

  1. var Game = Backbone.Model.extend({});

稍微发杂一点

  1. var Game = Backbone.Model.extend({
  2. initialize: function(){
  3. alert("Oh hey! ");
  4. },
  5. defaults: {
  6. name: 'Default title',
  7. releaseDate: 2011,
  8. }
  9. });

initialize 相当于构造方法,初始化时调用

简单实用:

  1. // Create a new game
  2. var portal = new Game({ name: "Portal 2", releaseDate: 2011});
  3. // release will hold the releaseDate value -- 2011 here
  4. var release = portal.get('releaseDate');
  5. // Changes the name attribute
  6. portal.set({ name: "Portal 2 by Valve"});

此时数据还都在内存中,需要执行save方法才会提交到服务器。

portal.save();

最新文章

  1. ElasticSearch 5学习(9)——映射和分析(string类型废弃)
  2. Vmware workstation 11 安装 RedHat 9 时 第二个iso文件 出现光盘无法被挂载
  3. 转JAVA2
  4. hdu 4669 模拟
  5. jquery源码分析学习地址
  6. java验证码(采用struts2实现)转
  7. 【转】(DT系列一)DTS结构及其编译方法----不错
  8. html标签大全(2)
  9. Hadoop-2.8.0 开发环境搭建(Mac)
  10. SynchronizedMap和ConcurrentHashMap的深入分析
  11. vscode中使用markdown(转)
  12. Confluence 6 配置 workbox 通知
  13. JS创建对象的几种方式整理
  14. Java - 20 Java 继承
  15. 保护Hadoop集群三大方法
  16. 01-网格走法 Python
  17. string 中的一些优化事项
  18. mac下在eclipse中怎样清除/切换svn
  19. Three.js创建运动立体几何体示例
  20. 【BZOJ3638】Cf172 k-Maximum Subsequence Sum 线段树区间合并(模拟费用流)

热门文章

  1. 利用jquery实现向左滚动效果及offset的使用
  2. 如何快速的开发一个完整的iOS直播app(美颜篇)
  3. [转]java中的字符串相关知识整理
  4. 最近遇到的C++数字和字符串的转换问题
  5. leetcode笔记:Contains Duplicate
  6. Spring4+SpringMVC+Hibernate4整合入门与实例
  7. Cg入门8:Vertex Shader - 更好的数据组织方式struct
  8. actionbar tab 字体大小设置
  9. 线程相关函数(POSIX线程):
  10. angularjs中常见错误