- 博客(17)
- 资源 (26)
- 收藏
- 关注
原创 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 6729
原创 16、backbone.js实践总结的说
到目前为止我个人感觉已经把backbone.js的基本使用说清楚了,如果有哪里不清楚的,大家提出来一起探讨。从一开始写这系列文章到现在已经快一个月了,一开始接触到觉得这个很不错,但是中文资料太少了,所以就萌生了写一系列基础的文章,让其他人在学习这个框架的时候多些参考资料,这一系列文章称不上教程,只算是笔记。能给其他学习者带来些助力是我最欣慰的事。其实光研究这个框架花三天多的时间就够
2012-04-29 23:35:32 8133 1
原创 15、backbone实战:webchat(四)server端开发
上一篇把web端构建了一下,这一篇来构建服务器端。关于django开发应用,相比大家都已经熟悉了,不熟悉的可以移步到这里:django使用webchat的整体目录结构还是同todos一样,有图有真相:先来配置数据库连接:DATABASES = { 'default': { 'ENGINE': 'django.db.ba
2012-04-29 09:12:05 7823 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 7356 4
原创 13、backbone实战:webchat(二)详细设计
由上一篇的功能,我们可以概括出需要的实体类,模型如下:chat: id #主键 content #消息 username #昵称 date #消息发送时间这样的一个模型基本上已经满足了功能上的需求了。再由上一篇中的那个页面设计,我们也进行了实现,代码就不解释了。先是html:
2012-04-25 20:30:13 7105 1
原创 12、backbone实战:web在线聊天室(backbone+django+sqlite)(一)功能分析
在上一节中我们通过django搭建了webserver端,但是那毕竟是基于已有的todos代码来做的,总会觉得少了点什么。现在最后来从头开始做一个完整的实例,来体验一把backbone在开发过程中的使用。这个实战项目我把它叫做webchat(web在线聊天室),使用技术就是backbone+django+sqlite。在功能方面没有想的特别复杂,因为项目的目的就是让大家能够快速的用上bac
2012-04-23 20:58:26 8718 2
原创 11、backbone实例todos扩展+web服务器
在第7节的时候,我们对backbone的功能进行了分析,建立了web端的model。在本节中我们将对原先的todos进行扩展,使其能够将数据存到server端的数据库中。这里我们使用的是django+sqlite来进行实现。现在我们应该对应着建立server端的model。不过在此之前,为了方便不熟悉django的童鞋,简单的写下开发过程:1、创建工程根据上一篇中介绍的dj
2012-04-20 23:53:52 7408 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 6495
原创 9、backbone实例todos分析(三)总结
在前两篇文章中,我们已经对这个todos的功能、数据模型以及各个模块的实现细节进行了分析,这篇文章我们要对前面的分析进行一个整合。前面我们说过,有了肉和菜,剩下的就是要怎么吃。我个人倾向于菜和肉一起吃,这样不会觉得腻 首先让我们来回顾一下我们分析的流程:先对页面功能进行了分析,然后又分析了数据模型,最后又对view的功能和代码进行了详解。你是不是觉得这个分析里面少了点什么?没错了,就知道经
2012-04-18 09:56:56 8625
原创 8、backbone实例todos分析(二)view的应用
在上一篇文章中我们把todos这个实例的数据模型进行了简单的分析, 有关于数据模型的操作也都知道了。接着我们来看剩下的两个view的模型,以及它们对页面的操作。首先要分析下,这个俩view是用来干嘛的。按照自己的想法,一个页面上的操作,直接用一个view来搞定不就行了吗,为何要用两个呢?我觉得这就是新手和老手的主要区别之一,喜欢在一个方法里面搞定一切,随着时间的推移,再逐渐重构,
2012-04-17 11:39:16 9901 7
原创 7、backbone实例todos分析(一)
经过前面的几篇文章,backbone中的model,collection,router,view,都简单的讲了一下,我觉得看完这几篇文章,你应该达到的水平,或者说我要达到的目的就是:已经能够在自己的web项目或者是平时的练习中用的上backbone了。其实对于一个web开发老手来说,基本上看完前面的内容,你已经可以把backbone的使用和自己的开发经验结合起来进行应用了,要想更进一步的话
2012-04-15 01:07:23 12981 4
原创 6、backbone中的view实例
Backbone的view是用来显示你的model中的数据到页面的,同时它也可用来监听DOM上的事件然后做出响应。先要给出一个页面的大体代码,下面的所有试验代码都要放到这里面: the5fire-backbone-view (function ($) {
2012-04-14 12:50:52 16975 11
原创 5、backbone中的Router实例
关于这个router的使用,我现在依然是心存疑惑的。每点击一次这样的链接action会触发一个事件,但是url也会改变,这样刷性的话,岂不是会自动触发事件。或者这个东西只是用在单个页面的网站上,或者移动设备网站上,或者是我还不会用。大概解释下Router:Backbone中的router,见名知意,router有路由的意思,显然这里是要控制url的。Backbone.Route
2012-04-12 21:46:04 20075 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 15169 2
原创 3、backbone中的model实例
关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性)。下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。首先定义一个html的页面: the5fire-backbone-m
2012-04-10 14:54:30 20575 12
原创 2、通过helloworld来认识下backbone
先来说一下这个helloworld的功能:在页面上有一个报道的按钮,点击弹出输入框,输入内容,确认,最后内容会加到页面上。页面图如下:下面来看代码: the5fire.net-backbone.js-Hello World报到 更多教程(function ($) { World = Backbone.Model.extend
2012-04-10 10:06:07 13712 3
原创 1.初识backbone.js
backbone,英文意思是:勇气, 脊骨,但是在程序里面,尤其是在backbone后面加上后缀js之后,它就变成了一个框架,一个js库。backbone.js,不知道作者是以什么样的目的来对其命名的,可能是希望这个库会成为web端开发中脊梁骨。好了,八卦完了开始正题。backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom
2012-04-06 16:09:32 14167
QQ-java源码-UML分析图-多人聊天2010
2010-10-10
QQ-java源码-UML分析图-多人聊天
2010-10-10
一个将PC性能发挥到极致的超小的3D动画
2008-11-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人