草庐IT

vue3-element-admin

全部标签

[已解决]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的本质也是这样,因此在拿到二

Element UI各种使用问题汇总(Input、Form篇)

Input回车导致页面刷新的问题ElementUI为了遵守W3C规范特意设置的,就是当Form中只有一个Input的时候,Form把这个事件当成了是提交表单的操作,所以页面会刷新。解决方法:凡是里面只有一个Input,就在上附加一个事件:@submit.native.prevent,这样可以阻止默认提交,可以解决这个问题。Input的各种输入约束办法可以使用这几种约束方法:正则替换,比较粗暴,慎用一些场景下,比如编辑人员录入一篇文章,早就规定了标题不允许使用叹号,编辑也明白这个规定,他只是从别的地方复制标题,恰好标题带叹号,那么,正则替换可以帮助编辑直接把叹号去掉。比如:@input="for

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框架

使用element的form表单,实现显示后端错误信息,并且如果有错误信息(前端通过rules检测的错误信息或者后端传过来的错误信息(如该用户已经注册或该邮箱已经存))点击提交按钮不会再次发起异步请求

前提(触发方式可以有两种触发trigger:'blur' 或trigger:'change')主要是三个要点:1.给el-form-item标签设置error属性,并且绑定data里面的数据(也即:error="emailError"):2.设置rules规则为改变trigger触发方式,设置为trigger:'change'(如果是trigger:'blur',表单项(el-form-item)的input输入框就会失去焦点就触发一次,也即检查一次rules里面的设置的前端规则,而后端传过来的错误(如该邮箱已经注册)是检查不到,所以导致每次失去焦点(输入框的内容未改变,只是点进入输入框,然后

Vue.js心得体会

前言        自从我开始使用Vue.js以来,我深深感受到了这个框架的强大和灵活性。在本文中,我将分享我在使用Vue.js过程中的一些心得体会。一、背景        Vue.js的背景可以追溯到2014年2月25日,当时Vue的作者尤雨溪首次发布了Vue.js框架。在当时的开发社区中,Angular和React两大框架已经拥有了一定的热度及生态圈。尤雨溪借鉴了前两款框架的设计思想模式与优点,并且在他们的基础上,去除了认为不完善的东西,打造出了Vue.js。Vue.js一开始就立志于成为一款更加轻量级、高效化的前端开发框架,并迅速在开发者社区中赢得了关注和好评。        Vue.j

运维相关(一) - Vue项目配置WebSocket连接{ws、wss 连接方式}

Vue项目配置WebSocket连接ws、wss两种方式1.写作背景2.晒出代码2.1前端vue.config.js的代码2.2Vue项目路由配置代码3.3服务器Nginx配置3.使用方式3.1前端代码3.2后端代码4.测试使用1.写作背景项目使用的是ruoyi的前后端分离框架项目需要使用到websocket,在本地使用ws连接方式是没问题,但是服务器上边使用的是nginx+ssl证书https域名访问的方式部署的使用普通的ws连接是不可以成功的需要使用wss的方式2.晒出代码2.1前端vue.config.js的代码这里target:里边指向的都是后端server的地址16000是我后端服务

基于Java+Spring+Vue蛋糕甜品商城系统设计和实现

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

基于Java+Vue+uniapp微信小程序自修室预约系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着信息技术在管理上越来越深入而广