工程目录结构
二、核心代码演示
1、主界面（登陆、消息提示、日志、建立新聊天窗口）代码 index.jsp
<%@ page language=”java” pageEncoding=”UTF-8″ %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”;
%>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<base href=”<%=basePath%>”>
<title>WebIM Chat</title>
<meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>
<meta http-equiv=”author” content=”hoojo”>
<meta http-equiv=”email” content=”hoojo_@126.com”>
<meta http-equiv=”blog” content=”http://blog.csdn.net/IBM_hoojo”>
<meta http-equiv=”blog” content=”http://hoojo.cnblogs.com”>
<link rel=”stylesheet” type=”text/css” href=”css/chat-2.0.css” />
<script type=”text/javascript”>
window.contextPath = “<%=path%>”;
window[“serverDomin”] = “192.168.8.22”;
</script>
<script type=”text/javascript” src=”jslib/jquery-1.7.1.min.js”></script>
<script type=”text/javascript” src=”jslib/jsjac.js”></script>
<!– script type=”text/javascript” src=”debugger/Debugger.js”></script–>
<script type=”text/javascript” src=”jslib/send.message.editor-1.0.js”></script>
<script type=”text/javascript” src=”jslib/jquery.easydrag.js”></script>
<script type=”text/javascript” src=”jslib/remote.jsjac.chat-2.0.js”></script>
<script type=”text/javascript” src=”jslib/local.chat-2.0.js”></script>
<script type=”text/javascript”>
$(function () {
$(“#login”).click(function () {
var userName = $(“:text[name=’userName’]”).val();
var receiver = $(“*[name=’to’]”).val();
// 建立一个聊天窗口应用，并设置发送者和消息接收者
$.WebIM({
sender: userName,
receiver: receiver
});
// 登陆到openfire服务器
remote.jsjac.chat.login(document.userForm);
$(“label”).text(userName);
