backbone.js入门教程
文章平均质量分 75
backbone.js是一个基于jquery和underscore.js库的一个web端的MVC框架,使用它可以帮你更好的组织web端的js代码以及更灵活的操作dom以及绑定事件。关于它的中文资料比较少,所以根据自己的学习整理成系列教程,希望对大家有帮助
the_fire
奋发图强,不敢有丝毫停顿……
展开
-
Backbonejs入门教程第二版电子书
在经过最近一段时间整理之后,最终还是放到了百度阅读上。算是电子书出版,虽然没有纸质书带来的那种实体的感受,但最终编辑完上线、审核通过之后还是满心欢喜的。虽说在github上写作也是不断的能让用户看到,但感觉总是在开发状态。不停的开发迭代,需要一个正式的机构或者平台来通过某种规则来发布。像是产品上线前要做足准备一样——技术准备、还有心理准备。原创 2014-04-22 22:39:23 · 13044 阅读 · 0 评论 -
Backbonejs教程第二版目录
把backbonejs版本更新到1.1.0,并对部分内容进行了扩展,添加了新的实战原创 2013-12-08 12:29:03 · 10164 阅读 · 2 评论 -
backbone.js入门教程PDF下载
文章已经移到新博客地址: http://www.the5fire.com/backbone-js-tutorials-pdf-download.html原创 2012-05-01 23:17:19 · 15451 阅读 · 2 评论 -
17、backbone.js相关资源
首先自然就是backbone.js的官网:http://documentcloud.github.com/backbone然后是能让你大概认识backbone.js是什么以及怎么用的网站:http://backbonetutorials.com/另外还有几篇中文的博客也不错:http://weakfi.iteye.com/blog/1391990http://b原创 2012-04-29 23:36:31 · 6713 阅读 · 0 评论 -
16、backbone.js实践总结的说
到目前为止我个人感觉已经把backbone.js的基本使用说清楚了,如果有哪里不清楚的,大家提出来一起探讨。从一开始写这系列文章到现在已经快一个月了,一开始接触到觉得这个很不错,但是中文资料太少了,所以就萌生了写一系列基础的文章,让其他人在学习这个框架的时候多些参考资料,这一系列文章称不上教程,只算是笔记。能给其他学习者带来些助力是我最欣慰的事。其实光研究这个框架花三天多的时间就够原创 2012-04-29 23:35:32 · 8122 阅读 · 1 评论 -
15、backbone实战:webchat(四)server端开发
上一篇把web端构建了一下,这一篇来构建服务器端。关于django开发应用,相比大家都已经熟悉了,不熟悉的可以移步到这里:django使用webchat的整体目录结构还是同todos一样,有图有真相:先来配置数据库连接:DATABASES = { 'default': { 'ENGINE': 'django.db.ba原创 2012-04-29 09:12:05 · 7815 阅读 · 8 评论 -
14、backbone实战:webchat(三)web端开发
有了前面功能介绍以及整体详细设计 ,下面的开发就变得更有目的性了。沿着上一篇文章的思路,我们先来把javascript模板建立起来,模板用来取代上一篇中html代码里的:li>div class="msgtitle">the5fire 2012-04-10 23:16:00/div>p>大家好!/p>/li>把它改成模板为:script原创 2012-04-28 20:49:27 · 7344 阅读 · 4 评论 -
13、backbone实战:webchat(二)详细设计
由上一篇的功能,我们可以概括出需要的实体类,模型如下:chat: id #主键 content #消息 username #昵称 date #消息发送时间这样的一个模型基本上已经满足了功能上的需求了。再由上一篇中的那个页面设计,我们也进行了实现,代码就不解释了。先是html:原创 2012-04-25 20:30:13 · 7089 阅读 · 1 评论 -
12、backbone实战:web在线聊天室(backbone+django+sqlite)(一)功能分析
在上一节中我们通过django搭建了webserver端,但是那毕竟是基于已有的todos代码来做的,总会觉得少了点什么。现在最后来从头开始做一个完整的实例,来体验一把backbone在开发过程中的使用。这个实战项目我把它叫做webchat(web在线聊天室),使用技术就是backbone+django+sqlite。在功能方面没有想的特别复杂,因为项目的目的就是让大家能够快速的用上bac原创 2012-04-23 20:58:26 · 8709 阅读 · 2 评论 -
11、backbone实例todos扩展+web服务器
在第7节的时候,我们对backbone的功能进行了分析,建立了web端的model。在本节中我们将对原先的todos进行扩展,使其能够将数据存到server端的数据库中。这里我们使用的是django+sqlite来进行实现。现在我们应该对应着建立server端的model。不过在此之前,为了方便不熟悉django的童鞋,简单的写下开发过程:1、创建工程根据上一篇中介绍的dj原创 2012-04-20 23:53:52 · 7395 阅读 · 2 评论 -
10、django开发环境搭建及使用
django是基于python的一个框架,因此在此之前要先安装python环境,关于python环境的搭建,前面已写过,参考这里:http://www.the5fire.net/python-env.html。有了python环境接着就要开始安装django了。在正式开始之前要先介绍一下django的开发环境包括哪些东西:1、django的安装2、mysql安装【非必须,本原创 2012-04-18 22:06:26 · 6493 阅读 · 0 评论 -
9、backbone实例todos分析(三)总结
在前两篇文章中,我们已经对这个todos的功能、数据模型以及各个模块的实现细节进行了分析,这篇文章我们要对前面的分析进行一个整合。前面我们说过,有了肉和菜,剩下的就是要怎么吃。我个人倾向于菜和肉一起吃,这样不会觉得腻 首先让我们来回顾一下我们分析的流程:先对页面功能进行了分析,然后又分析了数据模型,最后又对view的功能和代码进行了详解。你是不是觉得这个分析里面少了点什么?没错了,就知道经原创 2012-04-18 09:56:56 · 8604 阅读 · 0 评论 -
8、backbone实例todos分析(二)view的应用
在上一篇文章中我们把todos这个实例的数据模型进行了简单的分析, 有关于数据模型的操作也都知道了。接着我们来看剩下的两个view的模型,以及它们对页面的操作。首先要分析下,这个俩view是用来干嘛的。按照自己的想法,一个页面上的操作,直接用一个view来搞定不就行了吗,为何要用两个呢?我觉得这就是新手和老手的主要区别之一,喜欢在一个方法里面搞定一切,随着时间的推移,再逐渐重构,原创 2012-04-17 11:39:16 · 9876 阅读 · 7 评论 -
7、backbone实例todos分析(一)
经过前面的几篇文章,backbone中的model,collection,router,view,都简单的讲了一下,我觉得看完这几篇文章,你应该达到的水平,或者说我要达到的目的就是:已经能够在自己的web项目或者是平时的练习中用的上backbone了。其实对于一个web开发老手来说,基本上看完前面的内容,你已经可以把backbone的使用和自己的开发经验结合起来进行应用了,要想更进一步的话原创 2012-04-15 01:07:23 · 12965 阅读 · 4 评论 -
6、backbone中的view实例
Backbone的view是用来显示你的model中的数据到页面的,同时它也可用来监听DOM上的事件然后做出响应。先要给出一个页面的大体代码,下面的所有试验代码都要放到这里面: the5fire-backbone-view (function ($) {原创 2012-04-14 12:50:52 · 16957 阅读 · 11 评论 -
5、backbone中的Router实例
关于这个router的使用,我现在依然是心存疑惑的。每点击一次这样的链接action会触发一个事件,但是url也会改变,这样刷性的话,岂不是会自动触发事件。或者这个东西只是用在单个页面的网站上,或者移动设备网站上,或者是我还不会用。大概解释下Router:Backbone中的router,见名知意,router有路由的意思,显然这里是要控制url的。Backbone.Route原创 2012-04-12 21:46:04 · 20055 阅读 · 7 评论 -
4、backbone的collection实例
collection是model对象的一个有序的集合,概念理解起来十分简单,在通过几个例子来看一下,会觉得更简单。1、关于book和bookshelf的例子Book = Backbone.Model.extend({default : {title:'default'},initialize: function(){//alert('Hey, you creat原创 2012-04-11 16:19:28 · 15162 阅读 · 2 评论 -
3、backbone中的model实例
关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性)。下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。首先定义一个html的页面: the5fire-backbone-m原创 2012-04-10 14:54:30 · 20549 阅读 · 12 评论 -
2、通过helloworld来认识下backbone
先来说一下这个helloworld的功能:在页面上有一个报道的按钮,点击弹出输入框,输入内容,确认,最后内容会加到页面上。页面图如下:下面来看代码: the5fire.net-backbone.js-Hello World报到 更多教程(function ($) { World = Backbone.Model.extend原创 2012-04-10 10:06:07 · 13710 阅读 · 3 评论 -
1.初识backbone.js
backbone,英文意思是:勇气, 脊骨,但是在程序里面,尤其是在backbone后面加上后缀js之后,它就变成了一个框架,一个js库。backbone.js,不知道作者是以什么样的目的来对其命名的,可能是希望这个库会成为web端开发中脊梁骨。好了,八卦完了开始正题。backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom原创 2012-04-06 16:09:32 · 14154 阅读 · 0 评论