首页 > 代码库 > Backbone.js项目开始
Backbone.js项目开始
最近通读了一遍《Backbone.js实战》，对Backbone.js的api大致有了了解，Backbone依赖于underscore，提供model、collection、view以及router。
虽然大致了解，但不知道怎样开始一个程序，github上找到了一个资源，backbone+bootstrap。
项目地址：https://github.com/zjzhome/directory-backbone-bootstrap
这是项目目录，我们可以看到，是一个典型的单页应用，index.html作为入口文件，通过view加载tpl的html模板们，app.js里面是router，大致每个view对应一个js文件，model也是一个js文件。
对于一个app，给一个命名空间：
var directory = { views: {}, models: {}, loadTemplates: function(views, callback) { var deferreds = []; $.each(views, function(index, view) { if (directory[view]) { deferreds.push($.get(‘tpl/‘ + view + ‘.html‘, function(data) { directory[view].prototype.template = _.template(data); }, ‘html‘)); } else { alert(view + " not found"); } }); $.when.apply(null, deferreds).done(callback); }};
之后的每个view或者model还有router都是在directory这个命名空间下。
directory.Router = Backbone.Router.extend({ //....})directory.ShellView = Backbone.View.extend({ //....})//等等
正在使用这种方式写一个webapp，也遇见好多问题，都写好了继续更新遇到的坑。
其实会发现这样需要在index.html里加载很多js文件，所以可以使用诸如requirejs异步加载或者seajs模块加载。
Backbone.js项目开始
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。