相关素材推荐
人人看电影模版商业版 v4.0源码
iFoto相册 1.5.3
盾灵信息分享系统 2.0
emlog 5.3.1
gpEasy 4.5
友邻B2B系统源码(PHPB2B) v5.0.2 GBK 本地服务器版
Magento(麦进斗) 1.9.0.1
通王CMS(TWCMS) 2.0.3
CakePHP 3.1.2
苹果电影程序MacCMS 8.0
iWebDir网站分类目录 1.0
Discuz! X3.2 繁体中文BIG5
相关专题推荐
本周最热素材推荐
相关搜索标签
闽ICP备号-7&&QQ交流群: 业务合作QQ:FuShow富秀可视化交友系统 3.2 UTF-8
相关最新源码
FuShow富秀可视化交友系统是FuShow可视化网络通讯系列产品之一，使用先进的流媒体与媒体信息组播技术让交友平台社交功能更加强大。FuShow在集成社区功能的基础上，提供页面式音视频聊天功能；陌生人音视频消息提醒；主播式F2F/F2N交友功能；登录用户类型划分管理及各类用户定制化消费规则自定义功能等。让网站在不限制服务器带宽和运算资源的前提下，提升网站浏览量、用户人气及黏着度、盈利收益等。
功能特性：
网页间视频 语音聊天
采用先进的流媒体技术，进行实时视频和音频通信。
通过手机和电脑视频聊天
超清晰的画面，便捷的沟通，手机和电脑之间的实时视频、语音聊天，让沟通无处不在。
用户可以通过平台进行日志发布操作。
用户可以进行相册的建立和发布相片和分享等操作，如果在插件的配合下，还能进行相册的美化。
方便用户随时保存收藏需要的文字、图片、信息等。
分享自有的信息和获得他人分享的信息（如：文字、图片、链接等可发送的信息）。
&&&&&&&&&&&&&&&&&&&&&&&&&
源码下载地址 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
基于J2EE交友网站的设计与实现
下载积分：0
内容提示：基于J2EE交友网站的设计与实现
文档格式：DOC|
浏览次数：34|
上传日期： 08:41:34|
文档星级：
该用户还上传了这些文档
基于J2EE交友网站的设计与实现
官方公共微信网页截图1网页截图2网页截图3
FuShow Friend可视化在线交友系统源码
软件大小：18.6M
更新日期： 14:59:00
软件类别：交友会员
软件评级：
运行环境：php/mysql
授权形式：免费软件
作者主页：
演示地址：
下载次数：次一.概述 &&&&
& & & & 在移动开发领域有弹性交友这样一种类型的交友产品，其代表就是陌陌，遇见通过LBS找附近的周边的陌生人，那么在访问网页内容的时候特别是看视频，新闻，漫画，博客时和正在访问的用户进行交流聊天，这种类型的产品就是基于页面的弹性交友工具。说道弹性交友肯定就是需要找到附近的用户，那么附近的用户也许现在并不想被打扰，所以弹性交友工具有时也会给用户带来烦恼，基于这样一个诉求，在访问某个个网站时也许你并不想被打搅那么是否与别人交流的控制权完全的掌握在用户的手中。
二.实现技术
&&&&&& 实现技术并不是很复杂的技术，主要使用到的是WebSocket API, tomcat 7.40 , java Servlet ,memcached,tomcat7.26后就开始支持WebSocket API,只需要按照规范开发专用的Servlet程序就可以轻松的实现WebSocket的服务功能接收发送文本或者流数据（可以用来实现网页版的大文件上传）。整个系统由负载均衡服务器，HTTP服务器WebSocket服务器，分布式缓存组成。用户访问时通过HTTP负载均衡服务器找到由Servlet编写的WebSocket负载服务器，有WebSocket负载服务器将用户连接发送到指定的WebSocket服务器上。在后期将会加入文件服务器，HTML5支持流文件访问形式，通过和WebSocket结合使用可是实现聊天中发送附件的功能（v
0.2）实现。
服务架构图
用户可以通过任何嵌入了客户端代码的网站访问聊天室，聊天室根据不同网站的域名来实现对用户分区，只有访问相同网站的用户才能收到同网站用户发送的消息。
系统连接与聊天时序图
三.网站如何使用
&&&&&& 对于一个网站可以通过云方式访问，也可以下载源代码将服务器端部署到tomcat里面，然后网页中嵌入JS代码便能够实现网站弹性交友聊天功能。
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=UTF-8&&
&title&chat&/title&
&link href=&style/dialog.css& rel=&stylesheet& type=&text/css& /&
&script src=&js/jquery-1.10.0.min.js&&&/script&
&script src=&js/jquery-migrate-1.2.1.min.js&&&/script&
&script src=&js/chat.js&&&/script&
&/html&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 测试网页代码
客户端程序必须要导入JQuery库，由于开发时间问题没有使用原生态的JS来实现，如果真的应用到商业领域必须将客户端代码改为用原生的JS代码
var HEADER = &&===header===&&;
var BODY = &&===body===&&;
var RESPONSE = &&===response===&&;
var isAll =
var task =
var name = '';
var chatKey = '';
var username = &&;
var domain = &&;
var ipaddre = &&;
$(document)
function() {
function init() {
var bodyContent = $(&body&).html();
bodyContent += &&div id=\&chatBtn\& class=\&btn-class\&&&button id=\&showDialog\&&对话&/button&&/div&&div id=\&dialog\& class=\&dialog-class\&&&p&&button id=\&hideDialog\&&关闭&/button&&/p&&div style=\&display:\&&&div class=\&msg-class\&&&textarea id=\&viewsMsg\& cols=\&28\& rows=\&6\& disabled=\&disabled\&&&/textarea&&/div&&div class=\&member-class\&&&select id=\&memberList\& size=\&10\& style=\&width:130px\&&&option value=\&\&&ALL&/option&&/select&&/div&&/div&&div&&textarea id=\&privateMsg\& cols=\&28\& rows=\&3\& disabled=\&disabled\&&&/textarea&&/div&&div&&textarea id=\&msg\& cols=\&32\& rows=\&1\&&&/textarea&&button id=\&send\&&Send&/button&&/div&&/div&&;
$(&body&).html(bodyContent);
type:'get',
url:'/web/route',
dataType:'text',
success:function(data){
ipaddre = &ws://& + data + &/web/chat&;
alert(ipaddre);
},error : function(){
alert('异常');
$(&#dialog&).hide();
$(&#showDialog&).click(function() {
$(&#dialog&).show();
$(&#dialog&).css(&top&, 10);
$(&#dialog&).css(&left&, 30);
$(&#chatBtn&).hide();
initWebSocket();
$(&#hideDialog&).click(function() {
$(&#dialog&).hide();
var closeData = &CLOSE& + HEADER + domain + BODY +
sendMsg(closeData);
$(&#chatBtn&).show();
if (task) {
clearInterval(task);
$(&#send&).click(
function() {
var msg = $(&#msg&).val();
var chatData = &&;
if (isAll) {
var value = $(&#viewsMsg&).text();
value += &您说:& + msg + &\n&;
$(&#viewsMsg&).text(value);
chatData = &MSGBRODACAST& + HEADER + domain + BODY + name
var value = $(&#privateMsg&).text();
value += &您说:& + msg + &\n&;
$(&#privateMsg&).text(value);
chatData = &MSGPRIVATE& + HEADER + domain + BODY + name
+ BODY + username + BODY +
sendMsg(chatData);
$(&#msg&).val(&&);
$(&#memberList&).click(
function() {
username = $(&#memberList&).find(
&option:selected&).text();
if (username != 'ALL') {
function initWebSocket() {
//ws = new WebSocket(&ws://localhost:8080/web/chat&);
ws = new WebSocket(ipaddre);
$(&#msg&).text(&建立连接中&);
ws.onopen = function() {
var tip = &请输入您的名字&;
name = prompt(tip);
if (name == null) {
name = &NULL&;
domain = getURL();
var connectData = &CONNECT& + HEADER + name + BODY +
sendMsg(connectData);
$(&#msg&).text(&&);
task = setInterval(function() {
var keepaliveData = &KEEPALIVE& + HEADER + domain + BODY +
sendMsg(keepaliveData);
ws.onmessage = function(event) {
var values = event.data.split(RESPONSE);
if (values[0] == 'KEEPALIVE') {
if (values[0] == 'MSGBRODACAST') {
var value = $(&#viewsMsg&).text();
alert(values[1]);
var msgData = values[1].split(BODY);
var msgId = msgData[0];
value += msgData[1] + &\n&;
$(&#viewsMsg&).text(value);
var feedback = &FEEDBACK& + HEADER + domain + BODY + msgId + BODY +
alert(feedback);
sendMsg(feedback);
if (values[0] == 'MEMBERLIST') {
value = values[1];
$(&#memberList&).empty();
$(&#memberList&).append(&&option value=\&\&&ALL&/option&& + value);
if (values[0] == 'SUCCESS') {
if (name == &NULL&) {
name = values[1];
if (values[0] == 'MSGPRIVATE') {
var value = $(&#privateMsg&).text();
var msgData = values[1].split(BODY);
var msgId = msgData[0];
value += msgData[1] + &\n&;
$(&#privateMsg&).text(value);
var feedback = &FEEDBACK& + HEADER + domain + BODY + msgId + BODY +
sendMsg(feedback);
function sendMsg(data) {
ws.send(data);
function getURL(){
var curWebPath = window.document.location.
//获取主机地址之后的目录，如： cis/website/meun.htm
var pathName = window.document.location.
var pos = curWebPath.indexOf(pathName); //获取主机地址，如： http://localhost:8080
var localhostPaht = curWebPath.substring(0, pos); //获取带&/&的项目名，如：/cis
var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
var rootPath = localhostPaht + projectN
return rootP
客户端程序
项目下载地址
现在项目是开发阶段还有很多功能有待完善还有很多BUG没有解决如果有兴趣参与开发的可以邮寄联系我或者加我的MSN
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：13499次
排名：千里之外
原创：10篇
评论：12条
(1)(1)(2)(2)(1)(2)(1)