weixin_51751522-CSDN博客

原创 centos7阿里云源安装

进行yum安装时报错[Errno 256] No more mirrors to try.http://mirrors.aliyun.com/epel/6/x86_64/repodata/repomd.xml: [Errno 14] HTTP Error 404 - Not Found进入yum.repos.d cd /etc/yum.repos.d/执行wget -O /etc/yum.repos.d/epel.repo http://mirrors.aliyun.com/repo/epel-

2022-04-18 12:40:48 1111

原创 vue点击按钮导出csv文件

vue点击按钮导出csv文件： outfile_CSV(){ const that=this; //请求接口获取文件 that.$axios.post('CSV_file', that.$qs.stringify({ mindId:1 })) .then((res)=>{ //使用blob对象接收文件 let blob = new Blob([res.data], {ty

2022-04-06 19:59:12 1089

原创静态方法直接调用非静态方法和非静态属性报错

①，静态方法直接调用非静态方法和非静态属性是报错的，但是对象中的就不会去检查。所以这个类需要一个自己的对象layoutNumUtils。②，如果直接用这个new出的对象调用mapper会出现报null，因为这个mapper是spring控制的springbeen，由spring控制他的创建生命周期等。所以博主做了一个init方法，并且加上了@PostConstruct，表示在服务器启动的时候运行init。init的工作就是layoutNumUtils = this;把spring创建的springbeen

2022-04-06 19:53:28 912

原创 springboot 将数据保存到csv文件和读取csv文件并恢复数据

引入依赖<dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-csv</artifactId> <version>1.7</version></dependency><dependency> .

2022-04-06 19:47:42 2165

原创使一个方法在一定时间内只被触发一次，防止多次触发（Vue）

定义一个变量flag编写一个方法（getcards_500）用来控制需要调用的（getcards），设定一定时间（这里是500毫秒）内不在触发getcards方法，用于防止多次触发getcards_500(){ let that=this; var timer; if (that.flag) { that.getcards(that.start)//调用需要触发的函数 } that.flag = false; clearTimeout(timer); time.

2022-03-20 00:09:01 2143

原创 centos 使用samba实现文件共享

yum安装yum -y install samba配置smb.conf，一般在/etc/samba，这里注意user是自己的用户目录（需要开放权限）[work] comment = samba home directory path = /home/user/ public = yes browseable = yes public = yes read only = no valid users = user create .

2022-02-22 09:31:12 2474

原创 jar包导入失败（Could not find artifact...）

在maven项目上右击，选择setting.xml添加阿里云镜像服务器<mirror> <id>alimaven</id> <name>aliyun maven</name> <url> https://maven.aliyun.com/nexus/content/groups/public/ </url> <mirrorOf>central</mirrorOf&gt.

2022-02-09 21:49:43 3905

原创使用canvas截图跨域导致的报错（Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement）

使用跨域图片绘制会污染canvas画布，导致无法导出canvas数据，转化成图片解决办法：通过设置crossOrigin来解决 let video = document.createElement('video'); video.setAttribute('crossOrigin', 'anonymous')有些小伙伴设置了crossOrigin后解决了“toDataURL”的错误，却出现了跨域的新错误。这是因为crossOrigin可以设置的值有 anonymous 以及 use-cred.

2022-02-09 18:09:23 3401

原创在循环中使用右键--vue

页面代码 <div v-for="data in this.content" :key="data.id" @contextmenu.prevent="openMenu($event,data)">  <ul v-show="data.visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu"&g.

2022-02-09 16:26:30 345

原创 vue原生方法自定义右键菜单

在需要添加右键的页面，绑定contextmenu事件（阻止浏览器默认事件，添加自定义事件）<div @contextmenu.prevent.native="openMenu($event)"> ....</div>在页面编写右键菜单的内容 <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu"> <li @click="t..

2021-12-14 16:23:01 1494 1

原创云服务器安装jdk、tomcat、mysql、nginx

安装JDK（1.8）yum -y install java-1.8.0-openjdk.x86_64看到Complete！就安装成功了，接下来可以使用java -version来查看jdk版本安装Tomcat需要wget的方式来下载首先创建目录：mkdir /usr/tomcat并切换到此目录：cd /usr/tomcat执行以下命令：wget https://mirrors.aliyun.com/apache/tomcat/tomcat-8/v8.5.73/bin/apache.

2021-12-07 14:30:27 189

原创 pdf高亮文本

效果图：前端（vue）高亮是在canvas画布上进行操作实现的 mounted() { window.addEventListener('scroll', this.highlight); }, //荧光笔方法 highlight(){ const that=this; var el = document.getElementById('the-canvas'); var ctx = el.getContext('2d');

2021-11-13 15:58:24 1638

原创 vue+pdf.js浏览pdf（自定义页面）

引入pdfjs-dist（对pdf.js的封装）npm install pdfjs-dist@2.0.943一定要是这个版本，其他版本亲测会遇到各种各样的问题，最后选择了这个页面代码<div class="pdfWrap" > <div :style="wrapper" id="pdf-container" > <div id="page" class="pdf-box" @mouseup="mouse_text" > <.

2021-11-13 15:42:43 1721

原创 vue引入jsmind（右键菜单）

效果图：先安装jsmind模块npm install vue-jsmind在main.js中引入jsmindimport jm from "vue-jsmind";Vue.use(jm)if (window.jsMind) { console.log('wind') Vue.prototype.jsMind = window.jsMind}因为使用到了jsmind.menu.js来显示右键菜单，需要先下载js文件，也可以自己创建js文件然后将代码贴上去。下载链接[ht

2021-11-13 15:18:35 4980 3

原创 springboot+vue前后端分离cookie--session问题

后端将用户的信息保存在session中，以便进行用户是否登陆的判断或从session中拿取用户信息。我首先将验证码放在了session中，而后又从session中拿取验证码来和用户输入的验证码比较。在swagger的测试页面的时候未发现问题（因为没有跨域），但当我在vue里使用的时候却出现了登陆失败的情况。检查后发现cookie的JSESSIONID每次发送的都不一样，造成了后端每次都认为是新的会话。困扰许久，查了很多资料下面奉上解决方法首先配置axios请求，允许其携带cookieimport

2021-11-09 17:51:19 4188

原创 springboot配置https（阿里云免费证书）

这里以阿里云申请免费证书为例，也可以使用JDK生成自签发证书。首先在阿里云要拥有自己的一个域名。在SSL证书页面可以申请免费证书。填写相应信息即可。登陆阿里云控制台，选择SSL证书，点击免费证书。点击下载即可下载相应证书下载内容包含一个证书和一个密码文件，将其部署在服务器即可。服务器配置将生成的证书放在resources目录下。配置服务端数字证书的路径、密码、类型。server.ssl.key-store=classpath:**.jks //

2021-11-09 17:37:09 1523

原创 springboot+shiro实现登陆验证、权限验证

shiro介绍Shiro是一个强大易用的Java安全框架,提供了认证、授权、加密和会话管理等功能。引入shiro依赖 <dependency> <groupId>org.apache.shiro</groupId> <artifactId>shiro-spring</artifactId> <v

2021-11-05 14:21:58 481 1

原创直接引入pdfjs-dist会报错

import PDFJS from ‘pdfjs-dist’通过直接引入pdfjs-dist会报错可以引用编译好的包2.8.335版本之前import PDFJS from 'pdfjs-dist/es5/build/pdf.js'2.8.335版本之后import PDFJS from 'pdfjs-dist/legacy/build/pdf.js'问题解决

2021-10-08 16:49:06 6336 6

原创 springboot通过全局配置一次性解决跨域问题

在每个接口上都加上 @CrossOrigin 即可解决对每个接口的访问所产生的跨域问题在配置类中全局性解决跨越的问题/*解决跨域问题*/ @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**")//项目中所有接口都支持跨域 .allowedOrigins("*")//前端哪些域名可以跨域（这里是全部都可以） .

2021-09-28 13:43:14 123

原创后端对大文件进行分块处理（适用于视频、mp3等）

请求部分，需要在请求头里加入Range头，表示本次请求的byte数组的开始和结束位置。 public void downRangeFile(File downRangeFile, HttpServletResponse response, HttpServletRequest request) throws Exception { String extName = ""; // 文件不存在 if (!downRangeFile.exists()) {

2021-09-26 16:51:51 359

原创后端使用 itextpdf 对pdf进行分片

当我们需要传输较大的pdf文件时，将文件整个传给前端会导致pdf加载时间过长，影响用户体验。这是就需要对pdf进行分片后在进行传输，减少文件的打开时间。使用itextpdf实现截取pdf文档第几页到第几页使用itextpdf ，先导入依赖<dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version

2021-09-26 16:37:01 866 2

原创 vue+springboot项目打包上传服务器

vue+springboot项目怎么打包上传服务器vue项目的配置与打包：将本地vue项目的axios请求改为自己服务器地址var axios = require('axios')axios.defaults.baseURL = 'http://***.***.***.***:8082/api'// 全局注册，之后可在其他组件中通过 this.$axios 发送数据Vue.prototype.$axios = axiosVue.config.productionTip = false

2021-09-15 09:17:33 251 2

原创本地项目可以访问，其他人无法访问的问题（防火墙出站、入站规则）

别人通过一个局域网访问自己项目有时会出现访问不到的情况，解决办法：（配置本地项目局域网访问参考vue项目实现局域网访问）关闭防火墙有些小伙伴长时间要用的话觉得关闭防火墙不安全，这时就可以配置入站规则来阻挡或者允许特定的程序或者端口进行连接打开Windows防火墙——高级设置，选择入站规则——新建规则名称和描述就自己随意填写了，自己明白就行...

2021-06-03 15:56:52 3168 6

原创 vue本地项目实现局域网访问

vue项目实现本地局域网访问首先需要在同一个网络中，才能进行互相访问首先需要找到config下的index.js文件，更改访问的host地址，将其改为 host: '0.0.0.0'这样就已经能通过ip地址和localhost访问了，但是会发现启动后他是这个样子这时就需要设置启动后终端显示localhost和network访问地址找到build文件夹的webpack.dev.conf.js文件找到其中的compilationSuccessInfo里的messages，如下图，在其中

2021-06-03 10:33:36 3280 1

原创 Web server failed to start.Port 8082 was already in use端口被占用

Web server failed to start. Port 8082 was already in use当我们启动项目的时候遇到这种端口被占用的情况该怎么办呢？以Windows10为例window+R组合键，调出命令窗口输入命令：netstat -aon|findstr "8082"记下最后一列的数字，即为此进程的PID继续输入tasklist|findstr "17560"，可查看这是哪个进程打开任务管理器，选择详细信息找到对应的PID“17560”，将其关闭即可...

2021-06-01 17:15:33 736

原创 pdf.js取消下载按钮，ctrl+s仍可以保存（pdf.js）

pdf.js禁止下载按钮先在viewer.html中隐藏下载按钮，大概在221行（版本不同行数可能不一致）在download按钮属性上加上style=“display: none”，隐藏按钮在viewer.js中注释掉下面这行代码，就达到了取消下载按钮的目的，大概在1582行这时候你会发现，虽然下载按钮没有了，但是你在页面按下ctrl+s依然能保存文件。接下来就是解决ctrl+s保存的问题。在viewer.js中注释掉以下代码，大概在2519行。这样ctrl+s保存的问题就解决了

2021-05-22 11:21:43 2610

原创 vue中用axios传递参数到后端为空的问题

axios传递参数到后端为空的问题我们用axios往后端传递参数时，发现后台接收到的数据是null这是由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，后端未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理。先安装qsnpm install qs然后再main.js中引入import qs from 'qs'Vue.prototype.$qs = qs之后就可以进行传参了此时我们在后台打印就可以看到已经拿到数据

2021-03-20 18:27:42 2522

原创使用java -version报错：Error: could not open `D:\java1.8\lib\amd64\jvm.cfg‘

使用java -version报错：Error: could not open `D:\java1.8\lib\amd64\jvm.cfg’因为之前使用的java15.0.1，现在需要安装java1.8，在我正常安装了1.8并且配置了环境变量后查看java版本出现了如下报错java -versionError: could not open `D:\java1.8\lib\amd64\jvm.cfg'通过数次摸索，最后找到原因，是环境变量的顺序问题，把新增的两个jdk和jre放在环境变量的最

2021-01-27 19:00:54 3716

原创在docker中部署springboot项目

在docker中部署springboot项目首先需要配置docker的远程连接修改docker的服务配置vi /usr/lib/systemd/system/docker.service在此项中添加：-H tcp://0.0.0.0:2375 -H unix://var/run/docker.sock按 i 进行编辑，编辑完成后按esc退出编辑，输入 :wq 来进行保存重启docker：systemctl daemon-reloadservice docker restart

2021-01-27 18:32:26 100

原创 spring项目部署在docker出现容器启动失败的问题

在docker中部署springboot项目出现容器启动失败的问题Exception in thread "main" java.lang.UnsupportedClassVersionError: pers/cyz/BookManage has been compiled by a more recent version of the Java Runtime (class file version 54.0), this version of the Java Runtime only recogni

2021-01-27 17:47:29 2102

原创 vue项目中的新建路由的引入

vue项目中的新建路由的引入在src文件夹的router文件夹中找到index.jsimport home from '@/components/home' { path: '/home', name: 'home', component: home }子路由：（也需事先引入： import home from ‘@/components/home’） { path: '/home', name: 'home',

2020-11-09 16:25:38 312

原创在vue项目中引入element

如何在vue项目中引入element初始化项目vue init webpack my-first-demonpm run dev安装elementnpm i element-ui -S在main.js中引入elementimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)...

2020-11-09 16:10:35 307

weixin_51751522的博客