怎么用javaweb實(shí)現(xiàn)在線聊天工具

本篇內(nèi)容主要講解“怎么用javaweb實(shí)現(xiàn)在線聊天工具”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用javaweb實(shí)現(xiàn)在線聊天工具”吧!

寫這個(gè)玩意兒就是想練練手， 用戶需要登陸才能在線聊天，不要依賴數(shù)據(jù)庫， 不需要數(shù)據(jù)庫的操作， 所有的數(shù)據(jù)都是保存在內(nèi)存中， 如果服務(wù)器一旦重啟，數(shù)據(jù)就沒有了；

登錄界面：

聊天界面：

左側(cè)是在線的用戶列表， 右側(cè)是聊天的內(nèi)容， 內(nèi)容的格式為 “作者 ： 內(nèi)容”；

點(diǎn)擊button可以發(fā)布聊天信息；

使用的是spring搭建的框架，基于tomcat的服務(wù)器；

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>       <welcome-file-list>     <welcome-file>index.htm</welcome-file>   </welcome-file-list>      <servlet>     <servlet-name>test</servlet-name>     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>     <load-on-startup>1</load-on-startup>     </servlet>      <servlet-mapping>     <servlet-name>test</servlet-name>     <url-pattern>*.htm</url-pattern>     </servlet-mapping>      <listener>         <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>     </listener>          <filter>         <filter-name>CharacterEncodingFilter</filter-name>         <filter-class>com.nono.Filter.CharacterEncodingFilter</filter-class>         <init-param>             <param-name>encoding</param-name>             <param-value>UTF-8</param-value>         </init-param>     </filter>          <filter>           <filter-name>SecurityServlet</filter-name>           <filter-class>com.nono.SecurityServlet</filter-class>       </filter>       <filter-mapping>           <filter-name>SecurityServlet</filter-name>           <url-pattern>*.htm</url-pattern>       </filter-mapping>           <!--          使用Spring中的過濾器解決在請求和應(yīng)答中的中文亂碼問題      <filter>         <filter-name>characterEncodingFilter</filter-name>         <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>         <init-param>             <param-name>encoding</param-name>             <param-value>utf-8</param-value>         </init-param>         <init-param>                 強(qiáng)制轉(zhuǎn)換編碼(request和response均適用)              <param-name>ForceEncoding</param-name>             <param-value>true</param-value>         </init-param>     </filter>     -->         <context-param>         <param-name>         contextConfigLocation         </param-name>         <param-value>         /WEB-INF/test-servlet.xml         </param-value>     </context-param> </web-app>

conteConfigLocation的配置為：

<?xml version="1.0" encoding="UTF-8" ?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"  xmlns:context="http://www.springframework.org/schema/context"  xmlns:aop="http://www.springframework.org/schema/aop"  xmlns:tx="http://www.springframework.org/schema/tx"  xmlns:mvc="http://www.springframework.org/schema/mvc"  xmlns:task="http://www.springframework.org/schema/task"  xsi:schemaLocation="http://www.springframework.org/schema/beans       http://www.springframework.org/schema/beans/spring-beans-3.0.xsd       http://www.springframework.org/schema/context       http://www.springframework.org/schema/context/spring-context-3.0.xsd       http://www.springframework.org/schema/tx       http://www.springframework.org/schema/tx/spring-tx-3.0.xsd       http://www.springframework.org/schema/aop       http://www.springframework.org/schema/aop/spring-aop-3.0.xsd       http://www.springframework.org/schema/mvc       http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd       http://www.springframework.org/schema/task       http://www.springframework.org/schema/task/spring-task-3.0.xsd">           <context:annotation-config> </context:annotation-config>     <context:component-scan base-package="com.nono" > </context:component-scan>          <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">         <property name="suffix">             <value>.jsp</value>         </property>     </bean> </beans>

整個(gè)項(xiàng)目的結(jié)構(gòu)為一個(gè)主路由， 四個(gè)po層,  兩個(gè)過濾器：

界面的用戶列表和用戶內(nèi)容列表用了ajax刷新， 感覺不錯(cuò)的說：

<!--     修改pageEncoding為 utf-8  --> <%@ 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>login</title>     <meta charset="utf-8">     <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">     <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>   </head>   <style>       html,body,.bg{           height:100%;       }       .bg{           background:url(imgs/bg.jpeg);       }   </style>   <body>         <div class="container-fuild bg">             <div class="row">                 <div class="col-sm-4">                     <div class="page-header">                         <h3>                             list                         </h3>                         <ol id="list">                             <li>name—</li>                             <li>name—</li>                             <li>name—</li>                             <li>name—</li>                         </ol>                     </div>                 </div>                 <div class="col-sm-8">                         <h3>                             content                         </h3>                     <div id="con" class="page-header">                       <p>                           <b>haha:</b>                           <big>                               say someting                           </big>                       </p>                       <p>                           <b>haha:</b>                           <big>                               say someting                           </big>                       </p>                     </div>                     <form>                       <div class="form-group">                         <label for="text">enter text</label>                         <input type="text" id="answer" class="form-control" id="text" placeholder="text">                       </div>                       <button type="button" id="sb" class="btn btn-default">Submit</button>                     </form>                 </div>             </div>         </div>         <script>             $("#sb").click(function() {                 $.post("chat.htm", "content="+ $("#answer").val(), function(data) {                     console.log(data);                 });             });                          function Get(url , el, fn) {                 this.post = function() {                     $.post(url, function(data) {                         data = JSON.parse(data);                         var html = "";                         $.each(data,function(i, e) {                             html += fn(i,e);                         });                         $(el).html( html );                     });                 };             };                          (function() {                              var list = new Get("getList.htm", "#list", function(i, e) {                     return  "<li>" + e.name + "</li>";                 });                                  var content =  new Get("getContent.htm", "#con", function(i, e) {                     return "<p><b>"+ e.name +" : </b><big>"+ e.content +"</big></p>";                 });                                  setInterval(function() {                     list.post();                     content.post();                 },1000);                              })();         </script>   </body> </html>

權(quán)限控制的話我們可以用到fileter：

package com.nono;  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.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession;  import com.nono.po.User;  public class SecurityServlet extends HttpServlet implements Filter {     private static final long serialVersionUID = 1L;      public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2) throws IOException, ServletException {            HttpServletRequest request=(HttpServletRequest)arg0;               HttpServletResponse response  =(HttpServletResponse) arg1;                HttpSession session = request.getSession();            User user = (User) session.getAttribute("user");            String url=request.getRequestURI();               //如果用戶信息不是空的， 或者要訪問的是登陸的界面(get,post的方式包含了login字符串);            if( user!=null  || url.indexOf("login")>-1 ) {                arg2.doFilter(arg0, arg1);                   return;            }else{                //余下的全跳到登陸界面                response.sendRedirect(request.getContextPath() + "/login.htm");                return;            }     }     public void init(FilterConfig arg0) throws ServletException {     }  }

路由控制和服務(wù)放到了一起， 因?yàn)闄?quán)限控制使用過濾器處理， 所以在路由里面我們就不用關(guān)心用戶的消息， 只要處理業(yè)務(wù)邏輯就好了：

package com.nono.Controller;  import java.util.ArrayList; import java.util.HashMap; import java.util.Vector;  import javax.jms.Session; import javax.print.DocFlavor.STRING; import javax.print.attribute.HashAttributeSet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession;  import net.sf.json.JSONArray;  import org.omg.CORBA.PUBLIC_MEMBER; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody;  import com.nono.po.Content; import com.nono.po.Contents; import com.nono.po.User; import com.nono.po.Users;  @Controller public class MainController {     //用戶和用戶組;     @Autowired     Users users;          @Autowired     Contents contents;          @RequestMapping(value="login", method=RequestMethod.GET)     public String login (HttpServletRequest request) {         return "login";     }           @RequestMapping(value="login", method=RequestMethod.POST)     public String loginPOST ( HttpServletRequest request, HttpServletResponse response ) {                  String string = "login";         String name = (String) request.getParameter("name");         Boolean flag = true;         //如果名字不是空的話;         if( !name.equals("") ) {             Vector vector = users.getList();             for(int i=0; i< vector.size(); i++) {                 User user = (User) vector.elementAt(i);                 if( user.getName().equals( name ) ) {                     flag = false;                 };             };         };                  //用戶名不存在         if( flag ) {             User user = new User();             user.setName( name );             HttpSession session = request.getSession(true);             //設(shè)置Session的過期時(shí)間為10分鐘             session.setMaxInactiveInterval(600);             //設(shè)置seesion中的用戶信息;             session.setAttribute("user", user);             //添加用戶;             users.addUser( user );                          //加入的提示;             Content content = new Content();             content.setName( name );             content.setContent( "enter the chat room!" );             contents.addContent( content  );                          string = "chat";             return string;         }else{             //用戶名已經(jīng)存在             request.setAttribute("info", "用戶名已經(jīng)存在1");             string = "login";             return string;         }     }          @RequestMapping(value="chat", method=RequestMethod.GET)     public String main (HttpServletRequest request) {         String string = "chat";         return string;     }          @RequestMapping(value="chat", method=RequestMethod.POST)     @ResponseBody     public String chat(HttpServletRequest request) {         String string = (String) request.getParameter("content");         HttpSession session = request.getSession();         //設(shè)置seesion中的用戶信息;         User user = (User) session.getAttribute("user");         String name = user.getName();         Content content = new Content();         content.setName( name );         content.setContent( string );         contents.addContent( content  );         return "true";     }          @RequestMapping(value="getList", method=RequestMethod.POST, produces = "text/html;charset=UTF-8")     @ResponseBody     public String getList( HttpServletRequest request) {         return JSONArray.fromObject( users.getList() ).toString();     }          @RequestMapping(value="getContent", method=RequestMethod.POST, produces = "text/html;charset=UTF-8")     @ResponseBody     public String getArrayList() {         ArrayList list = (ArrayList) contents.getContents();         ArrayList result = new ArrayList();         for( int i= 0; i< list.size(); i++ ) {             HashMap<String,String> hashMap = new HashMap();             hashMap.put("name", ((Content)list.get(i)).getName());             hashMap.put("content", ((Content)list.get(i)).getContent());             result.add( hashMap );         };         return JSONArray.fromObject( result ).toString();     }      }

到此，相信大家對“怎么用javaweb實(shí)現(xiàn)在線聊天工具”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！