基于WebSocket的网页版聊天室项目

最新推荐文章于 2025-03-12 10:57:03 发布

Eternal_yys

最新推荐文章于 2025-03-12 10:57:03 发布

阅读量720

点赞数 2

分类专栏：项目

本文链接：https://blog.youkuaiyun.com/eternal_yangyun/article/details/103107342

版权

本文介绍了一个基于WebSocket的网页聊天室项目，涵盖了WebSocket的基本使用、监听器技术点、项目拓展知识及遇到的问题。详细讲解了WebSocket的前端和后端实现，包括@OnOpen方法的测试，并探讨了web监听器的分类及其在统计在线人数、加载初始化信息等方面的应用。同时，文章还讨论了getAttribute与getParameter的区别以及Servlet的注解配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web聊天室项目

本次项目的目录结构：

在这里插入图片描述

dao层：
- 对数据库的CURD操作；
  对应本次项目的用户模块的注册与登陆； （注册就是对数据库进行insert操作，登陆就是对数据库进行查询操作）
service层：
- 处理具体的业务；
controller：
- （1）调用service获取数据返回给客户端；
- （2）从客户端获得数据调用业务处理；

前端首界面：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>log-in</title>
    <link rel="stylesheet" href="assets/css/common_form.css"/>
    //引入js文件，里面是一些函数
    <script src="assets/js/common_form_test.js"></script>
</head>
<body>
    <header>
        <div class="header-line"></div>
    </header>
    <div class="content">
        <img class="content-logo" src="/assets/img/robot.jpg" alt="logo">
        <h1 class="content-title">登录</h1>
        <div class="content-form">
            //表单标签，post方式提交，action为后台地址，后面的onsubmit为调用一个
            <form method="post" action="/login" onsubmit="return submitTest()">
                <div id="change_margin_1">
                    <input class="username" type="text" name="username" placeholder="请输入用户名" onblur="oBlur_1()" onfocus="oFocus_1()">
                </div>
                <!-- input的value为空时弹出提醒 -->
                <p id="remind_1"></p>
                <div id="change_margin_2">
                    <input class="password" type="password" name="password" placeholder="请输入密码" onblur="oBlur_2()" onfocus="oFocus_2()">
                </div>
                <!-- input的value为空时弹出提醒 -->
                <p id="remind_2"></p>
                <div id="change_margin_3">
                    <input class="content-form-signup" type="submit" onclick="#" value="登录">
                </div>
            </form>

最低0.47元/天解锁文章