仿webQQ2.0技术设计以及源码下载


半年前在优酷里上传了一个视频,是关于自己制作的一个仿webqq2.0的效果。

原地址在:http://v.youku.com/v_show/id_XMjM2NzkyODQ4.html

而最近有网友看了视频后,问我要那个webQQ2.0的源码,随后也上传到CSDN。当时没写怎样部署,现在补上。



仿webQQ2.0的通讯原理是以上那图片所示那样,以flash的xmlSocket为核心,然后通过jquery去处理数据对象(json数据传输)。

因为是基于socket,然后后台是以线程来负责每个登录的账号,如果要做下去的话,肯定要改为的,p2p的形式也不错。然后呢,socket可以做很多东西,例如文件传输,

视频通话等等。。。

因为写代码的时间比较紧促(一周),所以没怎么整理代码,显得有点凌乱。因为现在没在web这方向发展,加上是半年前的代码(javascript忘记得七七八八了),我也不想多写了,有兴趣的可以下载源码看看^^


 系统的开发的语言:

a) sql结构化查询语言

b) xml可扩展标记语言

c) java 语言

d)  html标签语言

e) javascript语言

 开发技术

a)web技术

b)jquery框架

c)struts2 框架

d)hibernate框架

 开发环境:

a)服务器:Jetty6 

b)数据库:Mysql 5.1+ navicat

c)开发工具:Myeclipse 8.6

d)字符编码:utf-8

e)操作系统:Ubuntu 10.04 32位

f)测试工具:firfox浏览器, opera浏览器, chrome浏览器


因为当时忙着交作业,没搞神马IE的兼容,所以用IE打开的话,估计是会有点问题的。


部署运行

1、把数据库导入

2、要修改:   webChat/WebRoot/chatCore/connectSocket.js

/* 主机位置*/
var host = '你当前的IP地址';

因为后台作了ip的判断,不要修改为127.0.0.0


源代码下载地址:http://download.csdn.net/source/3501350


数据库以及文档下载地址:http://download.csdn.net/source/3507217



  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
是夸平台型,也是夸语言,因为和后端通讯都是通过XML来进行完成的,如果想换个语言(现在是.NET的)比如PHP,只要在配置文件里(XML格式)修改相应的路径让后端文件输出XML格式的文件即可。 三就是里面的JQUERY扩展我都封装起来了,而且都是通过XML进行模板化的,也就是说程序上不用动,直接该XML就可以修改模板了。包括弹出层,右键菜单,滚动条等等。 还有一个最重要的,就是开源。有朋友想研究就用SNV下载吧 首先先说下程序的执行过程吧 当进入index.html文件的时候就开始运行原生的JS,步骤是先加载配置文件,jPushConfig.xml 然后依次加载文档中service节点下的每一个节点文件,都是同步加载,加载完成一个后再加载另一个,这也就是进度条的实现方法。 加载完成后的文件就已经开始运行了,模版是最后加载的,所以也就是说当主程序加载完成之后才开始加载模版文件。 加载模版的过程其实也和主程序差不多,从jPushConfig.xml文件下的config节点读取模版路径。其他的配置路径也都是有用的,稍后在说。 接下来我们看下模版的配置文件,这个有点罗嗦,其实仔细看一目了然。 page节点下的都是文件路径,script节点很明显也是一些JS文件,同样是同步加载。在加载的同时CSS和模版文件,也就是style节点和node节点下的两个文件同时加载进主页。随后当这些文件都加载完毕的时候就剩下最后一个步骤了,那就是加载桌面背景,之所以把大图片放到加载过中是因为在没加载完成前页面实在是有点难看,所以就这么做了。 至此,整个程序的运行大过程就已经结束了。 我们可以看到进度条的实现方法其实是很简单的。我的程序进度条分为3个步骤。这个我们可以从入口文件index.html最上面看到,有个loadingData对象,loadingData对象下面还有3个对象,这就是加载的3个步骤。我们来从头顺一下。 首先加载程序主文件,这是第一个步骤,占进度条的33%; 然后加载模版文件和模版文件的在执行过程。这俩占66%; 好了,程序的执行过程都完毕了,现在你就可以添加程序的后端,或者用我的主文件加载其他你自己写的模版了。带进度条的哦~亲。 饿。。。刚才在吃饭。 还有一个忘了,就是jPushConfig.xml下的config的节点都是干嘛的。 key值为jQueryExtendUi的他是所有模版下JQUERY扩展程序的UI文件部分。里面的弹出层,滚动条,还有右键菜单等控件的UI都在这里,有兴趣的可以自己试着改一下,改成属于自己的弹出层也说不定哦~这些控件就不细说了,等下几篇文章在详说。 然后是key值为defaultTemplated的,不用说,肯定是模版的配置文件了,所以如果哪位亲想改模版就直接改下这个文件的路径就可以了。 在下面几个都是ASPX的后端程序文件了,之所以我没改是因为这些都是连接后端的API,你可以改成自己的后端程序,不管是PHP,ASP还是.NET或者JSP。都可以,因为这套程序强调的就是,跨平台,程序的可移植性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值