- 博客(19)
- 收藏
- 关注
原创 Vue刷新浏览器后重定向到首页或者某一个页面
记录一下项目需要的一些小优化,刷新浏览器时回到首页.一般来说vue项目刷新浏览器之后还会继续跳动刷新之前的页面.我们只需要要App.vue中的created方法中添加相关判断即可这里的/index可以换成具体需要跳转的页面,具体代码如下:<script>export default { name: 'App', created() { if(this.$router.path !== '/index'){ this.$router.replace('/.
2021-09-09 16:04:35
5322
原创 Vue+Element-Ui设置标签页切换时保留数据
记录一下最近Vue项目接触到的问题, 在多页面切换的时候, 每次切换页面都会页面重新加载, 很费时间. 所以需要优化, 使得标签页未关闭的情况下, 保留数据, 以便切换访问因为这个问题浏览了大量的资料博客. 基本都是通过把router-view嵌套到keep-alive标签, 但是没能实现.最后发现使用的element框架自带了keep-alive的,只是keep-alive是根据组件名称来缓存的,只需要在组件中加入name: Xxx就行. 首字母大写.这里的name是组件name, 而不是路.
2021-09-07 15:54:50
5418
11
原创 Vue设置selection选择框条件不可选
记录一下应用场景:当添加的内容属于暂存数据时,再次选择时需要把已添加的数据设置为不可选,避免上传时数据重复文章目录HTML方法区效果图HTML在selection组件中添加:selectable属性<el-table-column :selectable="checkSelectMember" type="selection" width="55" align="center"/>方法区在方法中做数据对比,若外部数据与本行数据相同时,设置isChecked =.
2021-09-06 12:51:33
5242
原创 Vue+pikaz-excel-js实现导出功能
文章目录安装pikaz-excel-js数据区HTML方法区效果图pikaz-excel-js是一个vue版本的excel导入导出插件,个人觉得跟后端实现导入导出相比下来更简单方便,容错率较高安装pikaz-excel-js在前端软件中使用命令安装npm i -S pikaz-excel-js下载成功后可以在node_modules目录中找到以下东东数据区data中加入两个集合,用以存放导出的数据 //导出集合 exportList:[], /
2021-08-31 14:45:52
1420
原创 SpringBoot+Vue数据的批量删除功能
记录一下前后端分离开发时数据的批量删除功能,以供参考文章目录后端实体类数据层业务层控制层前端数据区HTML方法区效果图后端实体类实体类自己定义一个就行啦,有id字段和基本信息即可我这里用的是House,后面方法中的House实体类和字段名记得换成自己的数据层Dao层定义delete接口,这里参数用Long[]或者Integer[]都行 /** * 批量删除 * * @param houseIds 需要删除的ID * @return 结果 .
2021-08-30 16:13:06
4240
5
原创 SpringBoot+Vue实现token登录退出及拦截功能
记录一下前后端分离开发时使用token进行登录退出以及未登录的拦截功能,以供参考文章目录依赖登录后端Util工具类Model层Mapper层Service层Controller层前端HTML数据区方法区效果图登出拦截后端定义annotationIntercepter拦截器WebConfig配置类前端路由配置效果图依赖使用token是JWT生成的,需要导入相关依赖 <dependency> <groupId>com.auth0</grou.
2021-08-11 15:37:29
3050
原创 前后端分离开发之Vue跨域
前后端分离开发必须解决的就是跨域问题了,在这里记录一下关于在前端vue跨域的方法,以供参考使用npm命令下载axiosnpm install axios新建vue.config.js文件目标转发的地址localhost:后的端口跟下面后端配置文件设置的端口保持一致//配置请求转发的代理//定义代理的对象let proxyObj = {};//拦截http请求proxyObj['/'] = { ws: false, //关掉websocket target:.
2021-08-11 14:45:27
553
原创 SpringBoot+Vue实现验证码登录
最近做项目时使用到了通过验证码图片code参数实现登录验证的技术,这里记录一下,以供参考文章目录效果图后端接口编写验证码工具类Controller定义请求登录验证前端配置图片请求及点击刷新请求登录验证效果图后端接口编写验证码工具类先定义一个工具类,用于生成验证码图片import javax.imageio.ImageIO;import java.awt.*;import java.awt.image.BufferedImage;import java.io.IOExcept.
2021-08-11 11:25:03
5155
2
原创 Vue+element-ui远程搜索输入框
这段时间在自我摸索过程中遇到的一些问题,整理了一下,在这里跟大家一起分享一下自己的踩坑过程,以供借鉴,下面直接先上效果图。文章目录el-autocomplete标签的下拉显示问题el-autocomplete标签下拉选择后页面显示问题el-autocomplete标签的下拉显示问题<el-autocomplete v-model="searchName" :fetch-suggestions="querySearch" placeholde.
2021-06-12 19:11:45
1821
原创 华为机试-合法IP(JAVA)
题目描述现在IPV4下用一个32位无符号整数来表示,一般用点分方式来显示,点将IP地址分成4个部分,每个部分为8位,表示成一个无符号整数(因此不需要用正号出现),如10.137.17.1,是我们非常熟悉的IP地址,一个IP地址串中没有空格出现(因为要表示成一个32数字)。现在需要你用程序来判断IP是否合法。注意本题有多组样例输入。输入描述输入一个ip地址,保证是xx.xx.xx.xx的形式(xx为整数)输出描述返回判断的结果YES or NO示例输入:10.138.15
2021-05-29 15:18:02
423
1
原创 华为机试-单词倒排(JAVA)
题目描述对字符串中的所有单词进行倒排。说明:1、构成单词的字符只有26个大写或小写英文字母;2、非构成单词的字符均视为单词间隔符;3、要求倒排后的单词间隔符以一个空格表示;如果原字符串中相邻单词间有多个间隔符时,倒排转换后也只允许出现一个空格间隔符;4、每个单词最长20个字母;输入描述输入一行以空格来分隔的句子输出描述输出句子的逆序示例1输入:I am a student输出:student a am I示例2输入:$bo*y gi!r#l输出:l r g
2021-05-29 15:07:07
181
1
原创 华为机试-输入整型数组和排序标识,对其元素按照升序或降序进行排序(JAVA)
题目描述输入整型数组和排序标识,对其元素按照升序或降序进行排序(一组测试用例可能会有多组数据)本题有多组输入,请使用while(cin>>)处理输入描述第一行输入数组元素个数第二行输入待排序的数组,每个数用空格隔开第三行输入一个整数0或1。0代表升序排序,1代表降序排序输出描述输出排好序的数字示例输入:81 2 4 9 3 55 64 25051 2 3 4 51输出:1 2 3 4 9 25 55 645 4 3 2 1代码import
2021-05-29 14:49:43
364
1
原创 华为机试-汽水瓶(JAVA)
题目描述有这样一道智力题:“某商店规定:三个空汽水瓶可以换一瓶汽水。小张手上有十个空汽水瓶,她最多可以换多少瓶汽水喝?”答案是5瓶,方法如下:先用9个空瓶子换3瓶汽水,喝掉3瓶满的,喝完以后4个空瓶子,用3个再换一瓶,喝掉这瓶满的,这时候剩2个空瓶子。然后你让老板先借给你一瓶汽水,喝掉这瓶满的,喝完以后用3个空瓶子换一瓶满的还给老板。如果小张手上有n个空汽水瓶,最多可以换多少瓶汽水喝?输入描述输入文件最多包含10组测试数据,每个数据占一行,仅包含一个正整数n(1<=n<=100),表
2021-05-29 14:40:52
200
2
原创 华为机试-字符串排序(JAVA)
题目描述给定n个字符串,请对n个字符串按照字典序排列。输入描述输入第一行为一个正整数n(1≤n≤1000),下面n行为n个字符串(字符串长度≤100),字符串中只含有大小写字母。输出描述数据输出n行,输出结果为按照字典序排列的字符串。示例输入:9captocatcardtwotooupboatboot输出:boatbootcapcardcattotootwoup代码import java.util.*;public class
2021-05-29 14:11:51
332
1
原创 华为机试-字符串分隔(JAVA)
题目描述•连续输入字符串,请按长度为8拆分每个字符串后输出到新的字符串数组;•长度不是8整数倍的字符串请在后面补数字0,空字符串不处理。输入描述连续输入字符串(输入多次,每个字符串长度小于100)输出描述输出到长度为8的新字符串数组示例输入:abc123456789输出:abc000001234567890000000代码import java.util.Scanner; public class Main{ public static voi
2021-05-29 14:05:08
221
3
原创 华为机试-密码验证合格程序(JAVA)
题目描述密码要求:1.长度超过8位2.包括大小写字母.数字.其它符号,以上四种至少三种3.不能有相同长度大于2的子串重复输入描述一组或多组长度超过2的字符串。每组占一行输出描述如果符合要求输出:OK,否则输出NG示例输入:021Abc9000021Abc9Abc1021ABC9000021$bc9000输出:OKNGNGOK代码import java.util.*;public class Main{ public static vo
2021-05-29 13:56:28
201
1
原创 华为机试-明明的随机数(JAVA)
题目描述明明想在学校中请一些同学一起做一项问卷调查,为了实验的客观性,他先用计算机生成了N个1到1000之间的随机整数(N≤1000),对于其中重复的数字,只保留一个,把其余相同的数去掉,不同的数对应着不同的学生的学号。然后再把这些数从小到大排序,按照排好的顺序去找同学做调查。请你协助明明完成“去重”与“排序”的工作(同一个测试用例里可能会有多组数据(用于不同的调查),希望大家能正确处理)。注:测试用例保证输入参数的正确性,答题者无需验证。测试用例不止一组。输入描述注意:输入可能有多组数据
2021-05-20 14:35:41
301
1
原创 JS雪花特效
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>新增DIV</title> <style> body { background-image: url("snow-night.jpg"); //背景图 background-size: 100%
2020-12-01 17:01:58
203
原创 JS鼠标跟随特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Canvas</title> <style> canvas{ border: 1px solid #000; } </style></head><body>
2020-12-01 16:55:36
2047
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人