当前位置: 首页 > news >正文

网站建设费怎么做账推广是什么意思

网站建设费怎么做账,推广是什么意思,网站每年服务费,网站建设金思扬网络网页版Java五子棋项目(一)websocket【服务器给用户端发信息】 一、为什么要用websocket二、websocket介绍原理解析 三、代码演示1. 创建后端api(TestAPI)新增知识点:extends TextWebSocketHandler重写各种方法 2. 建立…

网页版Java五子棋项目(一)websocket【服务器给用户端发信息】

  • 一、为什么要用websocket
  • 二、websocket介绍
    • 原理解析
  • 三、代码演示
    • 1. 创建后端api(TestAPI)
      • 新增知识点:
        • extends TextWebSocketHandler
        • 重写各种方法
    • 2. 建立连接(WebSocketConfig)
      • 知识点:
        • @EnableWebSocket 建立连接
        • 连接参数:WebSocketHandlerRegistry webSocketHandlerRegistry
        • .addHandler(testAPI, "/test");
    • 3. 前端代码
      • 知识点:
        • new WebSocket("ws://127.0.0.1:8080/test");
        • 四种接受发送方法
  • 四、结果展示

一、为什么要用websocket

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、websocket介绍

WebSocket 是从 HTML5 开始支持的一种网页端和服务端保持长连接的 消息推送机制.

理解消息推送:
传统的 web 程序, 都是属于 “一问一答” 的形式. 客户端给服务器发送了一个 HTTP 请求, 服务器给客户端返回一个 HTTP 响应.
这种情况下, 服务器是属于被动的一方. 如果客户端不主动发起请求, 服务器就无法主动给客户端响应.

像五子棋这样的程序, 或者聊天这样的程序, 都是非常依赖 “消息推送” 的. 如果只是使用原生的 HTTP 协议, 要想实现消息推送一般需要通过 “轮询” 的方式.

轮询的成本比较高, 而且也不能及时的获取到消息的响应.

而 WebSocket 则是更接近于 TCP 这种级别的通信方式. 一旦连接建立完成, 客户端或者服务器都可以主动的向对方发送数据.

原理解析

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码演示

1. 创建后端api(TestAPI)

新增知识点:

extends TextWebSocketHandler

重写各种方法

package com.example.java_gobang.api;import org.springframework.stereotype.Component;
import org.springframework.web.socket.CloseStatus;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.handler.TextWebSocketHandler;@Component
public class TestAPI extends TextWebSocketHandler {@Overridepublic void afterConnectionEstablished(WebSocketSession session) throws Exception {System.out.println("连接成功");}@Overrideprotected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {System.out.println("收到消息: " + message.getPayload());// 让服务器收到数据之后, 把数据原封不动的返回回去~session.sendMessage(message);}@Overridepublic void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {System.out.println("连接异常");}@Overridepublic void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception {System.out.println("连接关闭");}
}

2. 建立连接(WebSocketConfig)

知识点:

@EnableWebSocket 建立连接

连接参数:WebSocketHandlerRegistry webSocketHandlerRegistry

.addHandler(testAPI, “/test”);

package com.example.java_gobang.config;@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {@Autowiredprivate TestAPI testAPI;@Overridepublic void registerWebSocketHandlers(WebSocketHandlerRegistry webSocketHandlerRegistry) {webSocketHandlerRegistry.addHandler(testAPI, "/test");}

3. 前端代码

知识点:

new WebSocket(“ws://127.0.0.1:8080/test”);

四种接受发送方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>TestAPI</title>
</head>
<body><input type="text" id="message"><button id="submit">提交</button><script>// 创建 websocket 实例let websocket = new WebSocket("ws://127.0.0.1:8080/test");// 需要给实例挂载一些回调函数websocket.onopen = function() {console.log("连接建立");}websocket.onmessage = function(e) {console.log("收到消息: " + e.data);}websocket.onerror = function() {console.log("连接异常");}websocket.onclose = function() {console.log("连接关闭");}// 实现点击按钮后, 通过 websocket 发送请求// document.querySelector是从标签中获取值let input = document.querySelector('#message');let button = document.querySelector('#submit');button.onclick = function() {console.log("发送消息: " + input.value);websocket.send(input.value);}</script>
</body>
</html>

四、结果展示

前端
在这里插入图片描述

后端

在这里插入图片描述

http://www.dinnco.com/news/14655.html

相关文章:

  • 网站的充值是怎么做的优化seo可以从以下几个方面进行
  • 网站个人简介怎么做长沙网红奶茶
  • 做网站 江门搭建网站工具
  • 做网站销售的技巧免费开发软件制作平台
  • 建设企业网站专业服务接app推广接单平台
  • 常州网站开发深圳网络推广建站
  • 网站图片不是本站的对seo有什么不好潍坊seo建站
  • 711相卡打印网址seo关键词优化最多可以添加几个词
  • 网站管理与维护方案二十条疫情优化措施
  • 兰州网站关键字优化哈尔滨最新消息
  • 一家做运动鞋的网站seo公司是什么意思
  • wordpress如何放pdfseo搜索价格
  • 安庆网站建设价格说到很多seo人员都转行了
  • 甘肃网站开发企业网站外链发布平台
  • 建材做哪些网站好竞价推广是做什么的
  • 有哪些做ppt用图片的网站腾讯效果推广
  • 怎么用大淘客做网站网站建设的意义和作用
  • 本地做网站贵免费的api接口网站
  • 海外网站建设推广优化大师人工服务电话
  • seo包括网站建设吗微信客户管理系统
  • 一个简单的网页代码带图片网站seo的内容是什么
  • 郑州服务项目网站建设公司企业qq官方下载
  • 个人网站 目的重庆网站外包
  • 放网站的图片做多大分辨率宁波正规优化seo软件
  • 徐州网站运营广告优化师发展前景
  • 满屏网站做多大尺寸seo推广是什么
  • 金融棋牌网站建设谷歌搜索引擎香港免费入口
  • 成都微信网站开发南宁seo外包服务
  • php和java做网站百度金融
  • 微商手机网站制作公司seo网页优化平台