qq_37875903的博客

原创 StringUtils类中isEmpty与isBlank的区别

StringUtils.isEmpty(String str) 判断某字符串是否为空，为空的标准是 str==null 或 str.length()==0System.out.println(StringUtils.isEmpty(null)); //trueSystem.out.println(StringUtils.isEmpty("")); //trueSystem.out.println(StringUtils.isEmpty(" ")); //

原创 java中重载和重写

原创 EasyExcel的读写使用

1、写1.先根据excel创建对应实体类，一列对应一个属性：@Datapublic class EasyExcelEntity { @ExcelProperty(value = "学生编号", index = 0) private int sno; @ExcelProperty(value = "学生姓名", index = 1) private String sname;}2.写service业务代码：public class EasyExcelWriteDe

原创 com.alibaba.excel.exception.ExcelAnalysisException: nested exception is org.apache.ibatis.reflection

错误：com.alibaba.excel.exception.ExcelAnalysisException: nested exception is org.apache.ibatis.reflection.ReflectionException: Could not set property ‘id’ of ‘class com.eduservice.bean.EduSubject’ with value ‘1283438588310061058’ Cause: java.lang.IllegalArg

原创 springboot+vue实现上传头像文件到阿里云对象存储oss

在阿里云oss上创建一个bucket，获取四个信息：编写工具类，提供对外调用四个信息的方法：//当项目一启动，就执行接口的方法，读取配置文件内容@Componentpublic class ConstantPropertiesUtils implements InitializingBean { //读取配置文件内容 @Value("${aliyun.oss.file.endpoint}") private String endpoint; @Value("$.

原创 @ComponentScan

1. @ComponentScan(basePackages = {“com.atguigu”})报错，提示“delete element"将扫描包设置成启动类的上上级目录。@ComponentScan(basePackages = {"com.atguigu"})

原创 端口被占用，杀掉进程

1、netstat -ano | findstr 80802、tasklist|findstr “16028”3、taskkill /T /F /PID 16028

原创 单行和多行文本溢出使用省略号代替

1.单行文本溢出，对文本的父级盒子添加属性： //white-space: normal; white-space: nowrap;//(使文本在一行显示) overflow: hidden;//隐藏溢出的文本 text-overflow: ellipsis;//用省略号代替溢出的文本2.多行文本溢出，有较大兼容性，适合于webKit浏览器或移动端： overflow: hidden; text-overflow:ellipsis; /*弹性伸缩盒

原创 解决图片底部有空白空隙问题

原因：图片底部默认和文字的基线对齐，所以会有空白间隙解决方法：1.给图片设置vertical-align属性：vertical-align:middle/bottom/top;2.把图片转换成块级元素：display:block;

原创 取消表单的input轮廓线

给表单添加 outline:0; 或 outline：none; 样式之后，可以去掉默认的蓝色边框。input {outline:none;}

原创 css制作三角形

1.给一个div设置三边为透明，一个边设置为想要的颜色，border的宽度就是这个三角的高。 <div class="div_rec"></div>css样式如下：.div_rec { width: 0; height: 0; border: 30px solid transparent; line-height: 0; font-size: 0; border-left-color: red;}...

原创 elementui的table在IE浏览器下宽度不能100%显示

在style全局样式中加上两行代码：.el-table__header{ width: 100% !important;}.el-table__body{ width: 100% !important;}

原创 vue cli3中引入svg

1.安装依赖：npm install svg-sprite-loader --save-dev2.在components中创建SvgIcon.vue：<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"/> </svg></template><script>export default { n

原创 css清除浮动四种方法

清除浮动的本质是清除浮动元素脱离标准流造成的影响。为什么要清楚浮动？父级没高度子盒子浮动了影响下面布局，我们就应该清楚浮动了。清除浮动的四种方法：1.额外标签法。在最后一个浮动标签之后添加一个额外的块级标签，比如空div标签，设置样式：<div style="clear:both;"></div>2.给浮动标签的父级元素添加overflow属性，属性值设置为hidden,auto都可以3. :after伪元素法（额外标签法的升级版）。给父元素添加：.cl

原创 css居中

1.文本垂直居中当前元素：line-height:文本水平居中当前元素：text-align:center2.块级元素垂直居中利用弹性布局实现，在父容器中添加display: flex;align-items: center;块级元素水平居中:方法一：给当前元素：margin:0 auto方法二：给当前元素： display: flex; justify-content: cneter;...

原创 CSS的定位总结

1.相对定位：相对于标签本身的起点进行偏移。例如：新建角色和删除的按钮，本身紧贴于搜索框的右边设置相对定位后，偏移的是相对于原本的位置：相对于原先位置将左边距离设置为100px .head_btn { display: inline-block; position: relative; left: 100px; }2.绝对定位：绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元

原创 Vue+Element UI对表格的分页操作

1.表格：<el-table **:data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"** //分页需要对表格进行处理，很重要 ref="table" style="width: 100%" highlight-current-row

原创 两个Vue项目 如何跳转

两个不同的项目跳转的话使用window.location.href就可以了，写了一个小组件供参考：<template> <div @click="jumpToNewProject">跳转到新的vue项目</div></template><script> export default { name: "Jump", methods: { jumpToNewProject: function () {

原创 vue结合ElementUI上传文件

1.结合ElementUI文档：https://element.eleme.cn/#/zh-CN/component/upload2.代码： <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-

原创 vue前端请求数据遇到401，token失效等错误

我现阶段遇到的两种可能：1、检查axios调用接口时传递的参数格式是否正确2、在main.js中检查http request 请求拦截器是否配置上token接下来主要是对第二种问题做出解答：//http request 请求拦截器，有token值则配置上token值http.interceptors.request.use(config => { config.headers.token= window.localStorage.getItem('token') return

原创 Redirected when going from “/reg“ to “/“ via a navigation guard.

翻译：从“/reg”到“/”时，通过导航保护重定向。1、首先检查router.js中的路由path和name是否有误2、查看main.js中的路由beforeach导航守卫的路由跳转是都写错。

原创 vue 中router.go，.push和.replace的区别

1、router.go(n)这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n)2、router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所 以，当用户点击浏览器后退按钮时，则回到之前的 URL。3、router.replace(location)跟 router.push 很像，唯一的不同就是，它不会向 hi

原创 vue实现elementUI的左侧导航栏，右侧动态调用路由并解决导航栏高亮问题

原因：没有高亮是因为没有激活导航栏的item1、首先注册需要跳转的router{ path: "/home", name: "Home", component: Home, children: [ { path: '/index', component: () => import('../co

原创 chrome（谷歌浏览器）固定到任务栏，点击之后出现两个图标

原因：1、登录了多个用户解决方法：先打开Chrome浏览器，在任务栏中取消原来固定的Chrome浏览器，在新打开的浏览器图标上选择固定到任务栏。2、chrome固定到任务栏上的是你从源目录发送到桌面的快捷方式，而不是安装时自动生成的快捷方式或者源文件.exe解决方法：通过快捷键找到源文件目录，然后选择.exe文件固定到任务栏。...

原创 Unknown custom element: ＜index＞ - did you register the component correctly? For recursive components

1.报错的意思：“未知的自定义组件：-是否正确注册了该组件？对于递归组件，请确保提供“name”选项…”要先确定是否注册了自定义组件index或者是否正确引入解决方法：1.检查是否注册了组件： export default { data(){ return{ }, components: { index// //注册组件 }, }}2.是否正确引入了组件<script> import index fro

原创 vue中在一个页面中引用另一个router-view

1.被引入的路由组件：<template> <el-row :gutter="20" class="index"> <el-col :xs="4"> <div class="grid-content bg-purple-light">A</div> </el-col> <el-col :xs="4"> <div c

原创 vue中实现二维码登录功能

1.在项目的控制台下载插件：npm install vue-wxlogin --save-dev2.导入该组件<script>import Wxlogin from 'vue-wxlogin'export default { components: { Wxlogin },</script>3.在html中添加组件,其中Wxlogin的一些属性对照微信官方文档来写添加链接描述 <Wxlogin v-if="i_IsShow=='i_one'" appid

转载 控制台报4xx错误时

(1)当我们前端控制台出现400、405、4xx系列的问题的时候。可以直接在控制台上直接看相对应的问题。再根据具体的问题去找出对应的方法。(2)4xx系列问题应该是前台传到后台进行数据响应出现问题。我们要熟悉ajax、axios等异步请求相对应的步骤和原理才能比较快速找出问题的所在。————————————————版权声明：本文为CSDN博主「学无止境 ’小五」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/ye

转载 qs.stringify和JSON.stringify的使用和区别

qs可通过npm install qs命令进行安装，是一个npm仓库所管理的包。而qs.stringify()将对象 序列化成URL的形式，以&进行拼接。JSON是正常类型的JSON，请对比一下输出示例：var a = {name:'hehe',age:10}; qs.stringify(a)// 'name=hehe&age=10'JSON.stringify(a)// '{"name":"hehe","age":10}'...

原创 VScode/WebStorm将项目上传到码云

1.生成公钥：ssh-keygen -t rsa -C “[email protected]”ssh -T [email protected].在本地项目目录下执行：git add .git commit -m “add files”3.上传到码云：git remote add origin https://gitee.com/zf522/vue_shop.gitgit push -u origin master问题：如果出现：remote: You do not have permission p

原创 vue_day01

VUE_0615el:挂载点Vue会管理el选项命中的元素及其内部的后代元素建议使用id选择器可以使用其他的双标签，不能使用HTML和BODYv-text1.2.默认写法会替换文本的全部内容，使用插值表达式{{}}可以替换指定内容3.作用是替换标签的内容4.内部支持写表达式v-html1.2.解析html的格式并展现到页面上3.作用于innerHTML类似v-on省略写：@click=“fun(k)”作用:为元素绑定事件绑定方法写在methods属性中通过键盘实现的功能：