草庐IT

SpringBoot+Vue

全部标签

ELK 日志框架搭建 (springboot 接入 elk)

什么是ELK?ELK是一个开源的实时日志分析平台,它主要由Elasticsearch、Logstash和Kiabana三部分组成。LogstashLogstash主要用于收集日志,它是一个开源数据收集引擎,具有实时管道功能。Logstash可以动态地将来自不同数据源的数据统一起来,并将数据标准化到您所选择的目的地。Logstash收集数据的过程主要分为以下三个部分:输入:数据(包含但不限于日志)往往都是以不同的形式、格式存储在不同的系统中,而Logstash支持从多种数据源中收集数据(File、Syslog、https://cloud.tencent.com/product/cdb?from=

vue:element ui分页改变pageSize,触发两次回调请求

1.描述:    使用elementpagination组件时,如果你的currentPage在靠后的页数,这时改变pageSize,那么可能导致size-change和current-change事件同时被触发,如果你的数据请求直接或间接使用这两个事件回调进行,且没有进行任何处理,那么自然便会发送两次网络请求。2.代码解决:我只需要一个分页事件,因此没有直接使用size-change和current-change,而是集中放在了一个自定义事件pagination里。但是其他场景思路也是完全一样的。以下是伪代码:data(){return{//把currentPage、pageSize保存在p

vue element-ui InfiniteScroll v-infinite-scroll 无限滚动 仅触发1次或几次 无效 可行 解决方案

问题参考官网Demohttps://element.eleme.io/#/zh-CN/component/infiniteScroll使用element-uiInfiniteScroll无限滚动v-infinite-scroll组件后,仅触发1次或几次无效环境Vue@2.6.14element-ui@2.15.6正文&解决方案将infinite-scroll-distance设为1,或其他合适的>0的数值infinite-scroll-distance="1"infinite-scroll-distance:触发加载的距离阈值,单位为px注*:此法为临时有效解决方案详细template>div

php - POST 文件和表单数据 Vue + axios

我有一个Vuejs组件的方法:asyncsubmit(){if(this.$refs.form.validate()){letformData=newFormData()formData.append('userImage',this.avatarFile,this.avatarFile.name)this.avatarFile=formDatatry{letresponse=awaitthis.$axios.post('http://localhost:3003/api/test.php',{avatar:this.avatarFile,name:this.name,gender:t

实现自定义SpringBoot的Starter组件

一、前言想要自定义starter组件,首先要了解springboot是如何加载starter的,也就是springboot的自动装配机制原理。1.1、starter加载原理springboot通过一个@SpringBootApplication注解启动项目,springboot在项目启动的时候,会将项目中所有声明为Bean对象(注解、xml)的实例信息全部加载到ioc容器当中。除此之外也会将所有依赖到的starter里的bean信息加载到ioc容器中,从而做到所谓的零配置,开箱即用。1.1.1、加载starter首先通过通过注解@SpringBootApplication找到@EnableAu

java - Springboot @ServerEndPoint "Failed to find the root WebApplicationContext."

我在使用带@ServerEndPoint注释类的spring时遇到问题我正在使用Springboot1.2.3,我正在尝试弄清楚如何拥有端点的单个实例@SpringBootApplication@EnableJpaRepositories@EnableWebSocketpublicclassApplicationServer{publicstaticvoidmain(String[]args){SpringApplication.run(ApplicationServer.class,args);}}Spring配置:@ConditionalOnWebApplication@Confi

java - SpringBoot 2.1.x中使用RestTemplateBuilder的requestFactory自定义RestTemplate不向下兼容1.5.x版本

在SpringBoot1.5.x中,我创建了一个自定义RestTemplate,如下所示:@BeanpublicRestTemplaterestTemplate(RestTemplateBuilderrestTemplateBuilder){PoolingHttpClientConnectionManagerpoolingConnectionManager=newPoolingHttpClientConnectionManager();poolingConnectionManager.setMaxTotal(restTemplateProps.getMaxConnectionsPerP

java - 我应该如何将 JpaRepository.findOne() 与 SpringBoot 一起使用?

我刚开始通过阅读SpringBootinAction这本书来学习SpringBoot,我正在学习这本书的示例,尝试自己运行它们,但我有一个使用JpaRepository.findOne()时出现问题。我已经遍历了整章来寻找我可能的不匹配之处。但是,它就是行不通。该项目应该是一个简单的阅读列表。代码如下:读者@Entity:packagecom.lixin.readinglist;importorg.springframework.data.annotation.Id;importorg.springframework.security.core.GrantedAuthority;imp

基于vue+Element UI的文件上传(可拖拽上传)

文章目录实现效果一、先创建一个Dialog对话框进行存放二、加入Upload上传组件1.HTML2.JavaScript总结实现效果一、先创建一个Dialog对话框进行存放template>!--导入遮罩层-->el-dialog:title="$t('to_lead')":visible.sync="BatchAdd"custom-class="BatcchAdd"width="30%":before-close="CloseBatcchAdd"> span>这是一段信息/span>spanslot="footer"class="dialog-footer">el-button@clic

Nginx同一端口部署多个前后端分离的vue项目

要用nginx容器部署多个前端项目可以采用监听端口,和基于location配置两种方法,我的nginx是使用docker部署的,启动的时候没有开多余的端口,所以采用location配置一个server下根据根路径不同分别代理访问不同项目。下面操练起来,问:把大象放冰箱?总共需要几步:三步!第一步:Nginx相关位置代码worker_processes1;events{worker_connections1024;}http{ client_max_body_size100m;includemime.types;default_typeapplication/octet-stream;sendf