草庐IT

vue-socket

全部标签

前后端分离Vue+ElementUI+nodejs蛋糕甜品商城购物网站95m4l

本文主要介绍了一种基于windows平台实现的蛋糕购物商城网站。该系统为用户找到蛋糕购物商城网站提供了更安全、更高效、更便捷的途径。本系统有二个角色:管理员和用户,要求具备以下功能:(1)用户可以修改个人信息,对蛋糕、下午茶、冰淇淋、蛋糕资讯、留言板等详情进行查看;(2)管理员实现个人信息修改,对用户、商品分类、蛋糕、下午茶、冰淇淋、留言板、系统和订单等进行修改和删除等操作,采用B/S模式架构系统,开发简单,只需要连接网络即可登录本系统,不需要安装任何客户端。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。 涉及的技术栈1)前台页面:

你是怎么处理vue项目中的错误的?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、错误类型任何一个框架,对于错误的处理都是一种必备的能力在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。主要的错误来源包括:后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.use(response=>{returnresponse;},error=>{if(error.response.status==401){route

Vue3学习(二十)- 富文本插件wangeditor的使用

写在前面学习、写作、工作、生活,都跟心情有很大关系,甚至有时候我更喜欢一个人独处,戴上耳机coding的感觉。明显现在的心情,比中午和上午好多了,心情超棒的,靠自己解决了两个问题:新增的时候点击TreeSelect控件控制台会给出报错分类新增和编辑时,报错父类和电子书iD不能为空的问题富文本插件wangeditor的使用官网地址:https://www.wangeditor.com/1、安装npmiwangeditor@4.6.3--save2、使用npm安装importEfrom'wangeditor'consteditor=newE('#div1')//或者consteditor=newE

C# 中三种经典方式实现 Socket 数据接收

在C#中,使用Socket进行网络通信时,数据的接收是一个关键部分。根据应用场景和需求,开发者可以选择不同的方式来接收Socket数据。本文将介绍三种经典的数据接收方式:同步接收、异步接收(使用BeginReceive/EndReceive)和基于事件的异步接收(使用SocketAsyncEventArgs)。1.同步接收同步接收是最简单直接的方式,它使用Socket类的Receive方法来接收数据。这种方法在接收数据时会阻塞调用线程,直到数据接收完成或超时。Socketsocket=...//假设已经创建并连接了Socketbyte[]buffer=newbyte[1024];//接收缓冲区

Vue3问题:如何实现拼图验证+邮箱登录功能?前后端!

1.需求分析文件上传,可以说是我们在项目中最常用的功能之一。文件上传一般有两种形式:点击上传和拖拽上传。而上传的内容,又大体包括:文件和文件夹。在项目中,我们一般都会直接选择使用UI库提供的上传组件,简单配置一下必要的属性,就实现了文件上传功能,至于组件底层实现的原理,是丝毫不知。所以今天,针对文件和文件夹的拖拽上传功能,我整理了一下具体的实现,很简单一起瞧瞧。2.问题实现先普及一下元素拖拽的几个API知识点,再放上文件拖拽上传的实现代码,并做简单的描述,最后做小结。(1)拖拽的6个API元素拖拽的6个API分别是:dragenter、dragover、drop以及dragstart、drag

vue项目本地开发完成后部署到服务器后报404是什么原因

文章目录一、如何部署二、404问题为什么history模式下有问题为什么hash模式下没有问题解决方案参考文献一、如何部署前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后,是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可//scp上传user为主机登录用户,host为主机外网ip,xx为web容器静态资源路径scpdist.zipuser@host:/xx/xx/xx让web容器跑起来,以nginx为例server{listen80;server_namewww.xxx.com;l

Vue实现JSON字符串格式化编辑器组件

相信很多同学都用过网上的在线JSON格式化工具来将杂乱的JSON数据转换成易于我们阅读和编辑的格式。那么,你有没有想过自己动手实现一个这样的工具呢?今天,我将介绍如何使用Vue.js来构建一个简单的JSON格式化工具。功能简述支持格式化JSON字符串支持去除字符串中的空格支持全屏操作实时展示格式化状态控制台展示成功和失败的详情,支持错误定位编辑器精准计算字符串的行号效果图展示默认全屏功能介绍按钮其他1、自动补全输入”(“、”{“、”[“将会自动补全另一半2、自动删除删除括号时也会自动删除另一半3、括号匹配点击括号会高亮另一半括号,方便定位4、支持ctrl+z撤销和ctrl+y重做功能5、编辑器

layui-vue 1.9.0 发布,一个 Vue 3 UI 框架

本次推送,预示着这将是一个值得信任的版本。截至1.9.0发布,已在Gitee收获1926Star。完成Issues541个。突破npm周下载3000次。更新日志:[新增]input组件focus与blur方法。[新增]textarea组件focus与blur方法。[优化]select组件开启多选,传递非array类型数据时的异常信息。[优化]upload组件裁剪框自适应图片尺寸。[重要]upload组件单文件上传,file字段不再采用file[index]格式。[升级]layer-vue到1.6.0版本。更多详情:随着layui-vue1.9.0的发布,同时layer-vue也发布了1.6.0

基于SpringBoot+Vue+uniapp微信小程序的商品展示的详细设计和实现

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我自己的网站自己的小程序(小蔡coding)代码参考数据库参考源码获取前言💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全:100个热门选题推荐✅2023-2024年最值得选的Java毕业设

vue.js - Nuxt.js SEO 实践

我正在寻找重构它的方法:nuxt.config.jsconstheadConfig=require('./config/head')constmodulesConfig=require('./config/modules')constconfig={head:headConfig,(...)}module.exports=Object.assign({},config,modulesConfig)config/head.jsmodule.exports={meta:[{charset:'utf-8'},{name:'viewport',content:'width=device-wid