js的HelloWorld程序的一个实例
新的api.php文件内容:复制代码代码如下所示:
头('content-type:应用/ JSON;字符集= UTF-8);
模具(json_encode(阵列('name' = >)));
创建一个新的index.html文件。(骨干是基于jQuery和下划线。我们用胡子做模板分析。当然,我们使用其他HAML、玉,或模板在强调。
内容:
复制代码代码如下所示:
新的文件
新的custom.js文件内容:
复制代码代码如下所示:
这是一个管理视图。
var
模型:{ },
视图:{ },
控制器:{ },
集合:{ },
初始化:函数(){
新的app.controllers.routes();
(主干,历史,开始)驱动所有的主干程序(主干,历史,开始)是必须的。
}
};
app.models.hello = backbone.model.extend({
函数(){
还可以返回背景数据。
},
初始化:函数(){
this.set({消息''hello世界}); / /在一个消息字段定义的前面,由后端提供名称字段。
}
});
app.views.hello = backbone.view.extend({
EL $(),
模板:$(#你好模板)。Html(),
初始化:函数(选项){
this.options =选项;
This.bind(‘变',这个渲染);
this.options.model方法=;
},
翻译:(功能){ / /渲染方法,目标只有两个:填补this.el,返回到连锁经营。
$(,EL).html(mustache.to_html($(,EL)。模板,this.model.tojson())));
返回此
}
});
app.controllers.routes = backbone.controller.extend({
路线:{
/您好!hello
},
你好:函数(){
一个新的模型/模型,根据新页面渲染模型成功后的请求更新内容。
无功hellomodel =新app.models.hello;
HelloModel.fetch({
成功:函数(模型){
无功helloview =新app.views.hello({模型:模型});
HelloView.trigger(变化的);
}
})
});
app.initialize();