SpringBoo+Vue构建简洁日志文件查看系统

2024-02-07 10:20

本文主要是介绍SpringBoo+Vue构建简洁日志文件查看系统,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

点击下载《SpringBoo+Vue构建日志文件查看系统(源代码)》

1. 前言

想必经常做java开发的小伙伴,其大多数服务都是运行在linux系统上的,当遇到一些比较棘手的bug需要处理时,经常要上服务器去捞日志,然后通过各种查询啥的去寻找有用的信息,这样不仅对服务器有一定的安全隐患,而且查询日志内容也很不方便直观,虽然市面上有一些优秀的日志管理系统,但安装和部署也要耗费不少时间,于是,我就想到,能否有一个简单又好用,还不用花大力气去安装部署,界面简单友好又方便好用的日志查看系统呢?于是本系统就应运而生了。

这款日志文件读取Web系统展现了卓越的功能性和用户体验。它不仅支持多种文件格式(如.log和.gz),还提供了灵活的搜索选项,允许用户按行号、行数或内容来筛选日志条目。此外,系统的自动更新功能实时追踪日志文件的变化,确保用户能够即时获取最新的信息。简洁直观的操作界面使得这款工具易于使用,即使是技术新手也能快速上手。总之,该系统为日志文件管理和分析提供了高效、便捷的解决方案。

本系统总共包含两部分内容,一部分为采用springboot编写的java后台程序,用于读取其他springboot程序产生的日志内容,另一部分为使用Vue编写的Web程序,通过调用java后台程序提供的接口,获取相应的日志内容。

2. Web系统

2.1 登录

本系统由于只是本人用于查看日常工作中所开发的springboot软件产生的日志,所以在业务流程上尽量采用简单高效的实现方法,因此本系统并未使用到任何数据库,在登录验证方面,由springboot程序在配置文件中写死了登录名和密码,yml配置详情如下:
在这里插入图片描述

Web登录页面也是采用了简单的实现,详情如下:

在这里插入图片描述

2.2 日志查看

日志查看,分两种情况,一种是按起始行号和读取行数查看,另一种是输入查询内容及返回的记录数来查看,两种方式分别采用不同的数据输入格式,使用时需要注意,不过,提示内容将输入格式已经写得很明白了,一看就明白。
在这里插入图片描述

主界面主要分为5个部分:

1、这里是服务名,本系统可以同时读取多个SpringBoot程序的日志,根据服务名进行划分。

2、这是日志目录,其包括了日志目录已经日志文件。

3、这是日志内容展示区域。

4、这是查询内容输入区域,需根据不同的查看方式输入不同格式的内容进行查看日志。

5、这是日志查看方式选择,可选择方式包括:按行查看日志、按内容搜索日志。

2.3 按行查看日志

下面演示按行查看日志内容,输入的查询条件是:100:3,表示从100行开始,读取3行,效果如下图:

在这里插入图片描述

在不输入任何查询条件的情况下,一次返回100行数据,当滚动条滚动到最底下的时候将会自动再拉取一次数据。

2.4 按搜索内容查看日志

下面演示按搜索内容查看日志,输入的查询条件是:

"{"instant":{"epochSecond":1695120508,"nanoOfSecond":620000000}" 10

表示查询的内容为**{“instant”:{“epochSecond”:1695120508,“nanoOfSecond”:620000000}**,返回前10条记录。

注意:如果查询的内容中有空格,需要使用英文的双引号括起来。

在这里插入图片描述

2.5 自动读取文件内容

对于后缀为.log的文件,表示此文件SpringBoot程序可能会实时地更新,因此可以开启自动读取文件,此后,每隔2秒将自动调用后台接口读取文件更新内容。

3. SpringBoot后台

3.1 配置文件

以下为配置文件application.yml的内容

server:port: 19123spring:application:name: readSystemLogFileconfig:activate:on-profile: devmvc:pathmatch:matching-strategy: ant_path_matcherlogging:config: classpath:log4j2.xmllevel:root: INFOjavax.activation: INFOorg.apache.catalina: INFOorg.apache.commons.beanutils.converters: INFOorg.apache.coyote.http11.Http11Processor: INFOorg.apache.http: INFOorg.apache.tomcat: INFOorg.springframework: INFOcom.yyqq: debug# 程序基本配置
services:# 说明:name和directory必须一一对应nameList:- "test"directoryList:- "D:\\test-service-logs\\"#用户名和密码,格式为:用户名@密码;用户名@密码systemUser: "admin@admin;test@test"

3.2 Controller

本着简单实用的原则,本系统的Controller一共有两个,分别是用于账号管理的userController以及用于日志操作方面的SystemLogController。

package com.yyqq.controller;import com.yyqq.common.result.CommonResult;
import com.yyqq.model.dto.UserLoginDTO;
import com.yyqq.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.*;@RestController
@RequestMapping("/user")
public class UserController {@Autowiredprivate UserService userService;@PostMapping("/login")public CommonResult login(@Validated @RequestBody UserLoginDTO userLoginDTO) {return userService.login(userLoginDTO);}
}
package com.yyqq.controller;import com.yyqq.common.result.CommonResult;
import com.yyqq.model.dto.QueryFileContentDTO;
import com.yyqq.model.dto.ReadFileLineDTO;
import com.yyqq.service.SystemLogService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;@RestController
@RequestMapping("/systemLog")
public class SystemLogController {@Autowiredprivate SystemLogService systemLogService;/*** 获取服务名列表* @return*/@GetMapping("serviceNameList")public CommonResult<Object> getServiceNameList() {return systemLogService.getServiceNameList();}/*** 读取服务器日志目录下的文件列表* @param serviceName* @return*/@GetMapping("{serviceName}/fileList")public CommonResult<Object> getFileList(@PathVariable("serviceName") String serviceName) {return systemLogService.getFileList(serviceName);}/*** 按行读取文件内容* @param readFileLineDTO* @return*/@PostMapping("readFileContent")public CommonResult<Object> readFileContent(@RequestBody ReadFileLineDTO readFileLineDTO) {return systemLogService.readFileContent(readFileLineDTO);}/*** 按行读取文件内容* @param queryFileContentDTO* @return*/@PostMapping("queryFileContent")public CommonResult<Object> queryFileContent(@RequestBody QueryFileContentDTO queryFileContentDTO) {return systemLogService.queryFileContent(queryFileContentDTO);}
}

4. 总结

在这个数字化时代,数据管理和信息检索变得至关重要。这款日志文件读取Web系统,不仅满足了基础的数据读取需求,更在许多功能上有着出色的表现。

首先,系统能够读取多种格式的文件,包括.log和.gz,这大大提高了其适应性和实用性。无论是日常的日志文件还是经过压缩的大型文件,用户都可以轻易地通过该系统进行读取和解析。

更值得一提的是,本系统添加了多种搜索和筛选功能。用户可以根据行号、行数,甚至是输入的内容来查找特定的日志条目。这种灵活的搜索方式使得在大量数据中快速找到所需信息变得简单而高效。

此外,自动读取并更新.log文件的更新内容的功能,使得这款系统不仅仅是一个静态的数据查看工具,而是一个动态的信息监测平台。这对于需要实时监控系统运行状况或响应潜在问题的用户来说,是一个极为有用的功能。

最后,从用户体验的角度来看,该系统的操作简单、界面友好。即使是不熟悉技术的人,也可以快速上手并充分利用这个系统。这无疑增加了系统的普及率和实用性。

条目。这种灵活的搜索方式使得在大量数据中快速找到所需信息变得简单而高效。

此外,自动读取并更新.log文件的更新内容的功能,使得这款系统不仅仅是一个静态的数据查看工具,而是一个动态的信息监测平台。这对于需要实时监控系统运行状况或响应潜在问题的用户来说,是一个极为有用的功能。

最后,从用户体验的角度来看,该系统的操作简单、界面友好。即使是不熟悉技术的人,也可以快速上手并充分利用这个系统。这无疑增加了系统的普及率和实用性。

总的来说,这个日志文件读取系统,凭借其出色的功能和简便的操作,将复杂的数据管理任务变得简单而直观,对于需要处理和分析日志文件的人群来说,是一个不可或缺的工具。

点击下载《SpringBoo+Vue构建日志文件查看系统(源代码)》

这篇关于SpringBoo+Vue构建简洁日志文件查看系统的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/687404

相关文章

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1

SpringBoot日志配置SLF4J和Logback的方法实现

《SpringBoot日志配置SLF4J和Logback的方法实现》日志记录是不可或缺的一部分,本文主要介绍了SpringBoot日志配置SLF4J和Logback的方法实现,文中通过示例代码介绍的非... 目录一、前言二、案例一:初识日志三、案例二:使用Lombok输出日志四、案例三:配置Logback一

golang 日志log与logrus示例详解

《golang日志log与logrus示例详解》log是Go语言标准库中一个简单的日志库,本文给大家介绍golang日志log与logrus示例详解,感兴趣的朋友一起看看吧... 目录一、Go 标准库 log 详解1. 功能特点2. 常用函数3. 示例代码4. 优势和局限二、第三方库 logrus 详解1.

一文详解如何从零构建Spring Boot Starter并实现整合

《一文详解如何从零构建SpringBootStarter并实现整合》SpringBoot是一个开源的Java基础框架,用于创建独立、生产级的基于Spring框架的应用程序,:本文主要介绍如何从... 目录一、Spring Boot Starter的核心价值二、Starter项目创建全流程2.1 项目初始化(

使用Java实现通用树形结构构建工具类

《使用Java实现通用树形结构构建工具类》这篇文章主要为大家详细介绍了如何使用Java实现通用树形结构构建工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录完整代码一、设计思想与核心功能二、核心实现原理1. 数据结构准备阶段2. 循环依赖检测算法3. 树形结构构建4. 搜索子

mysql如何查看当前连接数

《mysql如何查看当前连接数》:本文主要介绍mysql如何查看当前连接数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mysql查看当前连接数查看mysql数据库允许最大连接数总结mysql查看当前连接数查看当前连接数SHOW STATUS LIKE