Prefácio:
Nosso projeto é baseado no Elasticsearch para armazenamento e consulta de dados. Amigos que usaram o ES devem saber que não há software de cliente de desktop ES amigável comparável ao software de cliente de desktop MySQL. Usar ES é muito problemático e há três pontos que são frequentemente reclamados sobre:
O testador sênior reclamou: Por que devo escolher ES para seleção de tecnologia, adicionar, excluir, modificar e verificar dados é uma bagunça, o que afeta seriamente minha eficiência de teste!
R&D Xiaobai reclamou: Ao criar um novo índice, por que é tão problemático definir o tipo de campo e o script precisa ser muito escrito!
Reclamações de transferência de P&D: há tantos campos de índice, o que cada campo significa? Não há documentação relacionada?
Um programador ideal:
Se não houver nenhuma ferramenta, nós mesmos escreveremos uma. Para programadores, escrever uma pequena ferramenta não é algo que pode ser feito apenas pensando nisso? Apenas faça. Não demorou muito para a ferramenta aparecer na frente de todos. É mais conveniente e fácil de usar do que o kibana e o ES-header. Os colegas também acham muito bom. Parte da interface é a seguinte :
Para obter detalhes sobre a ferramenta, consulte-a. Também quero que você a experimente e faça sugestões.
Link para download: https://github.com/duzhimin/fast-es/releases/download/v1.0/FastES_v1.0_Setup.exe
Introdução da função: https://github.com/duzhimin/fast-es/blob/main/docs/instructions.md
Aí vem o problema:
Depois das curtidas, seguidas das reclamações, há dois pontos de reclamações:
Interface feia: desenvolvida com base em java swing, inerentemente feia
Não pode ser usado em várias plataformas: só pode ser usado no Windows
Qual é o problema?
há sempre uma solução para um problema:
Procurando uma pilha de tecnologia embelezada e multiplataforma para desenvolver este cliente
1. Seleção de tecnologia
Depois de algumas pesquisas técnicas, finalmente escolhemos o electronic-vite pelos seguintes motivos:
elétron:
Electron é uma estrutura para criar aplicativos de desktop usando JavaScript, HTML e CSS. Ao mesclar o Chromium e o Node.js no mesmo ambiente de tempo de execução, crie aplicativos compatíveis com as plataformas Mac, Windows e Linux. Ao usar o elétron, podemos alcançar plataforma cruzada + embelezamento
vantagem:
Fácil de desenvolver, a pilha de tecnologia é adequada para alunos de front-end (a interface do usuário usa tecnologia da Web e a parte de interação da API do sistema usa NodeJS)
deficiência:
1) O volume de empacotamento é grande e o ambiente de tempo de execução do Chromium e NodeJS precisa ser empacotado
2) Grande consumo de memória: O próprio Chromium consome mais memória e o NodeJS é executado por JIT. Em comparação com C++ e outras linguagens AOT, o consumo de memória também é maior.
rapidamente:
Vite é uma nova ferramenta de construção de front-end que pode melhorar significativamente a experiência de desenvolvimento de front-end.
elétron-vita
O electron-vite é uma nova ferramenta de construção de desenvolvimento do Electron projetada para fornecer uma experiência de desenvolvimento mais rápida e simplificada para o Electron.
Ver+ElementoMais
Desnecessário dizer que esses dois são frameworks de desenvolvimento front-end muito maduros, que podem ser usados entre
Construção do ambiente:
1. Instale o nodejs
https://nodejs.org/en/v18.14.1 _
2. Para verificar se o Node.js está instalado corretamente, digite o seguinte comando em seu terminal:
nó -v
npm -v
3. Primeiro crie uma pasta e inicialize o pacote npm
mkdir my-electron-app && cd my-electron-app
npm init
4. Instale o pacote electronic nas dependências de desenvolvimento do aplicativo
npm install --save-dev elétron
Adicione um comando start no campo scripts em seu arquivo de configuração package.json:
{
"scripts": {
"start": "electron ."
}
}6. O comando start permite que você abra seu aplicativo no modo de desenvolvimento: npm start
7. Instale o vscode
ferramentas de desenvolvimento front-end
8. Instale o elemento-plus
npm install element-plus --save
começo rápido
npm criar @quick-start/electron
Siga as instruções para inserir o nome do projeto passo a passo
Execute npm start para ver a interface relevante
Observações (por motivos de rede, pode haver erros no npm baixando pacotes relacionados, apenas tente novamente)
Efeito
