Vue + Element UI + Spring Boot pequeña demostración

Seguí el tutorial hace un tiempo e hice una parte de un pequeño proyecto, porque sentí que había pasado por lo básico y no recordaba nada. Me preguntaba si sería mejor seguir el tutorial. También me pasó para ver cómo se usa en realidad. Me resultó muy difícil. Este tipo de cosas es realmente lo mismo que si no aprendieras los conceptos básicos. A veces, se necesitan algunas horas para encontrar errores en el medio. . Es principalmente porque aprendí saltando, y me salté muchas cosas de transición en el medio, porque ahora muchos marcos técnicos se construyen poco a poco, al igual que muchos trucos de front-end también se construyen en JavaScript, muchos C ++ La gramática también se basa en el lenguaje C. Como dijo el maestro Newton: "Si veo más lejos que otros, es porque estoy sobre los hombros de gigantes".
Hay otro problema. Diferentes personas tienen diferentes hábitos de escritura, pero realmente funcionan. Siempre hay un acuerdo adecuado y acuerdo, al igual que un protocolo de red, debe seguir algunas reglas que no se pueden cambiar. Ahora todavía no puedo decir cuál es bueno. Baidu también es ambiguo. Así que cuando veo mejor, quiero cambiarlo. Porque sé menos, sé menos, sé menos, así que ahora tengo que imitarlo, así que balbucea. . La versión se actualiza e itera muy rápidamente, y me gusta la última versión muchas veces cuando uso cosas, entonces. . .

Pila de tecnología:
Front-end : axios Vue + Elemento de interfaz de usuario + (para lograr una comunicación asíncrona)
Backend : Spring Boot + JPA + MySQL
Base de datos : MySQL (versión 5.7 en su computadora, pero la versión 8.0 de la integración de ideas realmente utilizada, así que preste especial atención a la zona horaria y la configuración de la clase de base de datos en el archivo de configuración)
herramientas de desarrollo:

IDEA 2020.1 versión
cliente sqlyog

Servicio:

Se abren dos servicios, el puerto front-end es 8080 y el back-end es 8181. Debido a que el valor predeterminado es 8080, debe cambiar uno (generalmente cambiar el back-end); de lo contrario, el inicio falla y se informa un error. También puede empaquetar el proyecto de front-end y juntar el back-end, de modo que a través de la configuración de la URL, pueda usar uno. Esto es lo que vi hace dos días, pero no lo haré, porque lo estoy haciendo (en de hecho, me he olvidado de jugar Up)

Características:

Puede realizar la adición, eliminación y modificación de libros. En la actualidad, es solo para la operación de una sola tabla.
Puede realizar la operación de visualización de paginación.
Haga clic en el contenido correspondiente para realizar el salto de enrutamiento, no la redirección

Mostrar:
Base de datos (se han realizado adiciones y eliminaciones ...)

Inserte la descripción de la imagen aquí

extremo posterior

Preste atención a la configuración de los archivos de dependencia pom y yml (por supuesto, también puede usar el estilo de propiedades)
Inserte la descripción de la imagen aquí

Interfaz

Debido a problemas como la versión, debe ingresar npm run serve en lugar de npm run dev para comenzar. Esto varía según el software, etc.
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí

Interfaz, preste atención a los cambios en la barra de direcciones

Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Esta operación tiene parámetros, porque el código de back-end es modificado y eliminado por id

Inserte la descripción de la imagen aquí

Código fuente:

Enlace de dirección de almacén . (Hice ping al sitio web de github y cambié el archivo de host, pero a veces todavía no puedo ingresar ...)

Supongo que te gusta

Origin blog.csdn.net/weixin_45845039/article/details/115038314
Recomendado
Clasificación