Backbone的model学习笔记一

最新推荐文章于 2023-02-19 23:10:19 发布

慕安凉

最新推荐文章于 2023-02-19 23:10:19 发布

阅读量372

点赞数

分类专栏： backbone

本文链接：https://blog.csdn.net/lsq_401/article/details/51024478

版权

backbone 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

model故名思议，就是一个模型。和java后端开发的数据库映射的model是一样的性质。

下面让我们一起来揭开她神秘的面纱：

首先准备一个html模板：

<html>
<head>
     <title>backbone的model学习/title>
</head>
<body>
		
</body>
<!-- functional programming utility library -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.underscore.js"></script>
<!-- DOM & XHR utility -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- Backbone.js -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script type="text/javascript">
。。。。。。。
这里面就是model代码的编写区域
</script>

1、定义一个model对象，并且初始化她

 
 var People = Backbone.Model.extend({
        initialize: function(){ //初始化函数
            alert('我已经被创建!');
        }
    });
 var people = new People();

执行上述代码将会弹出对话框提示：我已经被创建！

如果不执行var people = new People(); 将不会弹出改对话框。

2、定义一个model对象，并且赋予该对象默认的属性


  var People = Backbone.Model.extend({
        initialize: function(){
           // alert('我已经被创建！');
        },
   defaults: {
            name:'小明',
            age: '10'
        }
    });
 var people = new People();
alert(hello.get('name'));

执行该方法，将会弹出提示：小明

3、定义一个model对象，并且给修改她的属性值


 var People = Backbone.Model.extend({
        initialize: function(){
            alert('我已经被创建！');
        },
   defaults: {
            name:'小明',
            age: '10'
        }
    });
var people = new People();
people.set({name:'小米',age:'20'});
alert(hello.get('name'));

执行上述代码将会弹出提示：小米

4、定义一个model对象，并且给她设置一个获取自己信息的函数

 
 var People = Backbone.Model.extend({
        initialize: function(){
            alert('我已经被创建！');
        },
   defaults: {
            name:'小明',
            age: '10'
        },
   getInfo:function(){
     return "name=" + this.get('name')+",age=" + this.get('age');
   } 
    });
var people = new People();
people.set({name:'小米',age:'20'});
alert(people.getInfo());

执行上述代码将会弹出提示：name=小米,age=20

有咩有发现，这和java是不是很像。也是通过set和get来设值和取值。

给大家提供一个可以在线编辑的页面链接：

http://www.gbtags.com/gb/debug/20c772d0-d3b6-4bfe-a15e-a735f0a1d4e1.htm

慕安凉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Backbone的model学习笔记一

model故名思议，就是一个模型。和java后端开发的数据库映射的model是一样的性质。下面让我们一起来揭开她神秘的面纱：首先准备一个html模板： backbone的model学习/title> 。。。。。。。这里面就是model代码的编写区域1、定义一个model对象，并且初始化她 var People = Bac
复制链接

扫一扫