记录一下最近Vue项目接触到的问题, 在多页面切换的时候, 每次切换页面都会页面重新加载, 很费时间. 所以需要优化, 使得标签页未关闭的情况下, 保留数据, 以便切换访问因为这个问题浏览了大量的资料博客. 基本都是通过把router-view嵌套到keep-alive标签, 但是没能实现.最后发现使用的element框架自带了keep-alive的，只是keep-alive是根据组件名称来缓存的

记录一下前后端分离开发时使用token进行登录退出以及未登录的拦截功能，以供参考文章目录依赖登录后端Util工具类Model层Mapper层Service层Controller层前端HTML数据区方法区效果图登出拦截后端定义annotationIntercepter拦截器WebConfig配置类前端路由配置效果图依赖使用token是JWT生成的，需要导入相关依赖<dependency>

记录一下前后端分离开发时数据的批量删除功能，以供参考文章目录后端实体类数据层业务层控制层前端数据区HTML方法区效果图后端实体类实体类自己定义一个就行啦，有id字段和基本信息即可我这里用的是House，后面方法中的House实体类和字段名记得换成自己的数据层Dao层定义delete接口,这里参数用Long[]或者Integer[]都行/*** 批量删除** @param houseIds 需要删除

记录一下应用场景:当添加的内容属于暂存数据时,再次选择时需要把已添加的数据设置为不可选,避免上传时数据重复文章目录HTML方法区效果图HTML在selection组件中添加:selectable属性<el-table-column :selectable="checkSelectMember"type="selection" width="55" align="center"/>方法区

记录一下项目需要的一些小优化,刷新浏览器时回到首页.一般来说vue项目刷新浏览器之后还会继续跳动刷新之前的页面.我们只需要要App.vue中的created方法中添加相关判断即可这里的/index可以换成具体需要跳转的页面,具体代码如下:<script>export default{name:'App',created() {if(this.$router.path !== '/ind

记录一下最近Vue项目接触到的问题, 在多页面切换的时候, 每次切换页面都会页面重新加载, 很费时间. 所以需要优化, 使得标签页未关闭的情况下, 保留数据, 以便切换访问因为这个问题浏览了大量的资料博客. 基本都是通过把router-view嵌套到keep-alive标签, 但是没能实现.最后发现使用的element框架自带了keep-alive的，只是keep-alive是根据组件名称来缓存的

最近做项目时使用到了通过验证码图片code参数实现登录验证的技术，这里记录一下，以供参考文章目录效果图后端接口编写验证码工具类Controller定义请求登录验证前端配置图片请求及点击刷新请求登录验证效果图后端接口编写验证码工具类先定义一个工具类，用于生成验证码图片import javax.imageio.ImageIO;import java.awt.*;import java.awt.imag