草庐IT

Vue-Router

全部标签

vue使用websocket实现实时数据推送,发布订阅重连单点登录功能

需求:使用websocket不借助插件实现发布,订阅,网络断开重连,单点登录后挤号的功能1.单点登录(同一账号同一时间只有一个在线,禁止多用户登录) 实现:在用户登录之后获取到token令牌并且存入到本地,可以判断token令牌是否失效来让用户退出登录,websocket的操作是让用户登录后连接到websocket并且发送指令,这边发送的指令是后端给的,之后前端进行接受消息,如果消息是退出登录的直接让他清空本地并且跳转到登录页就行1.登录获取token令牌并且存储到localStorage2.在layout也就是页面主体框架拿到token并且去连接websocket3.连接成功后直接发送指令,

vscode 之 工作区的应用(解决vue2插件vetur、vue3插件volar禁用启用问题)

目录前言创建工作区添加文件夹到工作区为当前打开的工作区指定特定环境工作区删除文件夹如何切换工作区前言工作区???为什么要工作区???首先工作区简单理解就是vscode工作时的区域、范围;延申一下,为什么要工作区???不同的环境需要用到不用的插件啊,设置啊等等,这个时候怎么实现,总不能写前端的时候也把java、c++需要的插件设置的什么打开(虽然应该可能大概也许这些语言不会使用vscode开发,这里只是打个比方),都打开的话就会显得vscode很重,然后vscode说好的轻便呢?就前端而言,现在发展的速度很快,前段时间vue2,现在几乎都时vue3+TS,但是公司还是有vue2的项目,而vue2

基于Java+SpringBoot+Vue前后端分离手工艺品销售系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

Vue3【路由元信息、过渡动效、滚动行为、路由懒加载、动态路由、路由高亮】(十一)-全面详解(学习总结---从入门到深化)

   👏作者简介:大家好,我是小童,Java开发工程师,CSDN博客博主,Java领域新星创作者📕系列专栏:前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶📧如果文章知识点有错误的地方,请指正!和大家一起学习,一起进步👀🔥如果感觉博主的文章还不错的话,请👍三连支持👍一下博主哦🍂博主正在努力完成2023计划中:以梦为马,扬帆起航,2023追梦人目录​路由元信息过渡动效滚动行为路由懒加载动态路由 路由高亮路由元信息有时,你可能希望将任意信息附加到路由上,如过渡名称、谁可以访问路由等,这些事情可以通过接收属性对象的meta属性来实现定义路由的时候你可以配置met

前端框架之战:React vs Vue vs Angular

1.背景介绍前端框架在现代网页开发中扮演着越来越重要的角色,它们为开发者提供了一种更高效、可扩展的方式来构建复杂的用户界面。在过去的几年里,我们看到了许多前端框架和库的出现,如React、Vue和Angular等。这三个框架分别由Facebook、Google和AngularJS团队开发,它们都是目前最受欢迎的前端框架之一。在本文中,我们将深入探讨这三个框架的背景、核心概念和联系,并讨论它们的算法原理、具体操作步骤和数学模型公式。此外,我们还将分析一些具体的代码实例,并讨论它们未来的发展趋势和挑战。2.核心概念与联系2.1ReactReact是Facebook开发的一个用于构建用户界面的开源J

基于Java+SpringBoot+Vue前后端分离校园体育场馆(设施)使用管理网站设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

[已解决]electron-builder vue 打包后iconfont/element-ui字体图标不显示问题

软件版本"vue":"^2.6.14""electron":"^13.0.0"nodev14.16.0"element-ui":"^2.15.8"问题描述iconfont.cn站点的字体图标下载到本地,采用Fontclass的方式调用(如:),在开发预览环境中调用正常;可是打包后不显示字体图标。element-ui也遇到同样的问题。经过打包后开启的控制台可以看到引入字体文件的路径如下图红框所示(app://fonts/xxx.ttf)(打包后我直接打开的是免安装的软件)由此可见问题的原因很明确了:引用地址错误(下图是css的正确引用地址)。原因明确,但是本人着实不懂打包的地址配置,截止编写此文

【开源】基于Vue+SpringBoot的图书管理系统

目录一、系统介绍二、功能模块2.1登录注册模块2.1图书馆模块2.2图书类型模块2.3图书模块2.4图书借阅模块2.5公告模块三、源码解析3.1图书馆模块设计3.2图书类型模块设计3.3图书模块设计3.4图书借阅模块设计3.5公告模块设计四、免责说明一、系统介绍图书管理系统是一个用于管理图书馆资源的软件系统,该系统包括图书馆模块、图书类型模块、图书模块、图书借阅模块和公告模块。图书馆模块是系统的核心模块,用于管理图书馆的基本信息,包括图书馆名称、地址、联系方式等。管理员可以通过该模块进行图书馆信息的添加、修改和删除。图书类型模块用于管理图书的分类信息。管理员可以在该模块中添加不同的图书类型,如

vue-cli4前端实现下载本地Excel模板,以及下载静态文件的坑

a标签的下载功能:1:bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2:responseTyperesponseType它表示服务器响应的数据类型,由于后台返回来的是二进制数据,所以要把它设为‘blob’通过设置responseType为blob,可以直接拿到二进制文件转化为Blob,两种使用Blob实现文件下载的方式3:window.URL.createObjectURL在浏览器端,实现直接下载文件,就是使用a标签 来只想文件的下载地址。window.location.href的本质也是这样,因此在拿到二

Vue3+Elementplus+Axios 入门教程详解

Vue3+Elementplus+Axios入门教程详解vue3项目创建安装第三方框架vue整合第三方框架创建登录组件vue整合axios1.vue3项目创建1.1创建vue3项目,如:vuepro01 备注:vue项目不会创建,请参考CSDNhttps://mp.csdn.net/mp_blog/creation/editor/1340348911.2.测试项目是否正常启动:1.2.1进入项目根目录  cdvuepro011.2.2执行npmrunserve1.2.3访问路径即可2.安装第三方框架2.1第三方框架  2.1.1element-plus 解决界面UI问题(基于vue3的UI框架