整个界面为chat.jsp：

如果用户没有登录，就不能进行聊天。

为将发言的句子传到页面上，要设置一个<iframe></iframe>虚拟框架，将allmessage.jsp的内容转过来

而allmessage.jsp里的内容是通过application获取发言的内容。点击“发言”，会调用chat.do的servlet，

 使用重定向可以将application传到allmessage.jsp

chat.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>直播室</title>

<style>

    #main #allmsg{border:solid 1px #ccc; height:400px;}

    #main #mymsg input[type=text]{width:800px; height:30px; }

    #main #mymsg input[type=submit]{width:80px; height:36px;

        font-size:20px; vertical-algin:middle; line-height:30px;}

</style>

<script>

    function Clear(){

        var frm = document.getElementById("form1");

        var obj = document.getElementById("msg");

        frm.submit();

        obj.value = "";

        return false

    }

</script>

</head>

<body>

<jsp:include page = "head.jsp?col=4"></jsp:include>

<div id="main" class="layout">

    <div id="allmsg">

        <iframe src="allmessage.jsp" width="1000" height="400" name="f1" frameborder="0"></iframe>

    </div>

    <%

        String user = (String)session.getAttribute("username");

        if(user!=null){

    %>

        <div id="mymsg">

            <form id="form1" action="chat.do" method="post" target="f1" onsubmit="return Clear();">

            <input type="text" id="msg" name="message">

            <input type="submit" value="发言">

            </form>

        </div>

    <%

        }

    %>

</div>

<%@ include file="foot.jsp" %>

</body>

</html>

ChatServlet doGet

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        //获取表单数据

        request.setCharacterEncoding("utf-8");

        String msg = request.getParameter("message");

        System.out.println(msg);

        //获取session

        HttpSession session = request.getSession();

        String user = (String)session.getAttribute("username");

        //加入application

        ServletContext application = this.getServletContext();

        String allmsg = (String)application.getAttribute("chat");

        if(allmsg == null) {

            allmsg = "["+Tools.getTime()+"]"+ user + "说：" + msg + "<br>";

        }else {

            allmsg += "["+Tools.getTime()+"]"+ user + "说：" + msg + "<br>";

        }

        application.setAttribute("chat", allmsg);

        System.out.println(allmsg);

        // 重定向

        response.sendRedirect("allmessage.jsp");

    }

获取时间用这个

Web jsp开发学习——网上直播聊天室的简单开发的更多相关文章

  1. Socket.io文字直播聊天室的简单代码

    直接上代码吧,被注释掉的主要是调试代码,和技术选型的测试代码 var app = require('express')(); var server = require('http').Server(a ...

  2. XMPPFrameWork IOS 开发（六）聊天室

    原始地址:XMPPFrameWork IOS 开发(六)聊天室 聊天室 //初始化聊天室 XMPPJID *roomJID = [XMPPJID jidWithString:ROOM_JID]; xm ...

  3. 与众不同 windows phone (31) - Communication（通信）之基于 Socket UDP 开发一个多人聊天室

    原文:与众不同 windows phone (31) - Communication(通信)之基于 Socket UDP 开发一个多人聊天室 [索引页][源码下载] 与众不同 windows phon ...

  4. 与众不同 windows phone (30) - Communication（通信）之基于 Socket TCP 开发一个多人聊天室

    原文:与众不同 windows phone (30) - Communication(通信)之基于 Socket TCP 开发一个多人聊天室 [索引页][源码下载] 与众不同 windows phon ...

  5. 基于Websocket开发的仿微信聊天室

    一.运行环境及涉及技术:----------------------------------* Visual Studio 2019* SQL SERVER 2008 R2* .Net FrameWo ...

  6. java 开发 websocket 网页端聊天室

    博客地址:https://ainyi.com/67 WebSocket协议是基于TCP的一种新的网络协议.它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端. ...

  7. Android之聊天室设计与开发

    我们要设计和实现一个有聊天室功能的APP,需要服务器不断读取来自客户端的信息,并即时地将信息发送给每个连接到本服务器上的客户端,每个客户端可以向服务器发送消息,并不断地接收来自服务器的消息,并将消息显 ...

  8. 驱动开发学习笔记. 0.06 嵌入式linux视频开发之预备知识

    驱动开发读书笔记. 0.06  嵌入式linux视频开发之预备知识 由于毕业设计选择了嵌入式linux视频开发相关的项目,于是找了相关的资料,下面是一下预备知识 UVC : UVC,全称为:USB v ...

  9. Android开发学习之路--MAC下Android Studio开发环境搭建

    自从毕业开始到现在还没有系统地学习android应用的开发,之前一直都是做些底层的驱动,以及linux上的c开发.虽然写过几个简单的app,也对android4.0.3的源代码做过部分的分析,也算入门 ...

随机推荐

  1. weex中使用sass(失败)

    在编辑器中可以正常编写不报错  但是在页面上不起作用 <style lang="scss" scoped></style> 第一步  安装依赖 npm i ...

  2. sublime-代码提示

    py的话安装这个插件: Anaconda user配置 { "python_interpreter":"F:/PY3/python.exe", "su ...

  3. restore not found的错误

    tensorflow保存模型后,restore的时候报参数not found是什么原因呢 一般预测的流程是:建图然后restore参数,很有可能你的变量作用域和train的时候不一样,那么在现在的变量 ...

  4. HTTP 错误 500.19 - Internal Server Error v4.0.30319

    1 打开运行,输入cmd进入到命令提示符窗口.2 进入到C:\Windows\Microsoft.NET\Framework\v4.0.30319 目录.3 输入aspnet_regiis.exe - ...

  5. es6中...是什么意思。

    1. var set = new Set([1, 2, 3, 4, 4,4,4,4,2,2,2]) set=[...set] 2. let [head, ...tail] = [1, 2, 3, 4] ...

  6. sharing-jdbc实现读写分离及分库分表

    需求: 分库:按业务线business_id将不同业务线的订单存储在不同的数据库上: 分表:按user_id字段将不同用户的订单存储在不同的表上,为方便直接用非分片字段order_id查询,可使用基因 ...

  7. 在Linux终端安装Julia

    官方参考文档:https://julialang.org/downloads/platform.html#generic-binaries 一.centos终端安装 打开Linux终端输入 sudo ...

  8. Sed+Grep 快速替换查找字段（批量替换字符串）

    格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl路径` 命令分解: grep 查找字段 -rl路径   列出”路径”中” 查找字段” 的所有文件 ...

  9. flex 1与flex auto

    flex意为"弹性布局" 这次主要探究的是flex:1与flex:auto的区别,flex是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 ...

  10. thinkPHP 分页样式增加下拉列表

    $linkPage="  <select name='sldd' style='width:40px;height:30px;border:1px red block;' onchan ...