websocket基础
下面就以代码来进行说明
1，先导入websocket依赖
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency>2.编写websocket相关bean管理配置
@Configuration
public class config {//申明websocket是由bean管理的@Beanpublic ServerEndpointExporter serverEndpointExporter() {return new ServerEndpointExporter();}
}3.编写业务层代码
@ServerEndpoint("/api/{user_id}")
@Component
public class servlet {private String id;//客户端建立@OnOpenpublic void onopen(Session session, @PathParam("user_id")String id){this.id=id;try {session.getBasicRemote().sendText("连接建立成功");} catch (IOException e) {throw new RuntimeException(e);}System.out.println("连接建立");}//客户端发送消息，服务端接受@OnMessagepublic void onoMessage(String message, Session session){System.out.println(message);try {//向客户端返还信息session.getBasicRemote().sendText("消息收到");} catch (IOException e) {throw new RuntimeException(e);}}//客户端关闭时候@OnClosepublic void onoClose(Session session, @PathParam("user_id")String id){this.id=id;System.out.println("连接关闭");}
}注意@ServerEndpoint("/api/{user_id}")此注解供websocket提供访问连接url
4.附赠前端代码一份
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body>
<input id="input" type="text" placeholder="输入你的内容">
<button id="but">发送请求</button>
<div id="div1" style="width: 200px;height: 200px; background:yellow;"></div>
<script>let input = document.getElementById("input");let but = document.getElementById("but");let div1 = document.getElementById("div1");//参数1：websocket服务地址var socket=new WebSocket("ws://localhost:8080/api/1");//open:当websocket服务连接成功socket.addEventListener("open",function (){div1.innerHTML="连接服务成功了"//客户端发送消息socket.send("发送成功")})//message:接受客户端的信息socket.addEventListener("message",function (re){console.log(re.data)})//客户端关闭时socket.addEventListener("close",function (){div1.innerHTML="我已经离开了"})
</script>
</body>
</html>5.代码一些关键解析
相关文章：
websocket基础
下面就以代码来进行说明 1，先导入websocket依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency> 2.编写websocket相关bean管理配置 Config…...
游戏思考30（补充版）：关于逆水寒铁牢关副本、白石副本和技能的一些注释（2023/0902）
前期介绍 我是一名逆水寒的玩家，做一些游戏的笔记当作攻略记录下来，荣光不朽-帝霸来源视频连接 传送门 一、旧版铁牢关（非逆水寒老兵服） （1）老一：巨鹰 1）机制一：三阵风…...
【数据蒸馏】静态数据蒸馏方法汇总
基于几何的方法 基于几何的方法假设在特征空间中彼此接近的数据点往往具有相似的属性。因此，基于几何的方法试图移除那些提供冗余信息的数据点，剩下的数据点形成一个核心集合S，其中jSj ≤ jTj。 Herding（聚集） 是一…...
Cortex-A7 架构
参考《 Cortex-A7 Technical ReferenceManua.pdf 》和《 ARM Cortex-A(armV7) 编程手 册 V4.0.pdf 》 【 正点原子】I.MX6U嵌入式Linux驱动开发指南V1.6学习 1.Cortex-A7 MPCore 简介 I.MX6UL 使用的是 Cortex-A7 架构，Cortex-A7 MPcore 处理器支持 1~4 核&#…...
2023年“羊城杯”网络安全大赛 Web方向题解wp 全
团队名称：ZhangSan 序号：11 不得不说今年本科组打的是真激烈，初出茅庐的小后生没见过这场面QAQ~ D0n’t pl4y g4m3!!! 简单记录一下，实际做题踩坑很多，尝试很多。 先扫了个目录，扫出start.sh 内容如下…...
Matlab——二维绘图（最为详细，附上相关实例）
为了帮助各位同学备战数学建模和学习Matlab的使用，今天我们来聊一聊 Matlab 中的绘图技巧吧！对于 Matlab 这样的科学计算软件来说，绘图是非常重要的一项功能。在数据处理和分析时，良好的绘图技巧能够更直观地呈现数据，…...
JVM学习(四)--内存问题分析思路
linux获取jvm当前dump文件 命令行为：jmap -dump:file[文件名] [pid] 然后等待生成dump文件，生成的dump文件就在当前目录下。如下图： 然后就可以下载到本地，用本地jdk里自带的jvisualvm来解析文件。 在用本地的jvisualvm解析之前…...
【MySQL】七种SQL优化方式 你知道几条
1.插入数据 1.1insert 如果我们需要一次性往数据库表中插入多条记录，可以从以下三个方面进行优化。 insert into tb_test values(1,tom); insert into tb_test values(2,cat); insert into tb_test values(3,jerry); 1). 优化方案一 批量插入数据 Insert into t…...
MySQL8.xx 解决1251 client does not support ..解决方案
MySQL8.0.30一主两从复制与配置(一)_蜗牛杨哥的博客-CSDN博客 MySQL8.xx一主两从复制安装与配置 MySQL8.XX随未生成随机密码解决方案 一、客户端连接mysql，问题：1251 client does not support ... 二、解决 1.查看用户信息 备注：host为 % …...
SpringBoot常用的简化开发注解
一、引言 在Spring Boot框架中，有许多常用的注解可用于开发项目。下面是其中一些常见的注解及其功能和属性的说明： 1、RestController RestController 是 Spring Framework 中的一个注解，用于标识一个类是 RESTful 服务的控制器。它结合了…...
python相关
1、更改用户名之后，C盘下的文件夹下名称没有改？这样设置 https://blog.csdn.net/qq_56088882/article/details/127470766 2、安装python和pycharm 链接 3、vscod中import requests出错：亲测有效： 链接...
C语言的类型转换
C语言的类型转换很重要，经常出现，但是往往不被人注意，而在汇编代码当中就暴露无遗了。 如下列代码： char ch; while ((ch getchar()) ! #) putchar(ch); 反汇编后： .text:00401006 mov…...
从零构建深度学习推理框架-11 Resnet
op和layer结构 在runtime_ir.cpp中，我们上一节只构建了input和output，对于中间layer的具体实现一直没有完成： for (const auto& kOperator : this->operators_) {if (kOperator->type "pnnx.Input") {this->input_o…...
多线程练习-顺序打印
wait和notify的使用推荐看通过wait和notify来协调线程执行顺序 题目 有三个线程，线程名称分别为：a，b，c。 每个线程打印自己的名称。 需要让他们同时启动，并按 c，b，a的顺序打印 代码及其注释…...
一文读懂MQTT各参数定义（非ChatGPT生成版）
文章目录 前言主流使用MQTT协议的云平台连接参数连接参数详解1.服务器地址（Server Address）2.端口（Port）3.客户端标识符（Client Identifier）4.用户名和密码（Username and Password）5…...
redis-lua脚本-无参-比较2个数值
以下是演变的过程： eval " return haha " 0 eval " local res haha; return res; " 0 eval " local value1 redis.call(get,value1); local value2 redis.call(get,value2);return value1; " 0 eval " return 1 < 2;…...
Lesson5-1:OpenCV视频操作---视频读写
学习目标 掌握读取视频文件，显示视频，保存视频文件的方法 1 从文件中读取视频并播放 在OpenCV中我们要获取一个视频，需要创建一个VideoCapture对象，指定你要读取的视频文件： 创建读取视频的对象 cap cv.VideoCapt…...
Lesson5-2:OpenCV视频操作---视频追踪
学习目标 理解meanshift的原理知道camshift算法能够使用meanshift和Camshift进行目标追踪 1.meanshift 1.1原理 m e a n s h i f t meanshift meanshift算法的原理很简单。假设你有一堆点集，还有一个小的窗口，这个窗口可能是圆形的，现在你可…...
1778_树莓派系统安装
全部学习汇总： GitHub - GreyZhang/little_bits_of_raspberry_pi: my hacking trip about raspberry pi. 一段视频学习教程的总结，对我来说基本上用处不大。因为我自己的树莓派简简单单安装完就开机成功了，而且实现了很多视频中介绍的功能。 …...
关闭jenkins插件提醒信息
jenkins提醒信息和安全警告可以帮助我们了解插件或者jenkins的更新情况，但是有些插件是已经不维护了，提醒却一直存在，看着糟心，就像下面的提示 1、关闭插件提醒 找到如下位置：系统管理-系统配置-管理监控配置 打开管…...
wordpress后台更新后 前端没变化的解决方法
使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。 不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...
地震勘探——干扰波识别、井中地震时距曲线特点
目录 干扰波识别反射波地震勘探的干扰波 井中地震时距曲线特点 干扰波识别 有效波：可以用来解决所提出的地质任务的波；干扰波：所有妨碍辨认、追踪有效波的其他波。 地震勘探中，有效波和干扰波是相对的。例如，在反射波…...
Cursor实现用excel数据填充word模版的方法
cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例，…...
ES6从入门到精通：前言
ES6简介 ES6（ECMAScript 2015）是JavaScript语言的重大更新，引入了许多新特性，包括语法糖、新数据类型、模块化支持等，显著提升了开发效率和代码可维护性。 核心知识点概览 变量声明 let 和 const 取代 var…...
AI Agent与Agentic AI：原理、应用、挑战与未来展望
文章目录 一、引言二、AI Agent与Agentic AI的兴起2.1 技术契机与生态成熟2.2 Agent的定义与特征2.3 Agent的发展历程 三、AI Agent的核心技术栈解密3.1 感知模块代码示例：使用Python和OpenCV进行图像识别 3.2 认知与决策模块代码示例：使用OpenAI GPT-3进…...
Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例
使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件，常用于在两个集合之间进行数据转移，如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model：绑定右侧列表的值&…...
抖音增长新引擎：品融电商，一站式全案代运营领跑者
抖音增长新引擎：品融电商，一站式全案代运营领跑者 在抖音这个日活超7亿的流量汪洋中，品牌如何破浪前行？自建团队成本高、效果难控；碎片化运营又难成合力——这正是许多企业面临的增长困局。品融电商以「抖音全案代运营…...
【项目实战】通过多模态+LangGraph实现PPT生成助手
PPT自动生成系统 基于LangGraph的PPT自动生成系统，可以将Markdown文档自动转换为PPT演示文稿。 功能特点 Markdown解析：自动解析Markdown文档结构PPT模板分析：分析PPT模板的布局和风格智能布局决策：匹配内容与合适的PPT布局自动…...
【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分
一、项目背景回顾 前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。 本弹重点聚焦于服务端的模块划分与架构设计，提升代码结构的可维护性与扩展性。 二、服务端模块设计目标 高内聚低耦合：各模块职责清晰，便于独立开发…...
免费PDF转图片工具
免费PDF转图片工具 一款简单易用的PDF转图片工具，可以将PDF文件快速转换为高质量PNG图片。无需安装复杂的软件，也不需要在线上传文件，保护您的隐私。 工具截图 主要特点 🚀 快速转换：本地转换，无需等待上…...