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

建设网站合同范本电商平台网站开发过程

建设网站合同范本,电商平台网站开发过程,设计师网名怎么取,企业开发网站公司项目代码 https://github.com/R-K05/Socket.IO- 创建项目 服务端项目和客户端项目 安装Socket依赖 服务端 npm i socket.io 客户端 npm i socket.io-client 客户端添加聊天页面 源码 服务端 app.js const express require(express) const app express()co…项目代码  https://github.com/R-K05/Socket.IO- 创建项目 服务端项目和客户端项目 安装Socket依赖 服务端 npm i socket.io 客户端 npm i socket.io-client 客户端添加聊天页面 源码  服务端 app.js const express require(express) const app express()const { Server } require(socket.io);const io new Server(3000, {cors: {// 解决客户端跨域 8080客户端运行端口origin: [http://localhost:8080]} });const userList []const onlineUsers {}io.on(connection, (socket) {const username socket.handshake.query.usernameif(!username) returnconst userInfo userList.find(user username user.username)if(userInfo){userInfo.id socket.id}else{userList.push({username,id:socket.id})}io.emit(online,{userList})socket.on(send,({formUsername,targetId,msg}) {const toUser userList.find(user user.id targetId)console.log(toUser);// 发送客户端io.to(targetId).emit(receive, { fromUsername: formUsername,toUsername:toUser.username,msg,dataTime:new Date().getTime()});})});app.listen(8000,() {console.log(ok);}) 客户端 chattingView.vue templatediv ultemplate v-foruserinfo of state.userList :keyuserinfo.idli v-ifstate.username userinfo.username {{ userinfo.username }}/lili v-elsea hrefjavascript:; clickselectUser(userinfo){{ userinfo.username }}/a/li/template/uldiv v-ifstate.targetUserh3 {{ state.targetUser.username }}/h3input typetext v-modelstate.msgTextbutton clicksendMsgSend/button/divdivulli v-for(data,index) of messageList :keyindexp{{ data.formUsername }}:{{ new Date(data.dataTime) }}/pp{{data.msg}}/p/li/ul/div/div /templatescript setup import { io } from socket.io-client; import { useRouter } from vue-router; import { reactive,computed } from vue;const rouetr useRouter()const state reactive({username:rouetr.currentRoute.value.query.username,userList:[],targetUser:null,msgText:,msgBox:{} })const messageList computed((){return (state.msgBox[state.username] state.targetUser) ? state.msgBox[state.username].filter(item{return item.formUsername state.username ||item.toUsername state.username}) :[] })const selectUser (userinfo) {state.targetUser userinfo}const sendMsg () {if(!state.msgText.length) return;appendMsg({formUsername:state.username,toUsername:state.targetUser.name,msg:state.msgText,dataTime:new Date().getTime()})// 发送socket.emit(send,{formUsername:state.username,targetId:state.targetUser.id,msg:state.msgText}) }const socket io(http://localhost:3000,{query:{username:state.username} });socket.on(online,(data){state.userList data.userList})socket.on(receive,(data){console.log(data,data);appendMsg(data)})socket.on(error,(err){})function appendMsg(data) {!state.msgBox[state.username] (state.msgBox[state.username] [])state.msgBox[state.username].push(data) } /script 实现效果 xiaoshaofufu和xiaoningfufu之间通信 xiaoyexianseng 接收不到
http://www.w-s-a.com/news/984924/

相关文章:

  • 凡科建站登录官网wordpress主题有什么用
  • 西安双语网站建设怎么做网页动图
  • 宝安自适应网站建设无锡新区企业网站推广
  • 肇庆建设局网站cpanel 安装wordpress
  • 长春启做网站多少怎样换wordpress域名
  • 山西网站建设情况汇总vs2010 c 建设网站
  • 网站推广策划书 精品深圳市住建局和建设局官网
  • 住房和城乡建设部干部学院网站一般做公司网站需要哪几点
  • 网站制作流程详解(学做网站第一步)免费个人网站模版ps
  • 狮山网站建设公司微信平台软件开发
  • 绥芬河网站建设学网站开发的能找什么工作
  • 网站域名申请之后如何做网站微信公众号网页版登录入口
  • 网站优化图片省级精品课程网站
  • 婚纱摄影的网站模板怎么做网站自己当站长
  • 江西建设部网站wordpress弹出式广告
  • 工商年检在哪个网站做中国建设银行个人登录
  • seo做网站郑州巩义网站建设
  • 建设银行网站机构特点业务发展网站推广工作计划
  • 国家信用信息系统年报seo推广赚钱
  • 公司建设网站价格表广州免费拍卖公司
  • 知行网站建设wordpress文章半透明
  • 建设网站的虚拟机配置建设银行宁波分行招聘网站
  • 济南网站开发xywlcn网络推广服务合同模板
  • 品牌网站制作流程图用asp做网站题目
  • 兰州市建设厅网站河南网站建设问一问公司
  • 高档网站建设前端网站大全
  • 深圳电力建设公司网站互联网网站有哪些
  • 淅川网站建设如何在百度上做自己的网站
  • 网站制作 南通有学给宝宝做衣服的网站吗
  • 做西式快餐店网站网络营销的含义是什么