dwr 2.0实现网页消息发送（jsp）

最新推荐文章于 2021-03-07 22:05:02 发布
最新推荐文章于 2021-03-07 22:05:02 发布
阅读量161 收藏 1
点赞数
分类专栏： JAVA基础相关 文章标签： JSP DWR C# C++ C
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baobeituping/article/details/83553591
版权

<%@ page contentType="text/html;charset=gb2312"%>
<%@ page language="java"%>
<%@page buffer="none"%>
<%@include file="../include37/taglib.jsp"%>
<html>
 <head>
  <title id="title">欢迎来到 [星星幼儿园聊天室]</title>

  <script type='text/javascript'
   src='/Kindergarden/dwr/interface/DWRChatManager.js'></script>
  <script type='text/javascript' src='/Kindergarden/dwr/engine.js'></script>
  <script type='text/javascript' src='/Kindergarden/dwr/util.js'></script>
  <link href="${path}/images/chatroom/skin.css" rel="stylesheet"
   type="text/css" />
  <link href="${path}/css/chatstyle.css" rel="stylesheet"
   type="text/css">
  <style type="text/css">
<!--
.STYLE1 {
 color: #0000FF;
 font-weight: bold;
 font-size: 18px;
}
-->
</style>

 


  <!-- 验证登陆JS开始 -->
  <script language="javascript">
 
//捕获关闭按钮
 <!--    
 var isAltF4 = false; 
 var isXClose = false;

 window.onbeforeunload = bunload;

 function bunload()
 { 
      if (event.clientY < 0 || isAltF4 ) 
      { 
          mess = "确定要离开聊天室么?"; 
          isXClose = true; 
          return mess; 
 }
 }
 
 function document.onkeydown()
 {
   if ((window.event.altKey)&&(window.event.keyCode==115))
   {
       isAltF4 = true; 
          bunload(); 
      } 
      else
      { 
          isAltF4 = false; 
      } 
  } 
 window.onunload = logoutUser; 
 function logoutUser() 
 { 
     if (isXClose) 
     { 
          try
          { 
            exit();
            alert('欢迎您下次再次光临星星幼儿园聊天室!');   
           
              return true; 
          } 
          catch(e) 
          { 
              alert('delete user account error message:' + e.message); 
          } 
      } 
 }

// -->  
//退出函数
function exit()
 {
  
  DWRChatManager.exit('${userid}','${speaker}',function(data) {
  
  if (data != null && data.length > 0) {
   window.opener = null; 
   window.open("","_self");   //fix ie7
   window.close();
  }
 });
 }
function register() {
 var username = document.loginForm.username.value;
 if(username=='')
 {
  alert('请输入您要聊天的昵称!');
  document.loginForm.username.focus();
  return false;
 }
 
 /* 把我输入的用户名注册到服务器,并获得用户id(这里用session id 代替) */
 DWRChatManager.updateUsersList(username, true, function(data) {
  
  if (data != null && data.length > 0) {
   
   if("nameerror"==data)
   {
    alert('该名字已经有人使用,请换一个名字!');
    document.loginForm.username.value="";
    document.loginForm.username.focus();
    return false;
   }
   else
   { 
    Lock_CheckForm();
    document.loginForm.action="${path}/chatroom/chatroom.jsp";
    document.loginForm.submit();
    
   }
   
  }
 });

 
}

/**键盘快捷键登录**/
function loginConfirm()
{
 if(window.event.keyCode==13)
 {
  checkUser();
 }
}

function checkUser()
{
 if(document.getElementById("username").value==null || document.getElementById("username").value=="")
 {
  alert('请问您尊姓大名？');
  document.getElementById("username").focus();
  return false;
 }
 register();
}

</script>
  <!-- 验证登陆JS结束 -->

 

 

 

 

  <script language="javascript">

/**
 * 页面初始化
 */
 /**系统登录层函数**/
   function   locking(){  
   document.all.ly.style.display="block";  
   document.all.ly.style.width=document.body.clientWidth;  
   document.all.ly.style.height=document.body.clientHeight;  
   document.all.Layer2.style.display='block';  
   }  
  function   Lock_CheckForm(){  
   document.all.ly.style.display='none';document.all.Layer2.style.display='none';
   return   false;  
  }  
 
 /**有新信息时，标题栏显示信息函数**/
 
 
 function changeTitle(NewMessage)
　　{
    document.title=NewMessage+"........";
　　}
 
function init() {
 
 if('${userid}'==''||'${userid}'==null||'${speaker}'==''||'${speaker}'==null)
 {
  locking();
 }
 else
 {
  dwr.engine.setActiveReverseAjax(true); // 激活反转 重要
  DWRChatManager.exitGame();
  DWRChatManager.updateUsersList(null, false); // 当你打开界面的时候,先获得在线用户列表.
  $("MsgContent").style.height=XH_ContentH+"px";
  $("MsgContent").style.width=XH_ContentW+"px";
 }
 
}

/**
 * 发送消息
 */
function sendContent() {
 
 var sender = '${speaker}'; // 获得发送者名字
 var msg = dwr.util.getValue('myText'); // 获得消息内容
 //获得发送字体的颜色
 var color = $("myText").style.color;
 var colormsg='<font color=#'+color+'>'+msg+'</font>';
 //获取私聊的标示
 var flag = document.thisForm.private.value;
 var receiver = dwr.util.getValue('receiver'); // 获得接受者id
 if(flag=='1101')
 {
  //私聊
  //return false;
  if(receiver=='${userid}')
  {
   alert('不能跟自己私聊!');
   return false;
   
  }
  else
  {
    DWRChatManager.privateSend(sender, receiver, colormsg,function(data){
   //document.getElementById('MyContent').innerHTML+=data;
   });
  }
  
 }
 else
 {
   //公共聊天
   DWRChatManager.send(sender,colormsg,msg); // 发送消息
 }
 
 dwr.util.setValue('myText','');
 
}
//私聊调用函数
function showView(Sender,Receiver,Msg,strDate)
{
 
 if(Receiver=='${userid}')
 {
  document.getElementById('MyContent').innerHTML+=Sender+'对你说:<br/>'+Msg+'<br/>'+'发送时间：'+strDate+'<br/><br/>';
  $('MyContent').scrollTop=$('MyContent').scrollHeight
  document.thisForm.myText.focus();
 }

}

 


/**快捷键发送消息**/
function quickSend()
{
 
  if(window.event.keyCode==13)
  {
   sendContent();
   
  }
 
}

/**发送信息后将鼠标定位到发送栏函数**/
function Scroll()
 {
  if (CatRee==1){
   $('MsgContent').scrollTop=$('MsgContent').scrollHeight;
   //window.setTimeout("$('MyContent').scrollTop=$('MyContent').scrollHeight",100);
  // window.setTimeout("$('MsgContent').scrollTop=$('MsgContent').scrollHeight",100);
   } 
 }
 
 /****chat.jsp页面，隐藏显示聊天记录，切换背景等函数*****/
 var showCount=0;
function showAllMsg()
{
 if(showCount%2==0)
 {
  document.getElementById("allMsg").value=document.getElementById("says").value;
  document.getElementById("allMsg").className="textWidth";
  document.getElementById("btnHistory").value="隐藏聊天记录";
 }
 else
 {
  hideAllMsg();
 }
 showCount++;
}


function btnOver(id)
{
 document.getElementById(id).className='btnOver';
}
function btnOut(id)
{
 document.getElementById(id).className='button';
}


var bgCount=-1;
//var bg=document.getElementById('bgDiv').className;
function changeBg()
{
 bgCount++;
 if(bgCount==0)
 {
  document.getElementById('bgDiv').className="bg_spring";
  document.getElementById('says').className="orangeFont";
 }
 else if(bgCount==1)
 {
  document.getElementById('bgDiv').className="bg_summer";
  document.getElementById('says').className="whiteFont";
 }
 else if(bgCount==2)
 {
  document.getElementById('bgDiv').className="bg_autumn";
  document.getElementById('says').className="orangeFont";
 }
 else if(bgCount==3)
 {
  document.getElementById('bgDiv').className="bg_winter";
  document.getElementById('says').className="whiteFont";
  bgCount=-1;
 }
}


</script>

 

 

 


  <!-- 聊天室控制JS -->

  <script type="text/javascript">
<!--
var XH_Uname="游客"+Math.random().toString().slice(-6); //用户昵称
var XH_Fid="F1";  //定义房间ID,可建立不同房间
var XH_Yname="所有人";  //默认聊天对象
var XH_FaceUrl="${path}/images/chatroom/face/"; //定义表情图片目录
//var XH_ContentH=(document.documentElement.clientHeight-220); //显示区高度
//var XH_ContentW=(document.documentElement.clientWidth-260);
//h176  w202
var XH_ContentH=360;
var XH_ContentW=680;  //显示区宽度
var XH_SendTimer="1500"; //设置发言间隔时间限制 1500 表示1.5秒内只能发言一次

//以下设置不要更改========================================
var XH_MsgColor=""; //内容区文本色
var CatOne=0,CatTwo=0,CatRee=1,CatOur=1,CatIve=1; //定义各按钮默认值

function $(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);}
//创建XML对象
function createXMLHttps(){
var ret = null;
try {ret = new ActiveXObject('Msxml2.XMLHTTP')}
catch (e) {
 try {ret = new ActiveXObject('Microsoft.XMLHTTP')}
        catch (ee) {ret = null}
 }
if (!ret&&typeof XMLHttpRequest !='undefined') ret = new XMLHttpRequest();
return ret;
}

//将AJAX获取的数据转换


function AddMsg(UName,YName,Msg,Types) {
  
  if(UName=='消息'&&(Msg==''||Msg==null))
  {
   var MsgList="";
   AddMsg('系统','','<b>'+'${speaker}'+'</b>,您好,欢迎登陆星星幼儿园聊天室!',1);
  }
  else
  {
   //Types=parseInt(Types);
   switch (UName) {
   case "系统":
    var MsgList="<a class='Lcss0'>系统提示：</a><font color='#FF8A00'>"+Msg+"</font>";s(3);
   break;
   case "笑话":
    var MsgList="<a class='Lcss2'>小叮当</a> <b>正在朗读一篇笑话:</b> "+Msg;s(3);
   break;
   case "消息":
    
    var MsgList=Msg;
   break;
   default :
    if(UName==XH_Uname) {var MsgList="<a class='Lcss1'>我</a> 对 <a οnclick=\"CYname('"+YName+"')\" class='Lcss2'>"+YName+"</a> 说: "+Msg}
    else if(YName==XH_Uname) {var MsgList="<a οnclick=\"CYname('"+UName+"')\" class='Lcss2'>"+UName+"</a> 对 <a class='Lcss1'>我</a> 说: "+Msg;s(5)}
    else {var MsgList="<a οnclick=\"CYname('"+UName+"')\" class='Lcss3'>"+UName+"</a> 对 <a οnclick=\"CYname('"+YName+"')\" class='Lcss3'>"+YName+"</a> 说: "+Msg;s(4)}
   break;
  }
   var contentParent=document.getElementById("MsgContent");
   var contentChild=document.getElementById("viewContent");
   
   if(contentChild==null||contentChild=='')
   {
    
    
   }
   else
   {
     //alert(contentChild.value);
     contentParent.removeChild(contentChild);
   }
  
   var oDiv=document.createElement("DIV");
   oDiv.id="viewContent";
   oDiv.className="MsgList";
   //oDiv.οnmοuseοver=function(){this.className="MsgList_On"}
   //oDiv.οnmοuseοut=function(){this.className="MsgList"}
   oDiv.innerHTML="";
   oDiv.innerHTML=MsgList;
 
   $("MsgContent").appendChild(oDiv);
   
   if (CatRee==1){
   $('MsgContent').scrollTop=$('MsgContent').scrollHeight;
   //window.setTimeout("$('MyContent').scrollTop=$('MyContent').scrollHeight",100);
  // window.setTimeout("$('MsgContent').scrollTop=$('MsgContent').scrollHeight",100);
   }
   
    document.thisForm.myText.focus();  
  }

}

var SendMess="",SendTimer,AllMsgNum=0,OnMsgNum=0;
function AjaxGet(URL,Tnum) {
if (Tnum==0){URL=URL+"?Onum="+OnMsgNum;var GoEnd="POST"}else{var GoEnd="GET"}
var xmlhttp = createXMLHttps();
xmlhttp.open(GoEnd,URL,true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
SendMess="";
if (xmlhttp.readyState == 4 && xmlhttp.status==404) {AddMsg('系统','','非常抱歉,服务器连接失败,请刷新页面重试...',1);return}
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  var ajaxHtml=xmlhttp.responseText;
  switch (Tnum) {
  case 0:
   var MsgList=ajaxHtml;
   AllMsgNum=0;
   MsgList.replace(/(\$)/g,function(){AllMsgNum++});
   if (AllMsgNum!=0){
    //循环转换数据并创建插入在显示区
    for (var i=1;i<=AllMsgNum;i++) {
     var Msg0=MsgList.split("$")[i];
     AddMsg(Msg0.split("|")[1],Msg0.split("|")[2],Msg0.split("|")[3],Msg0.split("|")[4]);
     OnMsgNum=Msg0.split("|")[0];
     }
    }
   //if (AllMsgNum==0) OnMsgNum=0;
   //$("Msg").value=OnMsgNum;
   //SendTimer=window.setTimeout("AjaxGet('MsgList.asp',0)",3000)
   break;
  case 1:
   if($("DivLoad_Text")) $("DivLoad_Text").innerHTML=ajaxHtml;
   break;
  case 2:
   AddMsg('笑话',XH_Uname,ajaxHtml,1);
   break;
   }
  }
 }
xmlhttp.send(SendMess);
}

var XH_SendNum=0;

//发送信息
function SendMsg() {
 var Mess=$("myText").value;
 if (Mess=="") {AddMsg('系统','','发送的信息内容不能为空',1);return}
 if (Mess.substring(0,1)==" ") {AddMsg('系统','','发送的信息首字符不能为空格哦~',1);return}
 if(Mess.substring(0,7)=="//name:"){ChangeName();return}
 if (XH_SendNum!=0) {AddMsg('系统','','管理员设定<font color=#0000ff>'+(XH_SendTimer/1000)+'</font>秒内只能发言一次',1);return}

 Mess=Mess.replace(/(\ )/g,'　');
 Mess=Mess.replace(/(\+)/g,'＋');
 XH_SendNum=1;
 //清除settimeout,输入框值
 clearTimeout(SendTimer);$("myText").value="";
 SendMess="Msg="+Mess+"&Uname="+XH_Uname+"&Yname="+XH_Yname+"&Id="+XH_Fid+"&Color="+XH_MsgColor;
 alert(SendMess);
}

 

//发送其它
function SendOther(Desc,Types) {
switch (Types) {
 case "face":
 $("myText").value+="[F"+Desc+"]";
 if (CatOur==1) {SendMsg()}
 break;
 case "color":
 $("myText").style.color="#"+Desc;
 XH_MsgColor=Desc;
 //AddMsg('系统','','<font color=#'+Desc+'>聊天文字颜色已更改</font>',1);
 break;
 default:
 $("myText").value+="//"+Desc;
 if (CatOur==1) {SendMsg()}
 break;
 }
}

 

 

 

var HitRobot=0; //0为第一次点击机器人
//改变聊天对象
function CYname(Yname) {
if(XH_Yname==Yname)return;
if(Yname=="我"){AddMsg('系统','','聊天对象不能是自己',1);return}
XH_Yname=Yname;
$("YourName").innerHTML=Yname;
if(XH_Yname=='小叮当'&&HitRobot==0){HitRobot++;AddMsg('系统',XH_Uname,'跟机器人小叮当聊天会让你感到很愉快的,向他发送 <font color=red>//joke</font> 还会给你讲笑话哦',1)}
s(2);
}

//改变CSS
function c(_Id,_Name) {$(_Id).className=_Name}
//音效
function s(ID) {
if (CatIve==0) return;
var OBJ = document["SE"]
try{OBJ.GotoFrame(0);OBJ.GotoFrame(ID)}catch(err){}
}
//顶部菜单
var OnMenu="M1"; //定义默认激活的菜单
function ChangeMenu(Mou,Did) {
switch (Mou) {
 case "over":
 if(OnMenu!=Did){c(Did,'Menu_On');s(1);}
 break;
 case "out":
 if(OnMenu!=Did){c(Did,'Menu')}
 break;
 case "click":
 if(OnMenu!=Did){c(OnMenu,'Menu');OnMenu=Did;c(Did,'Menu_Down');s(2)}
 break;
 }
}

//设置私聊，滚动，分屏等键的按钮
function ChangeCat(Mou,Did) {
var _Type=0;

switch (Mou) {
 case "over":
 $(Did).className=$(Did).className+"_On";
 break;
 case "out":
 if ($(Did).className=="But1_On"){$(Did).className="But1"}else{$(Did).className="But2"};
 break;
 case "click":
 if ($(Did).className=="But1_On"){$(Did).className="But2_On";_Type=1}else{$(Did).className="But1_On"}
 if (Did=="Cat1")
 {
  CatOne=_Type;
  var privateFlag = document.thisForm.private.value;
  
  if(privateFlag==''||privateFlag==null||privateFlag=='1100')
  {
   document.thisForm.private.value='1101';
  }
  if(privateFlag=='1101')
  {
   document.thisForm.private.value='1100';
  }
  document.thisForm.myText.focus();
  //alert('该功能还在开发中，尽请期待!');
 }
 
 
//处理分屏
 if (Did=="Cat2") {
  
  CatTwo=_Type;
  if(_Type==1) {
   $("MsgContent").style.height=(XH_ContentH-184)+"px";
   $("MyContent").style.height="180px";
   $("MyContent").style.display="";
   }else{
   $("MsgContent").style.height=XH_ContentH+"px";
   $("MyContent").style.display="none";
   }
   $('MsgContent').scrollTop=$('MsgContent').scrollHeight;
  }
 if (Did=="Cat3")CatRee=_Type;
 if (Did=="Cat4")CatOur=_Type;
 if (Did=="Cat5")CatIve=_Type;
 if (Did=="Cat6")
 { 
  CatIve=_Type;
  ChangeName();
 }
 
 s(2);
 break;
 }
//$("myText").value="a="+CatOne+" B="+CatTwo+" C="+CatRee+" D="+CatOur
}

//修改昵称
 function ChangeName() {
  var Mess=$("myText").value;
  //Mess=Mess.substring(7,15);
  if(Mess.length<2) {AddMsg('系统','','昵称不能低于2个字符',1);return;}
  if(Mess=="小叮当") {AddMsg('小叮当',XH_Uname,'哎呀,你要和我抢名字么?',1);return;}
  if(confirm("您确定要将昵称更改为 "+Mess+" ?"))
  {
   XH_Uname=Mess;
   DWRChatManager.changeName('${userid}',Mess,function(data){
     if(data!=''||date=='success')
     {
      AddMsg('系统','','您的昵称已更改为 <b>'+XH_Uname+'</b>',1);
     }
    
   });
  }
  else
  {
   AddMsg('系统','','已取消昵称更改操作',1);
  }
  $("myText").value="";
 }

 

var FaceStr=""; //表情
var ColorStr="";//颜色

//层打开效果
var OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50;
function OpenDiv(_Dw,_Dh,_Desc) {
  
  $("DivLoad").innerHTML="";
  OverH=_Dh;OverW=_Dw;ChangeDesc=_Desc;
  $("DivLoad").style.display='';
  $("DivLoad").style.border="1px #666666 dashed";
  $("DivLoad").style.backgroundColor="";
  $("DivLoad_Bg").style.display='';
  var _H=document.body.scrollHeight;if(_H<document.documentElement.clientHeight)_H=document.documentElement.clientHeight;
  $("DivLoad_Bg").style.height=_H+"px";
  if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
  OpenNow();
  s(6);
}
var Nw=10,Nh=10;
function OpenNow() {
  if (Nw>OverW-ChangeW)ChangeW=1;
  if (Nh>OverH-ChangeH)ChangeH=1;
  Nw=Nw+ChangeW;Nh=Nh+ChangeH;
  
  if(OverW>Nw||OverH>Nh) {
   if(OverW>Nw) {
   $("DivLoad").style.width=Nw+"px";
   var _L=(document.documentElement.clientWidth-Nw)/2+90;
   if(_L<0)_L=0;
   $("DivLoad").style.left=800+"px";
   //原来定义的DIV的距离左边的宽度$("DivLoad").style.left=_L+"px";
   }
   if(OverH>Nh) {
   $("DivLoad").style.height=Nh+"px";
   var _T=(document.documentElement.clientHeight-Nh)/2;
   
   if(_T<0)_T=0;
   $("DivLoad").style.top=230+"px"
   //原来定义的DIV层距离页面的高度$("DivLoad").style.top=_T+"px"
   
   }
   window.setTimeout("OpenNow()",10)
   }else{
   Nw=10;Nh=10;ChangeH=50;ChangeW=50;
   $("DivLoad").style.border="1px #76ABD3 solid";
   $("DivLoad").style.backgroundColor="#ffffff";
  //这里是开始加载时的loading事件,可以插入图片
          $("DivLoad").innerHTML="Loading...";
   switch (ChangeDesc) {
    case "face":
     if(FaceStr=="") {
     FaceStr=" <table style='margin:2px;width:480px;height:244px;' cellSpacing=0 cellPadding=0>"
        +"<TR>"
           +"<TD><IMG src='/Kindergarden/images/chatroom/emot/01.gif' οnclick=\"picClick('01.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/02.gif' οnclick=\"picClick('02.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/03.gif' οnclick=\"picClick('03.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/04.gif' οnclick=\"picClick('04.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/05.gif' οnclick=\"picClick('05.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/06.gif' οnclick=\"picClick('06.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/07.gif' οnclick=\"picClick('07.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/08.gif' οnclick=\"picClick('08.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/09.gif' οnclick=\"picClick('09.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/10.gif' οnclick=\"picClick('10.gif')\"></TD>"
         +"</TR>"
         +"<TR>"
           +"<TD><IMG src='/Kindergarden/images/chatroom/emot/11.gif' οnclick=\"picClick('11.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/12.gif' οnclick=\"picClick('12.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/13.gif' οnclick=\"picClick('13.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/14.gif' οnclick=\"picClick('14.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/15.gif' οnclick=\"picClick('15.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/16.gif' οnclick=\"picClick('16.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/17.gif' οnclick=\"picClick('17.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/18.gif' οnclick=\"picClick('18.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/19.gif' οnclick=\"picClick('19.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/20.gif' οnclick=\"picClick('20.gif')\"></TD>"
         +"</TR>"
         +"<TR>"
           +"<TD><IMG src='/Kindergarden/images/chatroom/emot/21.gif' οnclick=\"picClick('21.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/22.gif' οnclick=\"picClick('22.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/23.gif' οnclick=\"picClick('23.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/24.gif' οnclick=\"picClick('24.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/25.gif' οnclick=\"picClick('25.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/26.gif' οnclick=\"picClick('26.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/27.gif' οnclick=\"picClick('27.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/28.gif' οnclick=\"picClick('28.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/29.gif' οnclick=\"picClick('29.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/30.gif' οnclick=\"picClick('30.gif')\"></TD>"
         +"</TR>"
         +"<TR>"
           +"<TD><IMG src='/Kindergarden/images/chatroom/emot/31.gif' οnclick=\"picClick('31.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/32.gif' οnclick=\"picClick('32.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/33.gif' οnclick=\"picClick('33.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/34.gif' οnclick=\"picClick('34.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/35.gif' οnclick=\"picClick('35.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/36.gif' οnclick=\"picClick('36.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/37.gif' οnclick=\"picClick('37.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/38.gif' οnclick=\"picClick('38.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/39.gif' οnclick=\"picClick('39.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/40.gif' οnclick=\"picClick('40.gif')\"></TD>"
         +"</TR>"
         +"<TR>"
           +"<TD><IMG src='/Kindergarden/images/chatroom/emot/41.gif' οnclick=\"picClick('41.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/42.gif' οnclick=\"picClick('42.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/43.gif' οnclick=\"picClick('43.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/44.gif' οnclick=\"picClick('44.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/45.gif' οnclick=\"picClick('45.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/46.gif' οnclick=\"picClick('46.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/47.gif' οnclick=\"picClick('47.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/48.gif' οnclick=\"picClick('48.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/49.gif' οnclick=\"picClick('49.gif')\"></TD>"
        +"<TD><IMG src='/Kindergarden/images/chatroom/emot/50.gif' οnclick=\"picClick('50.gif')\"></TD>"
         +"</TR>"
       
       +"</table>";
     }
    $("DivLoad").innerHTML=FaceStr;
    break;
    case "color":
     if(ColorStr=="") {
      var _C="000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,DDDDDD";
      var ii=1;for (var i=0;i<40;i++) {
       ColorStr+="<td οnmοuseοver=\"this.style.border='1px #1A78A8 solid'\" οnmοuseοut=\"this.style.border='1px #C0E8FD solid'\" οnclick=\"SendOther('"+_C.split(",")[i]+"','color')\" style='border:1px #C0E8FD solid;background:#"+_C.split(",")[i]+"'>&nbsp;</td>";
       if(ii==8&&i<39) {ColorStr+="</tr><tr>";ii=1}else{ii++}
       }
     ColorStr="<table style='margin:2px;width:300px;height:140px;border:1px #cccccc solid' cellSpacing=5 cellPadding=0><tr>"+ColorStr+"</tr></table>"
     }
    $("DivLoad").innerHTML=ColorStr;
    break;
    //AjaxGet(ChangeDesc,1);
    }
   }
}

//打开表情
function picClick(Url)
{
  
  document.getElementById("myText").value="<IMG src='/Kindergarden/images/chatroom/emot/"+Url+"'/>";
  sendContent();
  
}
function CloseLoad() {

if(Nw!=10) return;
$("DivLoad").style.display='none';
$("DivLoad_Bg").style.display='none';
}
//层打开效果结束

 

//返回首页
function toIndex()
{
  document.thisForm.target="_blank";
  document.thisForm.action='/Kindergarden/flowers';
  document.thisForm.submit();
  return true;
}
-->
</script>
 </head>

 <body onLoad="init();" scroll=no>
  <!-- 系统验证登陆层开始 -->

  <div id="ly"
   style="position: absolute; top: 0px; filter: alpha(opacity = 60); background-color: #777; z-index: 2; left: 0px; display: none;">
  </div>
  <!--         浮层框架开始         -->
  <div id="Layer2" align="center"
   style="position: absolute; z-index: 3; left: expression(( document . body . offsetWidth-540)/ 2 ); top: expression(( document . body . offsetHeight-170)/ 3 ); background-color: #fff; display: none;">

   <form action="" method="post" name="loginForm">
    <fieldset align="center">
     <legend>
      欢迎来到星星幼儿园聊天室
     </legend>
     请输入您的昵称:
     <input type="text" name="username" id="username" class="Tbx"
      οnkeydοwn="loginConfirm();" onFocus="this.className='onFocusTbx'"
      onBlur="this.className='Tbx'">
     <span id="inputInfo"></span>
     <input type="button" value="登 录" class="button"
      οnclick="register();">
    </fieldset>
   </form>
  </div>
  </div>
  <!--         浮层框架结束         -->
  <!-- 系统验证登陆结束 -->


  <form action="" name="thisForm" method="post">
   <input type="hidden" name="userid" value=${userid } />
   <input type="hidden" name="private" />

   <table id="WinMain" align=center cellpadding="0" cellspacing="0">
    <tr>
     <td style="height: 72px">

      <table class="WinTable" cellpadding="0" cellspacing="0">
       <tr>
        <td class="WinTd1"></td>
        <td class="WinTd2" valign=top>
         <!--第一层-->
         <table class="WinTable" cellpadding="0" cellspacing="0">
          <tr>
           <td class="WinTop1">
            聊天室
           </td>
          </tr>
          <tr>
           <td class="WinTop2">
            <div id='M1' class='Menu_Down'
             οnmοuseοver="ChangeMenu('over',this.id)"
             οnmοuseοut="ChangeMenu('out',this.id)"
             οnclick="ChangeMenu('click',this.id)">
             休闲聊天
            </div>
            <div id='M2' class='Menu'
             οnmοuseοver="ChangeMenu('over',this.id)"
             οnmοuseοut="ChangeMenu('out',this.id)" οnclick="toIndex();">
             首页
            </div>
            <!-- 
            <div id='M3' class='Menu'
             οnmοuseοver="ChangeMenu('over',this.id)"
             οnmοuseοut="ChangeMenu('out',this.id)"
             οnclick="ChangeMenu('click',this.id)">
             音乐播放
            </div>
            -->
            <div id='M4' class='Menu'
             οnmοuseοver="ChangeMenu('over',this.id)"
             οnmοuseοut="ChangeMenu('out',this.id)"
             οnclick="ChangeMenu('click',this.id);exit();">
             退出
            </div>
            <!--
<div id='M4' class='Menu' οnmοuseοver="ChangeMenu('over',this.id)" οnmοuseοut="ChangeMenu('out',this.id)" οnclick="ChangeMenu('click',this.id)">影视播放</div>
<div id='M5' class='Menu' οnmοuseοver="ChangeMenu('over',this.id)" οnmοuseοut="ChangeMenu('out',this.id)" οnclick="ChangeMenu('click',this.id)">聊天帮助</div>
<div id='M6' class='Menu' οnmοuseοver="ChangeMenu('over',this.id)" οnmοuseοut="ChangeMenu('out',this.id)" οnclick="ChangeMenu('click',this.id)">关于系统</div>
-->
           </td>
          </tr>
          <tr>
           <td class="WinTop3">
            湘潭市星星幼儿园聊天室
           </td>
          </tr>
         </table>
        </td>
        <td class="WinTd3"></td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td class="WinCenter">

      <table class="WinTable" cellpadding="0" cellspacing="0">
       <tr>
        <td class='ContentLeft' valign=top>
         <!--左边菜单区-->
         <div class='ContentTitle'>
          <img src='${path}/images/chatroom/b.gif' align=left
           class='ContentTitle_L'>
          <img src='${path}/images/chatroom/b.gif' align=right
           class='ContentTitle_R'>
          <ul>
           <img src='${path}/images/chatroom/b.gif' align=top
            class='UserIco'>
           <span style="font-family: 宋体" id='Myname'>当前用户：${speaker
            }</span>
          </ul>
         </div>
         <div class='WinLeft' id="WinOnLine">
          <div id='La' class='LeftT' οnmοuseοver="c(this.id,'LeftT_On')"
           οnmοuseοut="c(this.id,'LeftT')" οnclick="CYname('所有人')">
           所有人 (在线
           <font color='#ff0000' id="WinOnLineNum"></font> 人)
          </div>
          <div id="o">
           <!-- 显示所有在线用户 -->
           <ul id="users"
            style="list-style-type: none; text-align: left; margin: 0; width: 150px; padding-left: 5px;">
           </ul>

          </div>

         </div>


        </td>
        <!--中部按钮-->
        <td class='ContentCenter'>
         <img src='${path}/images/chatroom/b.gif' class='CloseImg1'>
        </td>
        <td valign=top>
         <!--右边标题栏-->
         <div class='ContentTitle'>
          <img src='${path}/images/chatroom/b.gif' align=left
           class='ContentTitle_L'>
          <img src='${path}/images/chatroom/b.gif' align=right
           class='ContentTitle_R'>
          <ul>
           信息
           <font color="red">（所发信息记录不会进行保存!当聊天室信息达到100条,自动清空!）[私聊窗口，请点"分屏"查看私聊信息！]</font>
          </ul>
         </div>
         <div class='ContentRight'>
          <!--信息内容区-->
          <div id='MsgContent' class="MessContent"></div>
          <div
           style='border-top: 1px #76ABD3 solid; border-bottom: 1px #76ABD3 solid; height: 6px; overflow: hidden; background: #A9D5F4'></div>
          <div id='MyContent' class="MessContent" style="display: none">


          </div>

          <div class='ContentMenu'>
           <table class="WinTable" cellpadding="0" cellspacing="0">
            <tr>
             <td class="ContentF1"></td>
             <td class="ContentF2"></td>
             <td class="ContentF3" valign=top>
              <!--底中部-->
              <table class="WinTable" cellpadding="0" cellspacing="0">
               <tr>
                <td style="height: 22px" onselectstart='return false'>
                 <!--底部小按钮区-->
                 <table class="WinTable" cellpadding="0" cellspacing="0">
                  <tr>

                   <td class='But1' id='Cat1'
                    οnmοuseοver="ChangeCat('over',this.id)"
                    οnmοuseοut="ChangeCat('out',this.id)"
                    οnclick="ChangeCat('click',this.id)" title='私聊模式'>
                    私聊
                   </td>
                   <td class='ButLine'>
                    &nbsp;
                   </td>
                   <td class='But1' id='Cat6'
                    οnmοuseοver="ChangeCat('over',this.id)"
                    οnmοuseοut="ChangeCat('out',this.id)"
                    οnclick="ChangeCat('click',this.id)" title='修改昵称'>
                    改名
                   </td>
                   <td class='ButLine'>
                    &nbsp;
                   </td>

                   <td class='But1' id='Cat2'
                    οnmοuseοver="ChangeCat('over',this.id)"
                    οnmοuseοut="ChangeCat('out',this.id)"
                    οnclick="ChangeCat('click',this.id)" title='信息分开显示'>
                    分屏
                   </td>
                   <td class='ButLine'>
                    &nbsp;
                   </td>
                   <td class='But2' id='Cat3'
                    οnmοuseοver="ChangeCat('over',this.id)"
                    οnmοuseοut="ChangeCat('out',this.id)"
                    οnclick="ChangeCat('click',this.id)"
                    title='有新的信息自动滚动到底部'>
                    滚屏
                   </td>
                   <td class='ButLine'>
                    &nbsp;
                   </td>
                   <!--
<td class='But2' id='Cat4' οnmοuseοver="ChangeCat('over',this.id)" οnmοuseοut="ChangeCat('out',this.id)" οnclick="ChangeCat('click',this.id)" title='选择表情等操作后自动发送'>自动</td><td class='ButLine'>&nbsp;</td>
 -->
                   <td class='But2' id='Cat5'
                    οnmοuseοver="ChangeCat('over',this.id)"
                    οnmοuseοut="ChangeCat('out',this.id)"
                    οnclick="ChangeCat('click',this.id)" title='背景音效'>
                    音效
                   </td>
                   <td>
                    &nbsp;
                   </td>
                   <td class='But3' id='Icox'
                    οnmοuseοver="c(this.id,'But3_On')"
                    οnmοuseοut="c(this.id,'But3')"
                    οnmοusedοwn="c(this.id,'But3_Down')"
                    οnclick="c(this.id,'But3_On');OpenDiv(485,249,'face')">
                    <img src='images/b.gif'
                     style='background: url(${path}/images/chatroom/ico.gif) -17px 0px no-repeat'
                     class='Ico' alt='表情'>
                   </td>
                   <td class='ButLine2'>
                    &nbsp;
                   </td>

                   <td class='But3' id='Ico2'
                    οnmοuseοver="c(this.id,'But3_On')"
                    οnmοuseοut="c(this.id,'But3')"
                    οnmοusedοwn="c(this.id,'But3_Down')"
                    οnclick="c(this.id,'But3_On');OpenDiv(305,145,'color')">
                    <img src='${path}/images/chatroom/b.gif'
                     style='background: url(${path}/images/chatroom/ico.gif) -36px 0px no-repeat'
                     class='Ico' alt='颜色'>
                   </td>
                   <td class='ButLine2'>
                    &nbsp;
                   </td>
                   <!-- 
<td class='But3' id='Ico3' οnmοuseοver="c(this.id,'But3_On')" οnmοuseοut="c(this.id,'But3')" οnmοusedοwn="c(this.id,'But3_Down')" οnclick="c(this.id,'But3_On')"><img src='${path}/images/chatroom/b.gif' style='background:url(${path}/images/chatroom/ico.gif) -55px 0px no-repeat' class='Ico' alt='字体'></td><td class='ButLine2'>&nbsp;</td>
<td class='But3' id='Ico4' οnmοuseοver="c(this.id,'But3_On')" οnmοuseοut="c(this.id,'But3')" οnmοusedοwn="c(this.id,'But3_Down')" οnclick="c(this.id,'But3_On')"><img src='${path}/images/chatroom/b.gif' style='background:url(${path}/images/chatroom/ico.gif) -74px 0px no-repeat' class='Ico' alt='图片'></td><td class='ButLine2'>&nbsp;</td>
<td class='But3' id='Ico5' οnmοuseοver="c(this.id,'But3_On')" οnmοuseοut="c(this.id,'But3')" οnmοusedοwn="c(this.id,'But3_Down')" οnclick="c(this.id,'But3_On')"><img src='${path}/images/chatroom/b.gif' style='background:url(${path}/images/chatroom/ico.gif) -93px 0px no-repeat' class='Ico' alt='点歌'></td>
-->
                  </tr>
                 </table>

                </td>
               </tr>
               <tr>
                <td hgcolor=#cccccc style="height: 22px">
                 <!--信息发送区-->
                 <table class="WinTable" style="height: 100%"
                  cellpadding="0" cellspacing="0">
                  <tr>
                   <td class='MsgLeft' id="YourName">
                    <select name="receiver" id="receiver">
                   </td>
                   <td class='MsgRight'>
                    <input name='test' type="text" style="display: none">
                    <input name='myText' id='myText' maxlength=80
                     width="40px" onKeyDown="quickSend();">
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
             <td class="ContentF4">
              <img src='${path}/images/chatroom/b.gif' id='Ico0'
               class='SendBut'
               οnmοuseοver="s(1);c(this.id,'SendBut_On')"
               οnmοuseοut="c(this.id,'SendBut')"
               οnmοusedοwn="c(this.id,'SendBut_Down')"
               οnclick="c(this.id,'SendBut_On');sendContent();">
             </td>
            </tr>
           </table>
          </div>

         </div>
        </td>
       </tr>
      </table>

     </td>
    </tr>
    <tr>
     <td style="height: 12px">
      <!--第三层-->
      <table class="WinTable" cellpadding="0" cellspacing="0">
       <tr>
        <td class="WinTd4"></td>
        <td class="WinTd5">
         &nbsp;
        </td>
        <td class="WinTd6"></td>
       </tr>
      </table>

     </td>
    </tr>
   </table>
   <div id="DivLoad_Bg" οnclick="CloseLoad()" title="任意位置单击即关闭"
    style="display: none"></div>
   <div id="DivLoad" style="display: none;" οnclick="CloseLoad()"></div>
   <embed src="${path}/images/chatroom/sound.swf" id=SE name=SE width=0
    height=0 type="application/x-shockwave-flash">
  </form>

 </body>
</html>

baobeituping
关注
专栏目录
jsp DWR框架推模式实现的聊天室
05-27
DWR框架推模式实现的聊天室DWR框架推模式实现的聊天室DWR框架推模式实现的聊天室
DWR在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能
02-17
DWR在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能 java jsp页面
基于DWR推送的web聊天系统
05-11
基于dwr推送技术，结合jsp技术，webservice天气接口，以及发送表情技术的web聊天系统，识别电脑和手机设备，不足地方请指教，谢谢
dwr 2.0实现网页消息发送（JAVA类）
baobeituping的专栏
02-02 117
package com.dwrchat; import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Collection;import java.util.HashMap;import java.util.HashSet;import java.util.Iterator;import java.u...
DWR2.0框架入门
weixin_30488085的博客
07-25 75
1、DWR简介 DWR是一个远程web调用框架，利用该框架使得Ajax开发变得简单。利用DWR可以在客户端使用JavaScript直接调用服务器端的Java方法，并返回值给JavaScript；就好像直接在本地客户端调用一样（DWR根据Java类来动态生成JavaScript代码）。 DWR包含两部分： 一个运行在服务器端的 Java Servlet，它处理请求并且向浏览器发回...
DWR3实现服务器端向指定浏览器推送消息
崔崇东的博客
02-05 857
DWR3实现服务器端向指定浏览器推送消息 完整的项目下载地址(可运行) http://download.csdn.net/download/weixin_39549656/10240930 慕课网对于DWR3介绍,仅限于服务器向所有浏览器推送数据.在实际开发中更多的是服务端向指定浏览器推送信息(例如QQ邮箱) 不同页面开始测试的 总不能把某个人邮箱信息推送到所有浏览器,然后再浏览
DWR实现服务器端向客户端推送消息
大白
09-10 1096
客户端得到通知的方式 定时刷新 每个一段时间刷新一次页面 优点：不需要服务器配置，只需在客户端配置即可 缺点：不断的对服务器端发送请求，对服务器端压力太大 Ajax轮询 比定时刷新略好，不像定时刷新一样整个页面刷新，但是缺点也一样 Comet长连接 由客户端主动发送请求，建立一个长连接通道，服务器端可以向客户端推送消息 优点：实时性好，性能也可以 缺点：长期占用长连接的资源 Dwr介绍 基于...
简单聊天室(dwr2.0)
11-06
【简单聊天室(dwr2.0)】是一个基于DWR(Direct Web Remoting)2.0版本实现的在线聊天应用程序，旨在提供一个基础的交流平台，支持私聊和公开聊天功能，用户可以选择不同的字体和颜色来个性化自己的消息。这个项目采用...
通过DWR实现在HTML和Java Script中直接调用服务端的Java Bean
06-14
DOCTYPE dwr PUBLIC "-//Get Ahead Limited//DTD DirectWebRemoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"> <dwr> </dwr> ``` #### 测试DWR 完成上述步骤后，将项目部署到Tomcat...
JSP的那些事儿（2）----DWR2.0 的配置和使用
薛敬明的专栏
04-23 2528
      刚开始用JSP开发网站项目，发现下拉菜单级联不及ASP.NET那么便利，于是寻找JAVA中的AJAX框架，至于AJAX是什么，本文就不再叙述，而DWR是不得不说的一个亮点，在网络上找了很多资料，按照过程一步步的配置，结果发现还是没有显示，今天才终于获取成功，所以决定花点时间写本篇文章帮助“菜鸟一族”脱离不会配置和使用DWR的苦海。如有什么意见可以提出。      如有转载请注明
DWR在jsp中的使用技巧
java程序员的蜕变之路
07-28 2716
什么是DWR？ DWR是一种AJAX解决方案！  DWR包括一个java库，以及一套javascript，使得我们可以用一种非常简单的方式，在页面上使用javascript直接调用后台的java对象！ DWR架构  DWR的javascript库包括几个部分：dwr的javascript引擎（即对AJAX调用的封装）、dwr提供的一些非常有用的辅助javascript函数库、以
基于java的健康管理平台设计与实现(含源文件)
【完整】
03-07 1万+
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 面向特定群体的健康管理平台设计与实现 摘要 随着网络技术的不断发展，网站的开发与运用变得更加广泛。这次采用java语言SSH框架(Spring，Struts，Hibernate)设计并实现了面向特定群体的健康管理平台。该网站主要有教师饮食管理、教师健康日志、教师体检管理、疾病预测评估等功能模块。通过该网站，教师可以更好的关注自己的体检状况以及最近的身体状况，根据自身情况调整饮食，睡眠等生活习惯，并
frameset网页框架布局模式
轻云流火 chitry
07-07 552
//2014年8月29日 16:30:06 home.jsp: page language="java" import="java.util.*" pageEncoding="UTF-8"%>  rows="80,*,40"> name="top" noresize="noresize" scrolling="no" src="${pa
利用Post方式发送数据
风影极光
06-08 230
http://topic.csdn.net/t/20050805/17/4191613.html
DWR2.0实现服务器推：结合Socket技术详解
"使用DWR (Direct Web Remoting) 2.0 实现服务器推送技术，结合响应式Socket实现客户端消息实时更新。" 在Web开发中，实现服务器向客户端的实时数据推送是一种常见需求，例如在线聊天、股票报价或者实时通知等场景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值