目录

1 问题描述

2 解决方案

2.1 预期效果

2.2 系统结构示意图

2.3 具体编码

1 问题描述

利用Java EE相关技术实现一个简单的Web聊天室系统，具体要求如下。

（1）编写一个登录页面，登录信息中有用户名和密码，分别用两个按钮来提交和重置登录信息。

（2）编写一个Servlet程序Main.java通过请求指派来处理用户提交的登录信息，如果用户名为本小组成员的名字且密码为对应的学号时，跳转到LoginSuccess显示聊天界面（类似于QQ群聊天界面，可使用HTML中的frameset标签生成两个窗口，一个用来实现用户信息输入，另一个显示所有用户聊天记录的）；否则跳转到LoginFail页面，提示用户重新登录(注：此页面要包含前面的登录界面)。

（3）编写两个Servlet程序，分别用来显示“信息输入”窗口和“聊天记录显示”窗口的内容；用户在“信息输入”窗口中键入聊天内容，点击“发送”按钮后，在“聊天记录显示”窗口中显示发送消息的用户名称和聊天内容。提示：利用HTML中的textarea标签来实现。

（4）在登录界面上实现记住用户名和密码的功能，使得当用户选择了此功能并成功登录后，在其下次登录时可以不用再输入用户名和密码即可登录。提示：此功能可通过两个Cookie来实现。

以下功能选做：

（5）编写一个Listener程序来监听会话的创建和销毁事件，以此统计当前在线（登录）人数，并将其显示在聊天界面上。

（6）添加一个Filter对本系统所有的Servlet程序进行过滤，该Filter实现对请求和响应对象的编码格式的设置（实现此功能后，Servlet可以直接从请求对象中获取参数信息而无需实现对请求进行格式的编码）。在【GlassFish Server】视图中输出程序在Filter和其它资源之间的执行顺序。

2 解决方案                                               

2.1 预期效果                    

图一：网上聊天系统运行示意图

2.2 系统结构示意图                  

图二：系统结构示意图

具体解释：

（1）打开浏览器，进入网上聊天系统首页登录界面login.jsp。输入用户名和密码，点击登陆；

（2）Main.java类获取login.jsp用户输入的用户名和密码，进行逻辑验证，验证成功则跳转到聊天界面welcome.jsp，否则跳转到登陆失败提示界面loginFail.jsp；

（3）Welcome.jsp聊天界面，其中头部界面显示当前登陆用户昵称和当前在线总人数（统计当前在线人数通过调用OnlineListener类来实现）；左部为聊天好友列表界面，此处仅作展示页面，未写具体逻辑处理代码；中间主体页面main.jsp页面实现用户在聊天输入框中输入消息，发送并显示在聊天消息显示框中功能。（实现聊天功能通过调用InputInformation.java类来实现）具体页面如下图所示：

图三：聊天页面welcome.jsp

图三：welcome.jsp实际运行图

2.3 具体编码                    

（1）Main.java（Servlet类）通过请求指派来处理login.jsp页面用户提交的登录信息（并使用Cookie实现记住用户登录用户名和密码功能），成功则跳转到welcome.jsp，失败则跳转到loginFail.jsp。具体实现如下：

网上聊天系统登陆首页login.jsp页面代码：

注意：此处代码有点问题，感谢文末园友指正，具体如下：

login.jsp页面代码：Cookie[] cookies = request.getCookies();
开启服务第一次登录时是没有cookie的，所以执行 for (int i = 0; i < cookies.length; i++) 时会出现空指针异常。在for循环前加个if判断：if(cookies!=null)才能成功运行

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

String username = "";

String password = "";

//String[] checkBox = request.getParameterValues("save_password");

//获取当前站点的所有Cookie

 Cookie[] cookies = request.getCookies();

 for (int i = 0; i < cookies.length; i++) {

          //对cookies中的数据进行遍历，找到用户名、密码的数据

         if ("username".equals(cookies[i].getName())) {

          //读取时URLDecoder.decode进行解码(PS:Cookie存取时用URLEncoder.encode进行编码)

             username = java.net.URLDecoder.decode(cookies[i].getValue(),"UTF-8");

         } else if ("password".equals(cookies[i].getName())) {

             password =  java.net.URLDecoder.decode(cookies[i].getValue(),"UTF-8");

         }

  }

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>网上聊天室登陆页面</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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <style type="text/css">

        *

        {

            margin: 0;

            padding: 0;

        }

        body

        {

            font-size: 0px;

            padding: 200px;

        }

    </style>

  </head>

 <body>

 <form action="Main" method="post">

 <div style="background:#49AFFF;font-size: 80px;text-align:center;">网上聊天室</div>

<div style="background:#75FFE7;font-size: 35px;text-align:center;">

<span>用户名:</span><input type="text" name="username" value="<%=username%>" style="border:1px solid #ccc; width:400px; height:40px;" ></div>

<div style="background:#75FFE7;font-size: 35px;text-align:center;">

<span>密    码 :</span><input type="password" name="password" value="<%=password%>" style="border:1px solid #ccc; width:400px; height:40px;" ></div>

<div style="background:#75FFE7;font-size: 25px;text-align:center;">

<input type="checkbox" value="save" name="save_password">记住密码

<input type="submit" value="登陆" name="login" style="width: 100px; height: 40px;font-size: 30px;">

<input type="reset" value="重置" name="reset" style="width: 100px; height: 40px;font-size: 30px;"></div>

</form>

</body>

</html>

Main.java类代码：

package com.liuzhen.chart;

import java.io.IOException;

import java.net.URLEncoder;

import javax.servlet.ServletException;

import javax.servlet.http.Cookie;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")

public class Main extends HttpServlet {

    /**

     * Constructor of the object.

     */

    public Main() {

        super();

    }

    /**

     * Destruction of the servlet. <br>

     */

    public void destroy() {

        super.destroy(); // Just puts "destroy" string in log

        // Put your code here

    }

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

         doPost(request,response);

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        //response.setContentType("text/html;charset=utf-8");

        //此出注解是因为使用CodeFilter类过滤所有Servlet，转换编码

        //request.setCharacterEncoding("utf-8");

        String userName = request.getParameter("username");

        String passWord = request.getParameter("password");

        String checkBox = request.getParameter("save_password");

        System.out.println("userName:"+userName+"\n"+"passWord:"+passWord);

        request.getSession().setAttribute("nameSession", userName);   //将用户名存入session中

        String[] name_one = {"柳真","刘仁杰","吴超","张浩东","陈初相"};

        String[] pwd_one = {"201421092073","201421092068","201421092077","201421092082","201421092119"};

        String name_two = "";

        String pwd_two = "";

        boolean login_test = false;

        for(int i=0;i<5;i++){

            name_two = name_one[i];

            pwd_two = pwd_one[i];

            if(userName.equals(name_two) && passWord.equals(pwd_two))

                login_test = true;

        }

        if(login_test) {

            if ("save".equals(checkBox)) {

                //Cookie存取时用URLEncoder.encode进行编码(PS:读取时URLDecoder.decode进行解码)

                String name = URLEncoder.encode(userName,"UTF-8");

                //创建两个Cookie对象

                Cookie nameCookie = new Cookie("username", name);

                //设置Cookie的有效期为3天

                nameCookie.setMaxAge(60 * 60 * 24 * 3);

                String pwd = URLEncoder.encode(passWord,"UTF-8");

                Cookie pwdCookie = new Cookie("password", pwd);

                pwdCookie.setMaxAge(60 * 60 * 24 * 3);

                response.addCookie(nameCookie);

                response.addCookie(pwdCookie);

             }

             request.getRequestDispatcher("welcome.jsp").forward(request, response);

        }

        else{

             response.sendRedirect("loginFail.jsp");

              // request.getRequestDispatcher("loginFail.jsp").forward(request, response);

        }

    }

    /**

     * Initialization of the servlet. <br>

     *

     * @throws ServletException if an error occurs

     */

    public void init() throws ServletException {

        // Put your code here

    }

}

登陆失败页面loginFail.jsp页面代码：

<%@ page language="java" import="java.util.*" 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>My JSP 'loginFail.jsp' starting page</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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="content-type" content="text/html; charset=gb2312">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

    <br>

      <br>

           <h1>用户名和密码不匹配，请重新登陆!</h1>

           <a href="login.jsp">重新登陆</a>

  </body>

</html>

登陆成功页面welcome.jsp页面代码（此处使用frameset标签，分为头部、左部和中间主页三部分，分别对象header.jsp、left.jsp和main.jsp页面）：

<%@ page language="java" import="java.util.*" 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>网上聊天室</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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="content-type" content="text/html; charset=gb2312">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

   <frameset rows="100,*" cols="*" frameborder="no" border="0" framespacing="0">

         <frame src="header.jsp" name="topFrame" scrolling="auto" noresize="noresize" id="topFrame"/>

      <frameset cols="213,*" frameborder="no" border="0" framespacing="0">

        <frame src="left.jsp" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>

        <frame src="main.jsp" name="mainFrame" scrolling="auto" id="mainFrame"/>

      </frameset>

   </frameset>

  <body>

  </body>

</html>

聊天头部header.jsp页面代码：

<%@ page language="java" import="java.util.*" contentType="text/html;charset=gb2312" pageEncoding="gb2312"%>

<%

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></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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body topmargin="0" leftmargin="0" rightmargin="0">

     <form action="">

             <table  width="100%" height="79" border="0" cellpadding="0"

                     cellspacing="0" align=center>

             <tr>

                <td bgcolor="F9A859" valign="top">

                <table width="100%" height="50" border="0" align="center"

                       cellpadding="0" cellspacing="0" bgcolor="FBEAD0">

                 <tr>

                   <td align="center" style="font-size:40px;">

                     网上聊天室

                   </td>

                 </tr> 

                </table>

                </td>

             </tr>

               <tr>

                 <td bgcolor="F9A859" valign="top">

                 <table width="100%" border="0" align="center" cellpadding="0"

                         cellspacing="0">

                  <tr>

                     <td align="center" style="font-size:20px" valign="middle">

                     欢迎<%=(String)request.getSession().getAttribute("nameSession") %>访问!

                     当前在线人数为<%=application.getAttribute("peopleOnline")%>人

                     </td>

                  </tr>       

                 </table>

                 </td>

              </tr>              

             </table>

           </form>

  </body>

</html>

聊天左部left.jsp页面代码（此处为了显示美观，使用了jquery-1.4.2包）：

<%@ page language="java" import="java.util.*" 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>My JSP 'test.jsp' starting page</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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="content-type" content="text/html; charset=gb2312">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

 <style type="text/css">

        *

        {

            margin: 0;

            padding: 0;

        }

        body

        {

            font-size: 15px;

            padding: 00px;

        }

        .menu

        {

            width: 500px;

            border-bottom: solid 1px gray;

        }

        .menu h3

        {

            border: solid 1px gray;

            height: 30px;

            line-height: 30px;

            padding-left: 10px;

            padding:0 5px;

            border-bottom: none;

            cursor: pointer;

        }

        .menu p

        {

            border-left: solid 1px gray;

            border-right: solid 1px gray;

            padding: 20px 0;

            padding-left: 5px;

        }

        .changecolor{background-color:red;}

    </style>

    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">

          $(function () {

            $(".menu p:not(:first)").hide();

            $(".menu h3").css("background", "#ccc");

            $(".menu h3").hover(function () { $(this).css("background-color", "gray").siblings("h3").css

("background-color", "#ccc");});

            $(".menu h3").mouseleave(function () {

               $(".menu h3").css("background", "#ccc");}); //离开时将其变为原来颜色

            var index = $(".menu h3").index(this);

            $(".menu h3").click(function () { $(this).next("p").slideToggle().siblings("p").slideUp(); });

        });

    </script>

  </head>

  <body>

    <div class="menu">

        <h3>

            我的好友</h3>

        <p>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/><br/>

   <a href="index.jsp">周杰伦</a><br/>

            </p>

        <h3>

            我的朋友</h3>

        <p>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/><br/>

   <a href="index.jsp">李连杰</a><br/>

         </p>

        <h3>

            陌生人</h3>

        <p>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/><br/>

   <a href="index.jsp">比尔盖茨</a><br/>

          </p>

    </div>

  </body>

</html>

聊天主页main.jsp页面代码：

<%@ page language="java" import="java.util.*" 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>My JSP 'main.jsp' starting page</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="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

  <form action="InputInformation" method=post>

  <textarea  cols="105" rows="25" name="show_textarea"><%=request.getAttribute("input_textarea")%></textarea>

  <br>

  <textarea  cols="105" rows="5"  name="input_textarea"></textarea><br>

  <input type="submit" value="发送" name="button_one"

   style="width: 100px; height: 40px;font-size: 25px;"><br>

  </form>

  </body>

</html>

（2）InputInformation.java（Servlet类）通过请求指派获取main.jsp聊天输入框中输入信息，跳转到main.jsp页面，并在聊天记录显示框中显示聊天信息。具体实现如下：

InputInformation.java类代码如下：

package com.liuzhen.chart;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")

public class InputInformation extends HttpServlet {

    public String chat_record = "";  //定义聊天记录变量，此处为全局变量

    /**

     * Constructor of the object.

     */

    public InputInformation() {

        super();

    }

    /**

     * Destruction of the servlet. <br>

     */

    public void destroy() {

        super.destroy(); // Just puts "destroy" string in log

        // Put your code here

    }

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        doPost(request,response);

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        //response.setContentType("text/html;charset=utf-8");

        //此出注解是因为使用CodeFilter类过滤所有Servlet，转换编码

        //request.setCharacterEncoding("utf-8");

        String input_textarea = request.getParameter("input_textarea");

        Date now = new Date();    //创建日期对象，及系统当前时间

        SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

        String time = dateFormat.format( now ); //按照给定的日期格式获取系统当前时间

        String t = (String)request.getSession().getAttribute("nameSession");  //获取登陆页面用户名

        chat_record += t+"  "+input_textarea+"  "+time+"\n";   //聊天记录存储

        request.setAttribute("input_textarea",chat_record); //将当前聊天输入内容存储

        request.getRequestDispatcher("main.jsp").forward(request,response);  //跳转到当前聊天输入界面，即界面布局不变

    }

    /**

     * Initialization of the servlet. <br>

     *

     * @throws ServletException if an error occurs

     */

    public void init() throws ServletException {

        // Put your code here

    }

}

（3）CodeFilter.java（过滤器类）截取系统所有Servlet类，实现对请求和响应对象的编码格式的设置，均设置为UTF-8。具体实现如下：

CodeFilter.java类代码如下：

package com.liuzhen.chart;

import java.io.IOException;

import javax.servlet.Filter;

import javax.servlet.FilterChain;

import javax.servlet.FilterConfig;

import javax.servlet.ServletException;

import javax.servlet.ServletRequest;

import javax.servlet.ServletResponse;

import javax.servlet.annotation.WebFilter;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

//采用注解方式配置URL，此处就不必再在web.xml文件中配置。如果两者均配置的话，系统将以web.xml文件中配置信息为准

@WebFilter(filterName="CodeFilter",urlPatterns={"/*"})      

public class CodeFilter implements Filter{

         @Override

         public void destroy() {

             System.out.println("destroy---CodeFilter");

         }

         @Override

         public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2)

                 throws IOException, ServletException {

             System.out.println("start----doFilter--CodeFilter");

             HttpServletRequest request =(HttpServletRequest) arg0;

             HttpServletResponse response =(HttpServletResponse) arg1;

             //以上是强制内型转换，使用request对象和response对象

             request.setCharacterEncoding("utf-8");          //设置过滤页面提取数据的编码

             response.setContentType("text/html;charset=utf-8");  //设置过滤页面显示数据的编码

             arg2.doFilter(arg0, arg1);//在页面跳转之前执行此语句前面的代码，执行完页面的代码之后，在执行后面的语句

             System.out.println("第一个字符过滤器");

             System.out.println("end------doFilter--CodeFilter");

             }

         @Override

         public void init(FilterConfig filterConfig) throws ServletException {

             System.out.println("init----CodeFilter");

         }

}

（4）OnlineListener.java（监听器类）主动监听系统Web容器，返回当前聊天系统在线人数，具体实现如下：

OnlineListener.java类代码如下：

package com.liuzhen.chart;

import javax.servlet.ServletContext;

import javax.servlet.http.HttpSessionEvent;

import javax.servlet.http.HttpSessionListener;

public class OnlineListener implements HttpSessionListener{

    public void sessionCreated(HttpSessionEvent arg0) {

           ServletContext context = arg0.getSession().getServletContext();

           Integer count = (Integer) context.getAttribute("peopleOnline");

           if (count == null) {

               count = 1;

           } else {

               count++;

           }

           context.setAttribute("peopleOnline", count);

        }

        public void sessionDestroyed(HttpSessionEvent arg0) {

           ServletContext context = arg0.getSession().getServletContext();

           Integer count = (Integer) context.getAttribute("peopleOnline");

           count--;

           context.setAttribute("peopleOnline", count);

        }

}

此处还要给OnlineListener监听器类在web.xml文件中配置路径，web.xml配置代码具体如下（红色标记代码）：

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="3.0"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">

  <display-name></display-name>

  <listener>

    <listener-class>com.liuzhen.chart.OnlineListener</listener-class>

  </listener>

  <servlet>

    <description>This is the description of my J2EE component</description>

    <display-name>This is the display name of my J2EE component</display-name>

    <servlet-name>Main</servlet-name>

    <servlet-class>com.liuzhen.chart.Main</servlet-class>

  </servlet>

  <servlet>

    <description>This is the description of my J2EE component</description>

    <display-name>This is the display name of my J2EE component</display-name>

    <servlet-name>InputInformation</servlet-name>

    <servlet-class>com.liuzhen.chart.InputInformation</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>Main</servlet-name>

    <url-pattern>/Main</url-pattern>

  </servlet-mapping>

  <servlet-mapping>

    <servlet-name>InputInformation</servlet-name>

    <url-pattern>/InputInformation</url-pattern>

  </servlet-mapping>

  <welcome-file-list>

    <welcome-file>login.jsp</welcome-file>

  </welcome-file-list>

</web-app>

在调用监听器类实现监听系统当前在线人数时，本机上同一个浏览器同时登陆多个用户，只能算作一次，本机上不同浏览器登陆则分别算作一次。以下分别是在IE、谷歌和360浏览器登陆在线人数显示：

图四：IE浏览器登陆，显示在线人数1人

图五：谷歌浏览器登陆，显示在线人数2人

图六：360浏览器登陆，显示在线人数3人

附：本文系统代码Coding链接：https://coding.net/u/LiuZhen1995/p/MyDemo/git/tree/origin_seven

 参考资料：

1、cookie实现记住密码

2、监听器（实现在线统计人数，踢人）

3、Java Filter过滤机制详解

4、jsp与servlet之间页面跳转及参数传递实例

使用Servlet和JSP实现一个简单的Web聊天室系统的更多相关文章

  1. 使用Java编写一个简单的Web的监控系统cpu利用率，cpu温度，总内存大小

    原文:http://www.jb51.net/article/75002.htm 这篇文章主要介绍了使用Java编写一个简单的Web的监控系统的例子,并且将重要信息转为XML通过网页前端显示,非常之实 ...

  2. 实现一个简单的WebSocket聊天室

    WebSocket 简介 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主 ...

  3. 用Java构建一个简单的WebSocket聊天室

    前言 首先对于一个简单的聊天室,大家应该都有一定的概念了,这里我们省略用户模块的讲解,而是单纯的先说说聊天室的几个功能:自我对话.好友交流.群聊.离线消息等. 今天我们要做的demo就能帮我们做到这一 ...

  4. [NodeJS]使用Node.js写一个简单的在线聊天室

    声明:教程来自<Node即学即用>.源代码案例均出自此书.博文仅为个人学习笔记. 第一步:创建一个聊天server. 首先,我们先来写一个Server: var net = require ...

  5. golang实现一个简单的websocket聊天室

    基本原理: 1.引入了 golang.org/x/net/websocket 包. 2.监听端口. 3.客户端连接时,发送结构体: {"type":"login" ...

  6. 一个简单的Web服务器-支持Servlet请求

    上接 一个简单的Web服务器-支持静态资源请求,这个服务器可以处理静态资源的请求,那么如何处理Servlet请求的呢? 判断是否是Servlet请求 首先Web服务器需要判断当前请求是否是Servle ...

  7. IntelliJ IDEA 15 部署Tomcat及创建一个简单的Web工程

    一.部署Tomcat 二.创建一个简单的Web工程 2.1创建一个新工程 创建一个新工程 设置JDK及选择Web Application (创建的是Web工程) 点击Next,选择工作空间,起个工程名 ...

  8. Web开发之tomcat配置及使用(环境变量设置及测试,一个简单的web应用实例)

    Tomcat的配置及测试: 第一步:下载tomcat,然后解压到任意盘符 第二步:配置系统环境变量 tomcat解压到的D盘 (路径为: D:\tomcat), 配置环境变量: 启动tomcat需要两 ...

  9. 一个简单的web服务器例子

    一个简单的web容器小例子,功能十分简单,只能访问静态资源,对于新手来说还是有一定的意义.主要分三个类 1.server类:主要功能开启socketServer,阻塞server,接收socket访问 ...

随机推荐

  1. JS的Object漫想：从现象到“本质”

    转自:http://zzy603.iteye.com/blog/973649 写的挺好,用于记录,把对象分成概念的Object(var f={})和 类的Object(function F(){}) ...

  2. 2016网易春招Java在线笔试回忆录

    别看是在线笔试,但是非常严格,全称窗口不得最小化和关闭,转移,全称需要打开摄像头监控,使用草稿纸需要摄像头对准……反正2个小时,题量在那儿摆着,有作弊的功夫不如好好做做最后的编程题呢……网易不让泄漏原 ...

  3. 探寻<a>中的href和onclick

    一.知识点: onclick的方法参数必须加引号 href跳转参数有长度限制 href中执行js会把encodeURIComponent()编码之后的东西自动解码,有时会影响参数传递 a标签中的onc ...

  4. 代码的坏味道（7）——临时字段(Temporary Field)

    坏味道--临时字段(Temporary Field) 特征 临时字段的值只在特定环境下有意义,离开这个环境,它们就什么也不是了. 问题原因 有时你会看到这样的对象:其内某个实例变量仅为某种特定情况而设 ...

  5. go-hbase的Scan模型源码分析

    git地址在这里: https://github.com/Lazyshot/go-hbase 这是一个使用go操作hbase的行为. 分析scan行为 如何使用scan看下面这个例子,伪代码如下: f ...

  6. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  7. 有点激动，WPF换肤搞定了！

    一如既往没废话! wpf桌面应用开发都是window内引入很多个UserControl. 如果你有通过不同颜色来换肤的需求,那么下面我就将整个过程! 分2个步骤: 1.主窗体背景色替换: 2.同时界面 ...

  8. 如何实现一个php框架系列文章【开篇】

    1.本系列文章的目的 实现一个小而美的产品级别php框架 自己动手实现一个新框架仅用于学习交流,不打算替代市面上现有的其他主流框架. 2. 我要一个怎样的PHP框架 简单实用,安全优雅,博采众长 安装 ...

  9. dpkg:处理软件包dradis (--configure)时出错

    dpkg:处理软件包dradis (--configure)时出错!解决方案:1.将info文件夹更名%mv /var/lib/dpkg/info /var/lib/dpkg/info_old2.新建 ...

  10. 如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites]

    如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[Abo ...