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();