前端
文章平均质量分 68
左边的天堂
这个作者很懒,什么都没留下…
展开
-
Vue3 + echarts 5.4.2 实现
从vue2升级到vue3,对原来的柱状图、折线图组件进行了修改,这两个组件的语法保留了vue2,实际使用也没有问题原创 2023-04-01 17:13:44 · 588 阅读 · 0 评论 -
【篇三】在vue3上实现阿里云oss文件直传
之前写了两篇关于文件上传的文章【篇一】使用springboot+vue实现阿里云oss上传【篇二】使用springboot+vue实现阿里云oss文件直传,解决大文件分片上传问题今天介绍一下在vue3中实现阿里云oss文件直传。原创 2024-07-03 16:25:05 · 790 阅读 · 0 评论 -
ruoyi-cloud登录接口实现滑块验证码
本文介绍了如何在ruoyi-cloud项目中添滑块验证码原创 2024-07-03 15:37:04 · 867 阅读 · 5 评论 -
【篇二】使用springboot+vue实现阿里云oss文件直传,解决大文件分片上传问题
上一篇《使用springboot+vue实现阿里云oss上传》写了如何使用springboot+vue实现阿里云oss文件上传。这种方式虽然通用,但有个弊端就是当上传大文件时,容易导致文件还未上传完页面请求就超时了,如果想把oss的文件路径保存到数据库则无法实现。针对这个阿里云也推出了直传的方式。这个方式避免文件传输到后台再转存到oss,大大缩减了上传时间,并且支持分片上传方式,对于大文件处理非常高效。原创 2024-06-05 15:00:43 · 1502 阅读 · 0 评论 -
【篇一】使用springboot+vue实现阿里云oss上传
我们后端开发中,时常需要用到文件上传的功能,无非是保存到服务器本地或者如阿里云、七牛云这种云存储的方案。本篇介绍一种使用后台springboot结合前端vue实现阿里云oss上传的功能。原创 2024-06-05 12:05:54 · 826 阅读 · 0 评论 -
解决springboot+vue静态资源刷新后无法访问的问题
原项目是有前后端分离设计,测试环境是centos系统,采用nginx代理和转发,项目正常运行。项目近期上线到正式环境,结果更换了系统环境,需要放到一台windows系统中,前后端打成一个jar包,然后做成系统服务。这台服务器中已经有很多其他服务,都是采用一样的部署方式,所以没办法只能对这个项目进行修改。原创 2024-05-14 19:49:44 · 742 阅读 · 2 评论 -
springboot + thymeleaf + layui 初尝试
公司运营的同事有个任务,提供一个数据文件给我,然后从数据库中找出对应的加密串再导出来给他。这个活不算是很难,但时不时就会有需求。这样的工作重复重复再重复,确实挺无趣的,何不鼓捣一个工具给同事自己去处理?今天就来介绍一下怎么实现的。原创 2023-12-08 16:11:48 · 809 阅读 · 0 评论 -
解决vue2升级vue3后,输入框无法输入的问题
vue2升级为vue3的语法,前端代码原封不动的复制过来,结果测试的时候发现在输入框中无法输入,介绍两种解决方法原创 2023-11-15 17:41:25 · 1552 阅读 · 1 评论 -
使用Echarts实现地图展示
使用echarts动态展示城市的数量统计原创 2022-12-30 10:04:55 · 3519 阅读 · 0 评论 -
element-ui Pagination分页只保留上一页下一页
有时数据量太大,比如日志数据没必要查看很久之前的,所以把页数屏蔽,不给系统造成卡顿,最简单的方式就是隐藏总条数、页数。原创 2022-11-01 09:45:58 · 1646 阅读 · 0 评论 -
[转载] Vue中常用的数组方法filter、map、forEach、find、findIndex、some、every
Vue中常用的数组方法 .filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()本文仅为自己在项目中经常用到的一些数组方法的使用,以便随时查看。1. filterfilter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。是否改变原数组:否是否对空数组进行检测:否语法:const arr= [32, 33, 16, 40];const arr1 = arr.filter(item =.转载 2020-10-22 20:08:39 · 1053 阅读 · 0 评论 -
js实现当前页面关闭功能
页面实现<div> <input type="button" value="关闭当前页" class="close" onclick="closeWin()"></div>js的关闭方法function clos原创 2019-03-04 17:00:18 · 24873 阅读 · 0 评论 -
访问图片出现403的解决办法
在写小程序的时候,访问一个网址获取图片,但是显示会出现403(防止盗链)的错误.总结了一下,有两种方法是可以解决这个问题的:使用images.weserv.nl方案使用no-referrer方案第一种:使用images.weserv.nl方案getImage(url){ console.log(url); // 把现在的图片连接传进来,返回一个不受限制的路径 if(url !=...原创 2018-11-05 14:14:34 · 32716 阅读 · 21 评论 -
ECharts学习笔记
ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。提供大量常用的数据可视化图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。原创 2017-06-27 10:41:30 · 620 阅读 · 0 评论