Prefacio:
Nuestro proyecto se basa en Elasticsearch para el almacenamiento y la consulta de datos. Los amigos que han usado ES deben saber que no existe un software de cliente de escritorio ES amigable comparable al software de cliente de escritorio MySQL. Usar ES es muy problemático y hay tres puntos de los que a menudo se quejan acerca de:
El probador senior se quejó: ¿Por qué debería elegir ES para la selección de tecnología? Agregar, eliminar, modificar y verificar datos es un desastre, lo que afecta seriamente la eficiencia de mi prueba.
R&D Xiaobai se quejó: al crear un nuevo índice, ¿por qué es tan problemático establecer el tipo de campo y el script debe escribirse mucho?
Quejas de entrega de I+D: hay tantos campos de índice, ¿qué significa cada campo? ¿No hay documentación relacionada?
Un programador ideal:
Si no hay una herramienta, entonces escribiremos una nosotros mismos.Para los programadores, ¿no es escribir una herramienta pequeña algo que se puede hacer con solo pensar en ella? Simplemente hágalo. La herramienta no tardó mucho en aparecer frente a todos. Es más conveniente y fácil de usar que kibana y ES-header. Los colegas también piensan que es muy bueno. Parte de la interfaz es la siguiente :
Para obtener más información sobre la herramienta, consúltela. También quiero que la pruebe y haga sugerencias.
Enlace de descarga: https://github.com/duzhimin/fast-es/releases/download/v1.0/FastES_v1.0_Setup.exe
Introducción a la función: https://github.com/duzhimin/fast-es/blob/main/docs/instructions.md
Aquí viene el problema:
Después de los me gusta, seguidos de las quejas, hay dos puntos de quejas:
Interfaz fea: desarrollada en base a java swing, intrínsecamente fea
No se puede usar multiplataforma: solo se puede usar en Windows
¿Qué pasa?
siempre hay una solución a un problema:
Buscando una pila de tecnología embellecida y multiplataforma para desarrollar este cliente
1. Selección de tecnología
Después de algunas investigaciones técnicas, finalmente elegimos electron-vite por las siguientes razones:
electrón:
Electron es un marco para crear aplicaciones de escritorio utilizando JavaScript, HTML y CSS. Al fusionar Chromium y Node.js en el mismo entorno de tiempo de ejecución, cree aplicaciones compatibles con las plataformas Mac, Windows y Linux. Mediante el uso de electrones, podemos lograr multiplataforma + embellecimiento
ventaja:
Fácil de desarrollar, la pila de tecnología es adecuada para estudiantes front-end (la interfaz de usuario usa tecnología web y la parte de interacción API del sistema usa NodeJS)
defecto:
1) El volumen de empaquetado es grande y es necesario empaquetar el entorno de tiempo de ejecución de Chromium y NodeJS.
2) Gran consumo de memoria: Chromium en sí mismo consume más memoria, y NodeJS es ejecutado por JIT.En comparación con C++ y otros lenguajes AOT, el consumo de memoria también es mayor.
rápidamente:
Vite es una nueva herramienta de creación de front-end que puede mejorar significativamente la experiencia de desarrollo de front-end.
electrón-vite
electron-vite es una nueva herramienta de construcción de desarrollo de Electron diseñada para proporcionar una experiencia de desarrollo más rápida y optimizada para Electron.
Ver+ElementoPlus
No hace falta decir que estos dos son marcos de desarrollo front-end muy maduros, que se pueden usar entre
Construcción del entorno:
1. Instalar nodejs
https://nodejs.org/en/v18.14.1 _
2. Para verificar si Node.js está instalado correctamente, ingrese el siguiente comando en su terminal:
nodo -v
npm-v
3. Primero cree una carpeta e inicialice el paquete npm
mkdir mi-aplicación-de-electrones && cd mi-aplicación-de-electrones
inicio npm
4. Instale el paquete electrónico en las dependencias de desarrollo de la aplicación
npm install --save-dev electrón
Agregue un comando de inicio en el campo de secuencias de comandos en su archivo de configuración package.json:
{
"scripts": {
"start": "electron ."
}
}6. El comando de inicio le permite abrir su aplicación en modo de desarrollo: npm start
7. Instalar vscode
herramientas de desarrollo front-end
8. Instalar elemento-plus
npm instalar elemento-plus --save
Inicio rápido
npm crear @quick-start/electron
Siga las indicaciones para ingresar el nombre del proyecto paso a paso
Ejecute npm start para ver la interfaz relevante
Comentarios (debido a razones de red, puede haber errores en la descarga de paquetes relacionados de npm, solo inténtelo de nuevo)
Efecto
