接口axios vue all

多个feign接口使用@FeignClient注解调用同一个名称的微服务时,启动会发生异常

解决方案: 方法1. 将feign接口合并 方法2. 在application.yml文件中增加配置spring.main.allow-bean-definition-overriding=true 方法3. 在@FeignClient注解上增加contextId属性,确保每个feign clien ......
启动会 注解 FeignClient 接口 多个

vue 初识

一、前端的发展史 1、前端的发展演变 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 # 2 Aj ......
vue

解决vue3中抽离出来的js如何调用页面的方法

有时我们会用render渲染表格的columns,里面的按钮如何去调用.vue文件的方法? 思路; 在.vue文件中我们通过参数的方式传给.js文件,然后用变量接收,点击时执行 (注意:.vue文件中setup执行比较早,按钮是点击事件,不会主动执行函数。为防止函数未声名就当做参数传递,必须在最后执 ......
页面 方法 vue3 vue

vue3 elementplus 列表中添加排序功能,移动的时候修改背景色

<el-table size="medium" :border="true" :data="branchTableData" :row-style="changeColor" :stripe=false style="width: 100%;"> <el-table-column type="ind ......
elementplus 背景 时候 功能 vue3

《优化接口设计的思路》系列:第一篇—接口参数的一些弯弯绕绕

大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 作为一名从业已达六年的老码农,我的工作主要是开发后端Java业务系统,包括各种管理后台和小程序等。在这些项目中,我设计过单/多租户体系系统,对接过许多 ......
接口 思路 参数

Vue学习四:组件的三大组成部分、组件通信和进阶语法

一、组件的三大组成部分 <template> 里面只能有一个根元素 <style> 全局样式(默认):影响所有组件局部样式: scoped 下样式,只作用于当前组件 <script> el根实例独有, data是一个函数,其他配置项一致 二、scoped设置局部样式 默认情况:写在组件中的样式会全局 ......
组件 组成部分 语法 三大 部分

Python接口自动化unittest核心组件01

1、TestCase :先定义测试用例类,在测试用例类中写测试方式 2、TestSuit:收集你要执行的测试用例类或者文件里的测试方式,放到测试套件 3、TextRunner:将收集好的测试条件放在测试用例运行器去执行,并收集测试结果 4、TextFixture:做好前置条件和后置处理 ......
组件 unittest 接口 核心 Python

vue-day01

前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求, ......
vue-day vue day 01

@CrossOrigin("*")已经加了但是导出文件等接口依然报跨域问题

文件导入导出等可能涉及到Access-Control-Allow-Credentials,即告知浏览器请求的响应可以暴露给前端js代码。所以光用注解就不行了。 解决方法:增加一个corsFilter拦截器(名字自己起),在拦截器中,给响应response响应头中设置以上的属性为true即可,注意这个 ......
quot CrossOrigin 接口 文件 问题

vue 拖拽组件

// 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l ......
组件 vue

项目开发中难点-项目使用v-if控制表单/元素/组件显示隐藏,例如调用接口后赋值需重新加载组件,但此时使用this.show=false,赋值后使用this.show=true,组件并未重新加载。

项目中使用v-if=" show " 控制组件的显示或隐藏,当接口返回后this.show=false,进行赋值,后this.show= true显示 。但是页面没有正常显示,此时使用 this.$nextTick 。 一、 $nextTick()概述1. $nextTick()原理 $nextTi ......
组件 项目 项目开发 this show

限制用户一定时间内接口访问次数

注意点:redis过期时间 Long userId= UserSession.getUserId(); if (userId!= null && userId!= 0l) { String key= "count:" + userId; Object obj = redisUtil.get(key) ......
接口 次数 时间 用户

从零开始使用vue2+element搭建后台管理系统(实现按钮权限控制)

思路:登录后请求用户信息接口,后端返回用户信息中包括权限数组,数据格式be like: 前端对用户信息进行存储(对没错又是假接口): // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await ......
后台 按钮 管理系统 权限 element

vue特性

1.组件的模块化开发 1.1 组件注册局部 首先在创建一个vue页面作为组件,这里就以分页组件来演示: <!-- 分页展示 --> <el-pagination background style="margin: 50px auto" @size-change="handleSizeChange" ......
特性 vue

app直播源码,Vue 禁止输入框输入空格

app直播源码,Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
空格 源码 app Vue

接口慢

接口慢 异步思想,使用异步减少耗时操作。 匹配联行号移到异步处理。 2.空间换时间使用缓存 缓存包括:Redis缓存,JVM本地缓存,memcached,或者Map等等。 3.提前初始化到缓存中 启动一个任务,提前把一些初始化信息缓存起来。 4.池化思想,预分配和循环使用 如果每次需要使用线程都去创 ......
接口

Node.js multi threads All In One

Node.js multi threads All In One Node.js 多线程 worker_threads Worker threads 工作线程 child_process 子进程 Cluster 集群 ......
threads multi Node All One

How to delete a file in Node.js All In One

How to delete a file in Node.js All In One fs.unlink fsPromises.unlink fs.unlinkSync ......
delete Node file How All

How to fix Tailwind CSS colors not work in Next.js All In One

How to fix Tailwind CSS colors not work in Next.js All In One Tailwind CSS & Next.js 13 ......
Tailwind colors Next work How

axios+formdata上传多个文件(随手记录一下)

<template> <el-row> <el-col :span="20" :offset="4" style="text-align: left"> <span style="margin-left: 200px">上传图片</span> <el-upload style="margin-lef ......
formdata 多个 文件 axios

vue-unsaved-changes-dialog 在桌面页面上,弹出窗会跟随鼠标显示

简介及使用教程 这是一个漂亮的未保存变更对话框,有以下特点: 有保存、丢弃和取消三个按钮 在桌面页面上,弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应:在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点: 桌面和手机上都有非常 ......

vue3中使用模块化vuex

话不多说直接上手 1.安装vuex的依赖(vue3版本) npm i vuex@4 2.在src目录下新建vuex的文件夹,并且新建store.js文件 在store.js中写入 (这里使用模块化的方式) //引入vuex插件 import { createStore } from 'vuex' i ......
模块 vue3 vuex vue

【HMS Core】华为地图服务调用接口403问题

​【关键字】 HMS、地图服务、403 【问题描述】 有开发者反馈在集成地图服务与企业版地图服务,使用js模式,能正常加载地图,但是调用接口siteService.searchByText(request, function (result, status) 返回Status Code:405 返回 ......
接口 地图 问题 Core HMS

vue项目打包编译后如何修改后台请求地址

1、在public文件夹下新建config.js 文件 2、config.js文件中,编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量,vue页面,js页面都可以用 window.setURL.publicBaseUrl ......
后台 地址 项目 vue

Vue二维码组件

1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置,点击大图预览 该组件以vue文件形式进行封装,需要配置httpVueLoader插件进行引入,其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......
组件 Vue

vue的model选项

vue中的v-model指令实现了表单的双向绑定,官网例子: <input type="text" v-model="message" /> <p>{{message}}</p> 其实v-model只是语法糖,真正的实现形式: <input type="text" :value="message" ......
model vue

保证接口数据安全的10种方案

前言 我们日常开发中,如何保证接口数据的安全性呢?个人觉得,接口数据安全的保证过程,主要体现在这几个方面:一个就是数据传输过程中的安全,还有就是数据到达服务端,如何识别数据,最后一点就是数据存储的安全性。今天跟大家聊聊保证接口数据安全的10个方案。 1.数据加密,防止报文明文传输。 我们都知道,数据 ......
接口 方案 数据

vue2实现pc端自适应分辨率

思路:使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......
分辨率 vue2 vue

nodejs系列-编写接口实现前端302重定向

1. 如何使用nodejs编写接口实现前端302重定向? Url重定向分为301、302两种HTTP状态的编码。 301重定向是永久的重定向,表示本网页永久性转移到另一个地址,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。 302是临时的重定向,表示本网页暂时性转移到另一个地址,搜索 ......
前端 接口 nodejs 302

Vue3.0 的自定义指令

我本人也是新手,所以我之前不知道自定义指令一般是在什么场景下用的。 在这里告诉各位新手朋友,我目前遇到的应用场景是在权限控制按钮、文本框等元素显示,就用上了这个自定义指令。我利用自己的一个案例进行介绍。 1.创建一个在util/directive/permission.ts 文件,代码如下: exp ......
指令 Vue3 Vue