[开源]Vite2+Vue3+TS+Element-Plus开发的Elasticsearch客户端

开源系统流程管理
2026-06-28 03:09 1 次浏览 • 0 次下载 0KB
[开源]Vite2+Vue3+TS+Element-Plus开发的Elasticsearch客户端

一、开源项目简介

功能上仿照elasticsearch head编写的elasticsearch查询客户端。 elasticsearch的客户端比较出名的就是elasticsearch head和Kibana了,但是elasticsearch head已经停止更新,且样式老旧,功能不全;而Kibana虽功能全面,但是启动麻烦,大部分功能用不上,很不灵活,所以采用vite2+vue3+ts+element-plus进行开发了一个elasticsearch的客户端。

二、开源协议

使用Apache-2.0开源协议

三、界面展示

项目预览

  • 首页

  • 数据浏览

  • 基础查询

  • 高级查询

  • 设置

四、功能概述

安装 & 更新

本项目已经推送到Firefox拓展和Edge外接程序中,但由于Edge审核比较慢,所以Firefox的更新速度会比Edge快一些,谷歌插件商店上架比较麻烦,所以并未上架。

  • website(基本用不了)
  • Edge插件(审核有些慢)
  • 火狐插件
  • windows安装包(完整功能)
  • 百度网盘
  • 阿里云盘
  • 想天浏览器独立应用(完整功能)

项目功能

  • 链接管理功能
  • 索引浏览功能
  • 索引管理功能
  • 语法提示与高亮
  • 。。。

五、技术选型

开发

访问一飞开源:https://code.exmay.com/ 下载
npm install
npm run dev

自行打包

本项目推荐使用yarn

  1. 安装依赖:yarn install
  2. 构建浏览器版本:yarn build:ts
  3. 构建Chrome插件:yarn build:edge
  4. 构建Firefox插件:yarn build:firefox

Elasticsearch 是一个分布式、高扩展、高实时的搜索与数据分析引擎。它能很方便的使大量数据具有搜索、分析和探索的能力。充分利用Elasticsearch的水平伸缩性,能使数据在生产环境变得更有价值。Elasticsearch 的实现原理主要分为以下几个步骤,首先用户将数据提交到Elasticsearch 数据库中,再通过分词控制器去将对应的语句分词,将其权重和分词结果一并存入数据,当用户搜索数据时候,再根据权重将结果排名,打分,再将返回结果呈现给用户。

Elasticsearch是与名为Logstash的数据收集和日志解析引擎以及名为Kibana的分析和可视化平台一起开发的。这三个产品被设计成一个集成解决方案,称为“Elastic Stack”(以前称为“ELK stack”)。