2021年08月_code_xuan

原创 Spring cloud gateway 代替Nginx实现端口转发并添加统一跨域+token认证

Nginx端口转发配置：server { listen 9988; server_name localhost; # location / { # # 静态资源服务 # root D:/nginx-1.21.1/static; # index index.html index.htm; # } # ~为正则匹配，路径中包含xxx就转

2021-08-31 15:20:49 1849

原创 div单选多选-动态改变样式

单选：需求：两个div，一次只能点击一个，将点击的div样式进行改变-加背景图并改背景色效果图：HTML：条件表达式动态绑定样式：:class="{'active': isChange==index}<div class="test" :class="{'active': isChange==index}" v-for="(item,index) in upArr" :key="index" @tap="tapInfo(index,item.id)"> <div cl

2021-08-30 15:20:55 1318

原创 element-ui实现tableTree：前后端

需实现的效果：前端代码：<template> <div class="app-container"> <el-table :data="tableData" :load="getChildrens" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" style="width: 100%" row-key="id" border la

2021-08-24 15:34:07 492

原创 MongoDB安装-测试-使用

一、安装docker安装MongoDB#在本地创建数据文件夹mkdir -p /usr/local/docker/mongodb/data/#拉取镜像 docker pull mongo:latest#创建和启动容器 docker run -d --restart=always -p 27017:27017 --name mymongo -v /usr/local/docker/mongodb/data:/data/db -d mongo#进入容器 docker exec -it

2021-08-24 15:16:48 516

原创 EasyExcel的读取写入操作，测试+项目使用

将测试数据写入Excel实体类：@Data@AllArgsConstructor@NoArgsConstructorpublic class UserData { @ExcelProperty(value = "用户编号",index = 0) private int uid; @ExcelProperty(value = "用户名",index = 1) private String userName;}写操作：public class TestWri

2021-08-20 16:56:55 587

原创 VUE组件重用问题-两次跳转同一个路由组件页面不刷新(修改和添加公用一个页面时)

问题：vue-router导航切换时，如果两个路由都渲染同个组件，组件的生命周期方法（created或者mounted）不会再被调用, 组件会被重用，显示上一个路由渲染出来的自建解决方案：可以简单的在 router-view上加上一个唯一的key，来保证路由切换时都会重新触发生命周期方法，确保组件被重新初始化。修改 src/views/layout/components/AppMain.vue 文件如下：<router-view:key="key"></router-view

2021-08-19 18:08:35 1731

原创 Java多线程读取文件

package com.qwx.test;import java.io.*;/** * @ClassName: ReadFile * @Description: java类作用描述 * @Author: qiaowenxuan * @CreateDate: 2021/8/16$ 18:36$ * @Version: 1.0 */public class ReadFile { public static void main(String[] args) { Fil

2021-08-16 18:49:34 2437

原创 element-ui分页，删除数据之后如何还在当页

<el-pagination background layout="prev, pager, next,total,jumper" style="padding: 30px 0; text-align: center;" :total="total" :current-page="page" :page-size="limit" @current-change="fetchData" >问题1：上下页切换不生效分页插件对应的page-change方法fetc

2021-08-14 17:10:53 1401

原创 vue-admin-template路由切换组件刷新

问题：在使用vue-admin-template进行页面搭建时发现每次路由切换都会调用created方法进行页面刷新。查看文档得知，需要开启缓存，但在实际操作时问题再次出现。添加页面缓存：首先是在路由中：(src/router/index.js)对需要添加缓存的页面对应的路由在meta中添加：keepAlive: true一个完整的页面路由如下:{ path: '/resQuery', component: Layout, redirect: '/resQuery/res

2021-08-14 16:15:14 939

Mr-Bean的博客