Excelente aporte de verdad, y si como indican en varios comentarios hay que ir trabajando en algunos puntos que han cambiado con las actualizaciones de las nuevas versiones, algunos errores los solucione con los comentarios y el más complicado fue el que dejo mi granito de arena, al terminar este video estuve en el error que no me traía los resultados de la base de datos y se debe a que el nombre de la tabla de la base de datos llamada desde el archivo persona.java del backend le falta una ¨s¨ al final (minuto 19:20) según cómo llamaron la tabla en la base de datos... gracias @SinFloo me uniré...
MIS RESPETOS MAESTRO, ESTOY APRENDIENDO MUCHO CON TU CANAL TODOS LOS DÍAS VEO TUS VÍDEOS YA QUE ESTOY ESTUDIANDO COMO PROGRAMADOR ANALISTA EN JAVA. SALUDOS MAESTRO.
Maestro, lo felicito por hacer un crud de angular y spring, seria un plus mejor si hiciera un video tutorial de como hacer un proyecto mas robusto y complejo con angular y spring no solo en crud, sino tambien temas de seguridad (roles, perfiles, usuarios, permisos), que ciertos componentes puedan ver personas de afuera y otros componentes los que tengan roles de admin, editores, etc, autenticacion, token, como cargar una imagen y que se previsualice, al hacer un registro o modificar uno, que se cierre un modal y despues de un tiempo se refresque la pagina. Un proyecto asi y creame que sera de gran ayuda para los que queremos seguir la linea de angular y spring. Ojala lo pueda hacer, felicitaciones por el video. Saludos desde Peru
Despues de muchos intento funcionooooo!!!! muchas gracias! Aunque me gustaría que pudieras explicar mas a fondo ciertas cosas de Spring, y por que es necesario ponerlas, porque aunque haya entendido la mayoría aun me quedan varias sin entender! Aún así, excelente vídeo, deberías hacer una versión actualizada
En tsconfig.json, en la seccion compilerOptions, agregar "strictPropertyInitialization": false Para que no les moleste el inicializador de variables de Persona.ts Bajar el angular y luego levantarlo nuevamente
Esta es la manera correcta de implementar la clase PersonaRepertorio: public interface PersonaRepositorio extends Repository{ List findAll(); List findById(Integer id ); Persona save(Persona p); void delete(Persona p); long count(); } Los Metodos save y findOne no sirven, deben ser sustituidos de la manera anterior. Por otro lado en el archivo application.properties deben cambiar: server.servlet.context-path = /ejemplo01 (ACTUALIZADO) server.context-path= /ejemplo01 (DEPRECATED) Se agradece el esfuerzo invertido en la creación de este vídeo.
Mil Gracias hace días que vengo rabiando con esto y al fin lo pude hacer. Lo único a corregir es que el Backend la funcion findOne() ya no funciona ahora se debe colocar findById() , SINO NO CORRE EL BACKEND. Por lo menos asi me paso a mi.
Cosas para tener en cuenta, en el proyecto de springboot cuidado con la ubicacion de los archivos creados DEBEN ESTAR DENTRO DE LA CARPETA DE DONDE SE EJECUTA LA APP, segundo en las ultimas versiones de Angular esta molestando el CORS al momento de hacer las peticiones al Back en este video solucionan th-cam.com/video/iXbsn-qaqsw/w-d-xo.html y por ultimo si importan librerias en Angular colocar o revisar que queden con el ";" , Tips para no morir en el intento
con que version de java decargaste el proyecto ? porque la 17 para arriba tira error en el javax debes trabajar con la version 11 o inferior y no te dara ese problema
meu amigo, você é o melhor!!! tenho alguns cursos de angular +spring mas são sempre bem complexos o entendimento, as vezes não consigo entender e sempre quando vejo os seus tutoriais dá certo, por isso você está de parabens por simplificar as coisas, muito obrigado acompanho bastante os seu videos!!!! continue assim, sempre ajudando os que precisam. valeu e bom trabalho para todos nós.
Estoy iniciando de cero como programador de aplicaciones web. Me llevo una semana en echar a andar el back. El tutorial es bueno, sin embargo esta desactualizado, por el cambio de versiones, y le falta definir los pre requisitos, como la instalación de los plugins de spring en net beans, tener instalado Maven, etc. Cambio la forma de conexión a la base de datos server.servlet.context-path=/UserCRUD spring.datasource.url=jdbc:mysql://localhost:3306/DATABASE?serverTimezone=UTC El import org.springframework.data.repository.Repository es obsoleto, los cambiaron por;import org.springframework.data.repository.CrudRepository; .
el import org.springframework.data.repository.Repository si me funcionó, pero lo que no sirve es la manera en que declara el findOne: public interface PersonaRepositorio extends Repository{ ListfindAll(); Persona findOne(int id); Persona save(Persona p); void delete(Persona p); } yo coloqué esto: public interface PersonaRepositorio extends Repository{ ListfindAll(); Persona findByid(int id); Persona save(Persona p); void delete(Persona p); } por lo que leí, requiere que el nombre del "metodo" contenga el nombre del parametro sin underscores y listo
gracias por compartir eso, yo tambien tuve muchos problemas para correr el back pero gracias a sus comentarios me tomo menos de un dia arreglarlos, si alguien tiene duda de como hacer que todo funcione los invito a revisar este archivo que cree en github ,es una guia de este tutorial github.com/rxfxngel/Angular/blob/master/AngularSpring/part1.md espero los ayude mucho
Muy buena Maestro! lo que no me había percatado en: export class Persona{ a_id : number; }, como ejemplo, tenían que ser igual al objeto que se recibía de spring boot. ejm: [{ a_id }]. Saludos desde Lima, Perú
Hola en la parte de Spring Boot el Backend lo tengo tal cuál pero al correr el programa salta la conexión y me marca lo siguiente Error creating bean with name 'controlador': Unsatisfied dependency expressed through field 'service' Probé de todo y no sé porqué me sale lo del bean.
**SOLUCION TEMPORAL** Al error: org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'controlador': Unsatisfied dependency expressed through field 'service'; nested exception is org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'personaServiceImp': Unsatisfied dependency expressed through field 'repositorio'; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'personaRepositorio': Invocation of init method failed; nested exception is java.lang.IllegalArgumentException: Failed to create query for method public abstract com.example.demo01.Persona com.example.demo01.PersonaRepositorio.findOne(int)! No property findOne found for type Persona! En la clase "PersonaRepositorio" comente todos los métodos excepto "ListfindAll();"
Todo bien hasta la parte del backend, algo nuevo para mi utilizar maven, y me costo entender algunas cosas de esa parte, pero lo principal era entender angular y eso estuvo 10/10. No se si fue porque lo bien que lo explicaste o porque ya habia realizado un crud antes que me costo mucho entender y con tu video lo vi tan sencillo.
Todo perfecto, Gracias!, tremenda ayuda para entender todo lo relacionado a como funciona esto de la relación de los proyectos Front-End y Back-End, actualmente tengo solo un problema con esta parte del tutoría : en la interface PersonaRepositorio si habilito las Lines referentes a los métodos finOne, Save y Delete, el proyecto falla, actualmente los tengo comentados dejando solo ListfindAll();, porque puede pasar esto?
Buenas tardes, si en el metodo de obtener las personas que regresa una lista en el back, la lista viniera nula, ese error como se propagaria a mi front? es decir, para mandar un mensaje en la pantalla que diga, lista vacia o no se encontraron datos por ejemplo, como puedo hacer eso?
estoy creando el proyecto en la página de spring y solo hay las versiones de 2.3.7 hasta la 2.5.0 y cuando lo genero no me lo abre completo en el netbeans, aparte me sale error como de incompatibilidad, use el netbeans 8.2
Veo a que todo el mundo al parecer le sirve pero a mi me sale un error al momento de hacer la prueba del minuto 26:30 en el que apagas el servidor y lo pruebas, me pueden ayudar??
Primera ocasión que manejo spring , me resulta un tanto confuso algunas partes (En especial eso de las anotaciones), estaría increible poder ver mas ejemplos de este tipo junto con angular , gracias por compartir! sigue asíi!
Al crear el archivo Persona.ts y definir las variables me daerror : Property 'id' has no iniatializer and is not definitely assigned in the constructor
para los que están viendo este video el 2024 subiré los fuentes actualizados tanto del lado del server(spring boot 3.3.3 con java 17) como del cliente(angular 18.1 standalone version) si no se molesta el autor del video
Yo tengo un problema, me da un error de conexion en localhost:8080/ejemplo01/personas ¿Que es en esta ruta personas? entiendo que si pongo esta ruta en mi navegador me deberia aparecer algo y me sale error y tengo el apache levantado aunque en las trazas no me dice nada como en el video de "Tomcat levantado en el puerto 8080"
hice todo al pie de la letra y no me funcion. No me muestra los datos de hecho entre al github y copie las lineas de codigo tal cual como las pusiste tu. Pero algo curioso al añadir lo de las las tablas me deceparecieron los botones
al momento de generar el proyecto en spring y cargarlo a mi netbeans me sale ejemplo01[unloadable]? posteriormente no me aparece el source package ni tampoco el com.sinflo.ejemplo01 y el Ejemplo01Application.java LA VERSION QUE PUSE EN EL SPRING LA PUSE EN 2.1.12, YA QUE NO ME SALIA LA DEL VIDEO Esto me esta impidiendo como tal hacer el procedimiento. Ayuda por favor.
Gracias por este valioso video, tenia problemas al inicio en el angular para mostrar los datos. En el backend me funcionaba ok, pero no le habia puesto la anotacion @CrossOrigin porque pense que no era indispensable pero debido a que no me funcionaba no entendia el porque, hasta que puse la anotacion mencionada anteriomente. Mi pregunta es ,¿no hay otra manera de omitir la anotacion @CrossOrigin? siendo que al ser un proyecto backend no solo se puede conectar angular con el servicio, sino tambien php y otros lenguajes webs, al poner localhost:4200 ¿no le estaria dando un uso exclusivo para el angular? Lo
Hola, ¿no hay una librería o complemento que agregue los path y componentes automáticamente a medida que los creo?, ¿o siempre hay que hacer esos pasos cada que cree uno?.
Muchas Gracias por tu apoyo la verdad que Dios te bendiga 🙏.. Solo algui n sabe de dónde saco los valores de la tabla en el minuto 11:37.. Se los agradecería
Felicitaciones estimado. Así deberían de ser los tutoriales, precisos y claros. Consulta, despues del terminar el desarrollo, como se hace el empaquetado fronend y backend, para un despliegue a producción?
Buenas noches desde Colombia, gracias por compartir el conocimiento. Te cuento que he intentado cuatro veces de realizar el taller , pero la verdad no se que me falta, cujando doy clic a los botones no me trae la info de la lista. gracias por tu ayuda.
Buen explicación, aunque leyendo los comentarios si se sigue al pie de la letra va a generar muchos erros, empezando por la version de spring que se utiliza ya esta desactualizada.
si yo hago otro controlador para otra tabla, hago otras interfaces y demás archivos q corresponden , como le habilito el crossorigin ?? solo me reconoce uno :(
Bueno pero no me funcionó, logre ejecutar el modelo y se me quedó en la ultima parte (rproyecto/src/app/Persona/listar/listar.component.ts ) al introducir el servicio en el constructor de la clase no me permite ejecutar el método listar, es decir no muestra la tabla.
Hola buenas tardes, quería consultar lo siguiente pasa que deseo crear un proyecto maven en netbeans 8.2 pero por alguna razón no me lo permite me sale lo siguiente: Cannot run program "cmd" (in directory "C:\Users\Microsoft\Desktop\maven"): Malformed argument has embedded quote: "C:\Program Files\NetBeans 8.2\java\maven\bin\mvn.bat" -DarchetypeGroupId=org.codehaus.mojo.archetypes -DarchetypeArtifactId=webapp-javaee7 -DarchetypeVersion=1.1 -DarchetypeRepository=repo.maven.apache.org/maven2 -DgroupId=com.untels -DartifactId=AppWebMaven -Dversion=1.0-SNAPSHOT -Dpackage=com.untels.appwebmaven -Dbasedir=C:\Users\Microsoft\Desktop\maven -Darchetype.interactive=false -Dmaven.ext.class.path="C:\Program Files\NetBeans 8.2\java\maven-nblib etbeans-eventspy.jar" --batch-mode archetype:generate No se a que se pueda deber, llevo horas tratando de solucionarlo y no encuentro una solución convincente, me podrías dar una sugerencia para poder resolver este problema.
me sale este error: Failed to execute goal org.codehaus.mojo:exec-maven-plugin:3.0.0:exec (default-cli). Que alguien me ayude a solucionarlo, he intentado con varios métodos pero ninguno funciona :(
Para los que os habeis quedado en "ng serve" y sale error, deprecated, y luego sale que no se permite ejecucion script en este equipo. Hay que abrir powrshell como administrador y poner: Set-ExecutionPolicy Unrestricted luego ya podreis ejecutar el ng serve en visual studio
Una duda, como sabe angular router donde "pintar" la tabla por ejemplo, es decir, si quisiera cargar un componente en un DIV especifico, como seria? Pdta: Me funciona jeje
Hola , si alguien tiene la misma duda les comento, al parecer hay una directiva que se asocia con el Router, esa directiva es , y ella carga el estado actual del Router, entonces donde esté esa etiqueta esta el contenido del Router.
Gracias por el tutorial, muy amigable me parece, aunque cuando hice el ejemplo, el contexto de mapeo para el servlet, no tomó la propiedad, server.contextPath=/ejemplo01, sino que utilice server.servlet.contextPath=/ejemplo01
ya tienes un suscrito más, fanático de tus videos, ahora me gustaría que vendas algún curso, cuando uno ve que realmente se esfuerzan por ayudar con todo gusto te compro el curso.
siento que es demasiado para aprenderselo no de memoria ya se que eso hacen los desarrolladores pero como le hacen para no hacerse bolas entre las carpetas (componentes, frames, index, dependencias etc) quiero y estoy aprendiendo apis rest pero como hacerlo sin tanta complicación ¿no es demasiado codigo para aprenderse? o hay tecnicas de pronto mas fáciles. UPDATE: (corrección ya vi como se hacia antes con solo java glassfish o tomcat aparte como servidor web opcional postman para probar el servidor backend) y sin framework alguno y si era mucho mas complicado, ni modo de momento esto con Angular o react +spring boot (con gradle o maven (para iniciantes)) +bd es lo más fácil que hay al momento para hacer un CRUD o POST,GET,PUT,DELETE para enviar y recibir peticiones (de web services microservicios) O DE PRONTO ¿HAY UNA TECNICA QUE FACILITE ESTO AUN MAS?
pues lo mejor que puedes hacer aparte de este excelente trabajo, implementar un crud con Angular Material última versión angular, integrado con un microservicio en java, y una bd como postgress, saludos
Hola, ¿como estas ? disculpa le estoy entiendo bastante al tutorial ya con algunos conocimientos que tengo pero cuando ejecuto la aplicación no me muestra nada en la pantalla entonces voy a la consola y me envia un mensaje de error sobre crosorigin agregue una modificación en el proyecto de angular colocando un proxy no se si lo hice bien , pero ahora no encuentra mi pagina web. me podrías apoyar con este incidente. Saludos Cordiales.
recibo este error al compilar el application properties, como puedo solucionarlo?? Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec
desafortunadamente la pagina para generar el proyecto en spring ya no permite seleccionar la versión que SinFloo utiliza y nos lo genera en una versión superior , lo que me dio solución fue ingresar en el archivo 'pom.xml' y desde ahí asignar la versión 1.5.19 que es la que se utiliza en este ejemplo y los problemas se fueron , eso me funciono , espero te sea de ayuda ;)
@@saulmedina4473 Me puedes pasar el fragmento de código que te soluciono este problema por favor..... este es mi correo: ing.davideveloper@outlook.com este es mi error, muy similar. Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.5.0:exec (default-cli) on project Ejemplo02: Command execution failed. Process exited with an error: 1 (Exit value: 1) -> [Help 1]
Me sale este error cuando compilo el proyecto después de haberlo terminado:Field repository in com.example.demo.PersonServiceImp required a bean of type 'com.example.demo.PersonRepository' that could not be found. Consider defining a bean of type 'com.example.demo.PersonRepository' in your configuration.
Despues de pasar horas buscando cual era la razón del error lo corregí agregando esto en el metodo main del sistema: @ComponentScan(basePackages = {"com.example.NombredelMain"}). Ahora compila pero no envia respuesta a las peticiones.
Gracias por el video, muy bueno. Tengo una pregunta, yo tengo un componte creado (componente1) y dentro de esa carpeta creo otro (componente2), la idea es que cuando le de click en listar se pinte el componente2 dentro del componente1 quien es el que tiene la plantilla de la pagina. Lo que sucede es que cuando le doy click en listar se me abre una nueva ventana con el componente 2 y no se me pinta el componente2 dentro del componente1 que es lo que quiero que suceda. ¿qué puedo hacer? Gracias.
Es referente a este error...? Access to XMLHttpRequest at 'localhost:8080/Ejemplo02/persona' from origin 'localhost:4401' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Tengo una duda, cuando cree la interfaz de PersonaRepositorio, esto me generaba el siguiente error UnsatisfiedDependencyException. Pero lo cambie a una clase y compilo correctamente. Por qué pasa esto?? Muchas gracias
Genial proyecto muchas gracias por compartirlo tengo una duda , recien empiezo con angular si creo un proyecto como practica y le instalo todos sus componentes para volver a abrir ese proyecto que acciones se deben realizar
hola tengo este error: [INFO] ------------------------------------------------------------------------ [ERROR] Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec (default-cli) on project director: Command execution failed.: Process exited with an error: 1 (Exit value: 1) -> [Help 1] [ERROR] [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch. [ERROR] Re-run Maven using the -X switch to enable full debug logging. como la soluciono?
excelente todo, solo le agregaria que dejes un git para descargar ya todo el proyecto, yo vine para aprender spring mas que todo y ver como se integra con angular , por ende, escribir la parte de angular es un poco fastidioso para los que ya dominamos bien angular, critica constructiva. me suscribo y le dejo un like, saludos!
Hola amigo me sale un error en el localhost:8080 zone.js:3243 GET localhost:8080/spa/personas 403 Access to XMLHttpRequest at 'localhost:8080/spa/personas' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Os dados nao sao retornados para a tabala, mudei a porta do apache para 2380 e configurei a url do service como localhost:2380/cadastro/pessoas e mesmo assim nao funciona. O que pode ser?
Buen día! Estoy siguiendo los pasos del video y me surgió una duda: ¿Cómo hago para que al clickear los botones "Listar" o "Nuevo" no me redirija a otra página sino que aparezca la lista y el add en la misma página cómo se muestra en el video?
Alguno con este error... Access to XMLHttpRequest at 'localhost:8080/Ejemplo02/persona' from origin 'localhost:4401' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Hola disculpa la molestia pero al ejecutar el neatbens la primera vez como lo haces tu me asalta este error Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec (default-cli) on project flotavehiculos: Command execution failed. Process exited with an error: 1 (Exit value: 1) -> [Help 1] To see the full stack trace of the errors, re-run Maven with the -e switch. Re-run Maven using the -X switch to enable full debug logging. For more information about the errors and possible solutions, please read the following articles: [Help 1] cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException
Espero que hayas podido resolver hermano, me parece que sólo hay que cambiar la configuración, yo estoy justo en proceso de conectar con postgresql, si sigue tu duda pues me hablas y averiguamos. :)
De tantos videos e incluso con Udemy fuiste el único que me ayudó con lo que necesitaba. Gracias hermano, un saludo
Hola, a ti no te salió error de cors?
en 30 min explicó mejor que un curso de 16h de udemy
Totalmente de acuerdo
Estaba viendo cursos de udemy para este tema, me podrias decir que curso fue el que tomaste, para evitar tomarlo gracias. 🤔
jajaja te mamaste jaja pero es cierto.
Totalmente de acuerdo
eso es verdad
Excelente aporte de verdad, y si como indican en varios comentarios hay que ir trabajando en algunos puntos que han cambiado con las actualizaciones de las nuevas versiones, algunos errores los solucione con los comentarios y el más complicado fue el que dejo mi granito de arena, al terminar este video estuve en el error que no me traía los resultados de la base de datos y se debe a que el nombre de la tabla de la base de datos llamada desde el archivo persona.java del backend le falta una ¨s¨ al final (minuto 19:20) según cómo llamaron la tabla en la base de datos... gracias @SinFloo me uniré...
MIS RESPETOS MAESTRO, ESTOY APRENDIENDO MUCHO CON TU CANAL TODOS LOS DÍAS VEO TUS VÍDEOS YA QUE ESTOY ESTUDIANDO COMO PROGRAMADOR ANALISTA EN JAVA. SALUDOS MAESTRO.
Este canal es muy recomendable, me ayuda a comprender mejor las herramientas que me explican en la universidad.
Maestro, lo felicito por hacer un crud de angular y spring, seria un plus mejor si hiciera un video tutorial de como hacer un proyecto mas robusto y complejo con angular y spring no solo en crud, sino tambien temas de seguridad (roles, perfiles, usuarios, permisos), que ciertos componentes puedan ver personas de afuera y otros componentes los que tengan roles de admin, editores, etc, autenticacion, token, como cargar una imagen y que se previsualice, al hacer un registro o modificar uno, que se cierre un modal y despues de un tiempo se refresque la pagina. Un proyecto asi y creame que sera de gran ayuda para los que queremos seguir la linea de angular y spring. Ojala lo pueda hacer, felicitaciones por el video. Saludos desde Peru
Pienso lo mismo
para los que apenas estén empezando , tengan en cuenta que previamente hay que instalar node js en el equipo o los comandos no servirán.
exclente aporte
solo lo instalo y ya bro?
@@aldairjimenez2152 Si, instala nodeJs y esos comandos funcionaran, es el requisito previo
Despues de muchos intento funcionooooo!!!! muchas gracias! Aunque me gustaría que pudieras explicar mas a fondo ciertas cosas de Spring, y por que es necesario ponerlas, porque aunque haya entendido la mayoría aun me quedan varias sin entender!
Aún así, excelente vídeo, deberías hacer una versión actualizada
Opino lo mismo, debería actualizarlo por que ya muchas han cambiado y aún no he sido capaz de lograrlo
Brother, me has dado tanta info sin investigar tanto en stackoverflow jaja. Gracias bro. +1 sub :D
En tsconfig.json, en la seccion compilerOptions, agregar "strictPropertyInitialization": false
Para que no les moleste el inicializador de variables de Persona.ts
Bajar el angular y luego levantarlo nuevamente
Gracias crack
@@pipevargas5582 me podría hacer un favor, como hago para poder darle de baja y nuevamente levantarlos soy nuevo utilizando Angular?
2022 sigue funcionando, Gracias
Muchas gracias, fue bastante claro tuve que hacer un poco de modificaciones por el tiempo que ha pasado, le saque mucho gusto a tu curso
Esta es la manera correcta de implementar la clase PersonaRepertorio:
public interface PersonaRepositorio extends Repository{
List findAll();
List findById(Integer id );
Persona save(Persona p);
void delete(Persona p);
long count();
}
Los Metodos save y findOne no sirven, deben ser sustituidos de la manera anterior.
Por otro lado en el archivo application.properties deben cambiar:
server.servlet.context-path = /ejemplo01
(ACTUALIZADO)
server.context-path= /ejemplo01 (DEPRECATED)
Se agradece el esfuerzo invertido en la creación de este vídeo.
para que se ocupa un list en findById si solo devuelve 1 objeto? ; el método delete debe llevar como parametro el id del objeto persona(Buscar por id)
gracias me sirvio tu comentario
gracias bro
Mil Gracias hace días que vengo rabiando con esto y al fin lo pude hacer.
Lo único a corregir es que el Backend la funcion findOne() ya no funciona ahora se debe colocar findById() , SINO NO CORRE EL BACKEND. Por lo menos asi me paso a mi.
Crackkkkk, gracias!
Cosas para tener en cuenta, en el proyecto de springboot cuidado con la ubicacion de los archivos creados DEBEN ESTAR DENTRO DE LA CARPETA DE DONDE SE EJECUTA LA APP, segundo en las ultimas versiones de Angular esta molestando el CORS al momento de hacer las peticiones al Back en este video solucionan th-cam.com/video/iXbsn-qaqsw/w-d-xo.html y por ultimo si importan librerias en Angular colocar o revisar que queden con el ";" , Tips para no morir en el intento
a mi tira error con maven
me esta fallando el javax.persistence.* dice que no existe :(
con que version de java decargaste el proyecto ? porque la 17 para arriba tira error en el javax debes trabajar con la version 11 o inferior y no te dara ese problema
@@harvinacosta5823 eso fue conmigo?
@@Xander914 si bro
Que simple lo hace impresionante! Felicitaciones maestro!!!
meu amigo, você é o melhor!!! tenho alguns cursos de angular +spring mas são sempre bem complexos o entendimento, as vezes não consigo entender e sempre quando vejo os seus tutoriais dá certo, por isso você está de parabens por simplificar as coisas, muito obrigado acompanho bastante os seu videos!!!! continue assim, sempre ajudando os que precisam. valeu e bom trabalho para todos nós.
Qué buen video! Funciona al 100% y bien explicado, muchas gracias!
Estoy iniciando de cero como programador de aplicaciones web. Me llevo una semana en echar a andar el back.
El tutorial es bueno, sin embargo esta desactualizado, por el cambio de versiones, y le falta definir los pre requisitos, como la instalación de los plugins de spring en net beans, tener instalado Maven, etc.
Cambio la forma de conexión a la base de datos
server.servlet.context-path=/UserCRUD
spring.datasource.url=jdbc:mysql://localhost:3306/DATABASE?serverTimezone=UTC
El import org.springframework.data.repository.Repository es obsoleto, los cambiaron por;import org.springframework.data.repository.CrudRepository;
.
NO SE COMO INSTALAR EL MAVEN porque me sale error al abrir el archivo en netbeans, si tienes alguna ayuda te lo agradeceria.
@@angelosamirttito1150 pone en el cmd npm install maven
el import org.springframework.data.repository.Repository si me funcionó, pero lo que no sirve es la manera en que declara el findOne:
public interface PersonaRepositorio extends Repository{
ListfindAll();
Persona findOne(int id);
Persona save(Persona p);
void delete(Persona p);
}
yo coloqué esto:
public interface PersonaRepositorio extends Repository{
ListfindAll();
Persona findByid(int id);
Persona save(Persona p);
void delete(Persona p);
}
por lo que leí, requiere que el nombre del "metodo" contenga el nombre del parametro sin underscores y listo
gracias por compartir eso, yo tambien tuve muchos problemas para correr el back pero gracias a sus comentarios me tomo menos de un dia arreglarlos, si alguien tiene duda de como hacer que todo funcione los invito a revisar este archivo que cree en github ,es una guia de este tutorial github.com/rxfxngel/Angular/blob/master/AngularSpring/part1.md espero los ayude mucho
@@rafangel7516 gracias Bro
Muy buena Maestro! lo que no me había percatado en: export class Persona{ a_id : number; }, como ejemplo, tenían que ser igual al objeto que se recibía de spring boot. ejm: [{ a_id }].
Saludos desde Lima, Perú
Saludos..!!!
Excelente muy buena explicación de un maestro profesional conocimiento total de lo mostrado. Adelante y Gracias 🙂.
Hola en la parte de Spring Boot el Backend lo tengo tal cuál pero al correr el programa salta la conexión y me marca lo siguiente
Error creating bean with name 'controlador': Unsatisfied dependency expressed through field 'service'
Probé de todo y no sé porqué me sale lo del bean.
Lo solucionaste ? me aparece lo mismo jaja
@@eduardocortes6923 En el repositorio intenta cambiar el findOne() por findById() con eso se me arreglo todo a mi.
**SOLUCION TEMPORAL** Al error: org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'controlador': Unsatisfied dependency expressed through field 'service'; nested exception is org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'personaServiceImp': Unsatisfied dependency expressed through field 'repositorio'; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'personaRepositorio': Invocation of init method failed; nested exception is java.lang.IllegalArgumentException: Failed to create query for method public abstract com.example.demo01.Persona com.example.demo01.PersonaRepositorio.findOne(int)! No property findOne found for type Persona!
En la clase "PersonaRepositorio" comente todos los métodos excepto "ListfindAll();"
Gracias
Todo bien hasta la parte del backend, algo nuevo para mi utilizar maven, y me costo entender algunas cosas de esa parte, pero lo principal era entender angular y eso estuvo 10/10. No se si fue porque lo bien que lo explicaste o porque ya habia realizado un crud antes que me costo mucho entender y con tu video lo vi tan sencillo.
Todo perfecto, Gracias!, tremenda ayuda para entender todo lo relacionado a como funciona esto de la relación de los proyectos Front-End y Back-End, actualmente tengo solo un problema con esta parte del tutoría : en la interface PersonaRepositorio si habilito las Lines referentes a los métodos finOne, Save y Delete, el proyecto falla, actualmente los tengo comentados dejando solo ListfindAll();, porque puede pasar esto?
Buenas tardes, si en el metodo de obtener las personas que regresa una lista en el back, la lista viniera nula, ese error como se propagaria a mi front? es decir, para mandar un mensaje en la pantalla que diga, lista vacia o no se encontraron datos por ejemplo, como puedo hacer eso?
estoy creando el proyecto en la página de spring y solo hay las versiones de 2.3.7 hasta la 2.5.0 y cuando lo genero no me lo abre completo en el netbeans, aparte me sale error como de incompatibilidad, use el netbeans 8.2
tengo problemas , nose si es que influya que use el sts en lugar de netbean, pero no reconoce mi url
Veo a que todo el mundo al parecer le sirve pero a mi me sale un error al momento de hacer la prueba del minuto 26:30 en el que apagas el servidor y lo pruebas, me pueden ayudar??
Primera ocasión que manejo spring , me resulta un tanto confuso algunas partes (En especial eso de las anotaciones), estaría increible poder ver mas ejemplos de este tipo junto con angular , gracias por compartir! sigue asíi!
que pasa con el de spring ya no sale laversion que utilizaste y me sale error cual me recomiendas usar para que igual en net beans no me salga error
¿En la conexión, en el campo de contraseña si uno no tiene se deja vació o se pone algo en concreto?
Gracias Campeón!
printf("You are the best teacher");
Hay alguna lista de reproduccion
Hola, tengo una duda, hice todo el proceso y no me aparecen errores, pero cuando voy a listar, no me aparecen ningun dato ???? Saben el porque
Al crear el archivo Persona.ts y definir las variables me daerror : Property 'id' has no iniatializer and is not definitely assigned in the constructor
para los que están viendo este video el 2024 subiré los fuentes actualizados tanto del lado del server(spring boot 3.3.3 con java 17) como del cliente(angular 18.1 standalone version) si no se molesta el autor del video
Disculpe por que crea dos interfaces que son parecidas¿?
Para que haces referencia al driver en el properties si ya se encuentra dentro de las dependencias maven cuando descargas el proyecto?
Spring boot 1.5.19 ya no esta disponible, cuando elijo Web en las dependencias me lista muchas opciones, ¿alguien ha hecho el servidor recientemente?
Esta super genial el video, muchos exitos y muchas Gracias
Yo tengo un problema, me da un error de conexion en localhost:8080/ejemplo01/personas ¿Que es en esta ruta personas? entiendo que si pongo esta ruta en mi navegador me deberia aparecer algo y me sale error y tengo el apache levantado aunque en las trazas no me dice nada como en el video de "Tomcat levantado en el puerto 8080"
hice todo al pie de la letra y no me funcion. No me muestra los datos de hecho entre al github y copie las lineas de codigo tal cual como las pusiste tu. Pero algo curioso al añadir lo de las las tablas me deceparecieron los botones
Hola de donde sale (click)="Lista()" sobre todo el Lista()?
al momento de generar el proyecto en spring y cargarlo a mi netbeans me sale ejemplo01[unloadable]?
posteriormente no me aparece el source package ni tampoco el com.sinflo.ejemplo01 y el Ejemplo01Application.java
LA VERSION QUE PUSE EN EL SPRING LA PUSE EN 2.1.12, YA QUE NO ME SALIA LA DEL VIDEO
Esto me esta impidiendo como tal hacer el procedimiento. Ayuda por favor.
Gracias por este valioso video, tenia problemas al inicio en el angular para mostrar los datos. En el backend me funcionaba ok, pero no le habia puesto la anotacion @CrossOrigin porque pense que no era indispensable pero debido a que no me funcionaba no entendia el porque, hasta que puse la anotacion mencionada anteriomente.
Mi pregunta es ,¿no hay otra manera de omitir la anotacion @CrossOrigin? siendo que al ser un proyecto backend no solo se puede conectar angular con el servicio, sino tambien php y otros lenguajes webs, al poner localhost:4200 ¿no le estaria dando un uso exclusivo para el angular?
Lo
Hola, ¿no hay una librería o complemento que agregue los path y componentes automáticamente a medida que los creo?, ¿o siempre hay que hacer esos pasos cada que cree uno?.
Muchas Gracias por tu apoyo la verdad que Dios te bendiga 🙏..
Solo algui n sabe de dónde saco los valores de la tabla en el minuto 11:37..
Se los agradecería
Felicitaciones estimado. Así deberían de ser los tutoriales, precisos y claros. Consulta, despues del terminar el desarrollo, como se hace el empaquetado fronend y backend, para un despliegue a producción?
Buenas noches desde Colombia, gracias por compartir el conocimiento. Te cuento que he intentado cuatro veces de realizar el taller , pero la verdad no se que me falta, cujando doy clic a los botones no me trae la info de la lista. gracias por tu ayuda.
tengo problema con el spring boot ya que la página ha cambiado y no sé exactamente que poner y me sale error al compilar
ami igual me pasa lo mismo cambio( spring boot y las dependencias) no se cual elegir alguien nos podria ayudar
11:49 a mi no me aparece nada solo los 2 botones y el texto y el escudo de Angular.
hola pudiste encontrar solucion?
@@alejandravargasbernal8435 no, aún no. Voy a verlo más tarde cuando llegue a mi casa.
Buen explicación, aunque leyendo los comentarios si se sigue al pie de la letra va a generar muchos erros, empezando por la version de spring que se utiliza ya esta desactualizada.
si yo hago otro controlador para otra tabla, hago otras interfaces y demás archivos q corresponden , como le habilito el crossorigin ?? solo me reconoce uno :(
Bueno pero no me funcionó, logre ejecutar el modelo y se me quedó en la ultima parte (rproyecto/src/app/Persona/listar/listar.component.ts ) al introducir el servicio en el constructor de la clase no me permite ejecutar el método listar, es decir no muestra la tabla.
Ayuda: cree el proyecto pero no se creo el app-routing.modules.ts, yo lo cree puse el codigo como el del video pero en el explorador me marca un error
Hola buenas tardes, quería consultar lo siguiente pasa que deseo crear un proyecto maven en netbeans 8.2 pero por alguna razón no me lo permite me sale lo siguiente:
Cannot run program "cmd" (in directory "C:\Users\Microsoft\Desktop\maven"): Malformed argument has embedded quote: "C:\Program Files\NetBeans 8.2\java\maven\bin\mvn.bat" -DarchetypeGroupId=org.codehaus.mojo.archetypes -DarchetypeArtifactId=webapp-javaee7 -DarchetypeVersion=1.1 -DarchetypeRepository=repo.maven.apache.org/maven2 -DgroupId=com.untels -DartifactId=AppWebMaven -Dversion=1.0-SNAPSHOT -Dpackage=com.untels.appwebmaven -Dbasedir=C:\Users\Microsoft\Desktop\maven -Darchetype.interactive=false -Dmaven.ext.class.path="C:\Program Files\NetBeans 8.2\java\maven-nblib
etbeans-eventspy.jar" --batch-mode archetype:generate
No se a que se pueda deber, llevo horas tratando de solucionarlo y no encuentro una solución convincente, me podrías dar una sugerencia para poder resolver este problema.
excelente todos tus videos, también estoy suscrito y sigue así con tu aporte; eres todo un crack..
me sale este error: Failed to execute goal org.codehaus.mojo:exec-maven-plugin:3.0.0:exec (default-cli).
Que alguien me ayude a solucionarlo, he intentado con varios métodos pero ninguno funciona :(
Amigo Como estas? tengo el mismo error. pudiste solucionarlo? Muchas gracias.
@@MrNestor123456789 lamentablemente no amigo :(
igual mismo error, sin solucion.
Para los que os habeis quedado en "ng serve" y sale error, deprecated, y luego sale que no se permite ejecucion script en este equipo. Hay que abrir powrshell como administrador y poner: Set-ExecutionPolicy Unrestricted luego ya podreis ejecutar el ng serve en visual studio
Gracias
De nada. Me quedé en net beans no me conecta la mysql... asi que no pude acabar :(
Una duda, como sabe angular router donde "pintar" la tabla por ejemplo, es decir, si quisiera cargar un componente en un DIV especifico, como seria? Pdta: Me funciona jeje
Hola , si alguien tiene la misma duda les comento, al parecer hay una directiva que se asocia con el Router, esa directiva es , y ella carga el estado actual del Router, entonces donde esté esa etiqueta esta el contenido del Router.
Gracias por el tutorial, muy amigable me parece, aunque cuando hice el ejemplo, el contexto de mapeo para el servlet, no tomó la propiedad, server.contextPath=/ejemplo01, sino que utilice server.servlet.contextPath=/ejemplo01
Me paso lo mismo. Gracias por la solucion.
gracias me sirvio tu comentario
gracias x tu comentario
Excelente, justo me funcionó con este contextPath, gracias!
me sale un error en this.router.navigate(["listar"]); em la opcion de navigate ???
ya tienes un suscrito más, fanático de tus videos, ahora me gustaría que vendas algún curso, cuando uno ve que realmente se esfuerzan por ayudar con todo gusto te compro el curso.
siento que es demasiado para aprenderselo no de memoria ya se que eso hacen los desarrolladores pero como le hacen para no hacerse bolas entre las carpetas (componentes, frames, index, dependencias etc) quiero y estoy aprendiendo apis rest pero como hacerlo sin tanta complicación ¿no es demasiado codigo para aprenderse? o hay tecnicas de pronto mas fáciles. UPDATE: (corrección ya vi como se hacia antes con solo java glassfish o tomcat aparte como servidor web opcional postman para probar el servidor backend) y sin framework alguno y si era mucho mas complicado, ni modo de momento esto con Angular o react +spring boot (con gradle o maven (para iniciantes)) +bd es lo más fácil que hay al momento para hacer un CRUD o POST,GET,PUT,DELETE para enviar y recibir peticiones (de web services microservicios) O DE PRONTO ¿HAY UNA TECNICA QUE FACILITE ESTO AUN MAS?
pues lo mejor que puedes hacer aparte de este excelente trabajo, implementar un crud con Angular Material última versión angular, integrado con un microservicio en java, y una bd como postgress, saludos
Estoy usando server.contextPath=/ejemplo01 en el archivo application.properties. pero no me funciona
Ese esta deprecado lo actulizaron ahora es server.servlet.context-path
@@santiagoagudelo728 Gracias por el dato bro!
Si se hace con nativescript el enrutamiento seria distinto?
tengo problemas con la ultima actualización de spring boot al momento de generar el proyecto desde la pagina, alguna recomendación
Hola, ¿como estas ? disculpa le estoy entiendo bastante al tutorial ya con algunos conocimientos que tengo pero cuando ejecuto la aplicación no me muestra nada en la pantalla entonces voy a la consola y me envia un mensaje de error sobre crosorigin agregue una modificación en el proyecto de angular colocando un proxy no se si lo hice bien , pero ahora no encuentra mi pagina web. me podrías apoyar con este incidente. Saludos Cordiales.
recibo este error al compilar el application properties, como puedo solucionarlo??
Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec
desafortunadamente la pagina para generar el proyecto en spring ya no permite seleccionar la versión que SinFloo utiliza y nos lo genera en una versión superior , lo que me dio solución fue ingresar en el archivo 'pom.xml' y desde ahí asignar la versión 1.5.19 que es la que se utiliza en este ejemplo y los problemas se fueron , eso me funciono , espero te sea de ayuda ;)
muchas gracias!
@@saulmedina4473 Me puedes pasar el fragmento de código que te soluciono este problema por favor.....
este es mi correo: ing.davideveloper@outlook.com
este es mi error, muy similar.
Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.5.0:exec (default-cli) on project Ejemplo02: Command execution failed. Process exited with an error: 1 (Exit value: 1) -> [Help 1]
Un video Genial, Muchas gracias.
una consulta que sistema operativo estas usando ?
tienes un tutotrial pero con tablas relacionadas?
Lo tendré en cuenta
@@SinFloo te agradecería bastante!!
pregunta, vamos a usar hibernate?
para los que no le aparece lo de app.routing.module.ts ejecuta este comando en la terminal ng generate module app-routing --flat --module=app
Gracias parcero.
Me sale este error cuando compilo el proyecto después de haberlo terminado:Field repository in com.example.demo.PersonServiceImp required a bean of type 'com.example.demo.PersonRepository' that could not be found.
Consider defining a bean of type 'com.example.demo.PersonRepository' in your configuration.
Despues de pasar horas buscando cual era la razón del error lo corregí agregando esto en el metodo main del sistema: @ComponentScan(basePackages = {"com.example.NombredelMain"}). Ahora compila pero no envia respuesta a las peticiones.
si al momento de ingresar al localhost no sale nada como lo resuelvo
una consulta en el archivo de java : Ejemplo01Aplication.java que codigo encuento ahi ?? o en todo caso podrias compartir tu proyecto de java porfa?
Que tal amigo tienes algún vídeo de cómo hacer un menú con submenú dinámico en angular desde base de datos?
Gracias por el video, muy bueno. Tengo una pregunta, yo tengo un componte creado (componente1) y dentro de esa carpeta creo otro (componente2), la idea es que cuando le de click en listar se pinte el componente2 dentro del componente1 quien es el que tiene la plantilla de la pagina. Lo que sucede es que cuando le doy click en listar se me abre una nueva ventana con el componente 2 y no se me pinta el componente2 dentro del componente1 que es lo que quiero que suceda. ¿qué puedo hacer? Gracias.
Muy bueno felicitaciones 👍👍👍
si tienen error de que el puerto ya esta ocupado en 8080 pongan server.port=8181 en el archivo aplication.properties y listo
Es referente a este error...?
Access to XMLHttpRequest at 'localhost:8080/Ejemplo02/persona' from origin 'localhost:4401' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Tengo una duda, cuando cree la interfaz de PersonaRepositorio, esto me generaba el siguiente error UnsatisfiedDependencyException. Pero lo cambie a una clase y compilo correctamente. Por qué pasa esto?? Muchas gracias
Tengo el mismo error, como lo solucionaste?
Genial proyecto muchas gracias por compartirlo tengo una duda , recien empiezo con angular si creo un proyecto como practica y le instalo todos sus componentes para volver a abrir ese proyecto que acciones se deben realizar
simplemente lo cargas en el code, y colocas el ng serve en el terminal. luego vas al navegador y entras al localhost:4200
te felicito por tu contenido, muy bien explicado, me subscribo.
hola tengo este error:
[INFO] ------------------------------------------------------------------------
[ERROR] Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec (default-cli) on project director: Command execution failed.: Process exited with an error: 1 (Exit value: 1) -> [Help 1]
[ERROR]
[ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch.
[ERROR] Re-run Maven using the -X switch to enable full debug logging.
como la soluciono?
muy bueno cuando
cuando crear un curso de cero a experto de Spring boot y Angular hasta crear sistema podria optar en udemy
Que tipo de serviciop es el que esta consumiendo?
Muchàs Gracias Un saludo desde Marruecos
Amigo podrías hacer un tutorial para filtrar datos tipo autocompletar o con pipe creo es.. O tienes algúna guía de como hacerlo por favor
excelente todo, solo le agregaria que dejes un git para descargar ya todo el proyecto, yo vine para aprender spring mas que todo y ver como se integra con angular , por ende, escribir la parte de angular es un poco fastidioso para los que ya dominamos bien angular, critica constructiva. me suscribo y le dejo un like, saludos!
Hola amigo me sale un error en el localhost:8080
zone.js:3243 GET localhost:8080/spa/personas 403
Access to XMLHttpRequest at 'localhost:8080/spa/personas' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Agrega la siguiente extensión para Chrome chrome.google.com/webstore/detail/moesif-origin-cors-change/digfbfaphojjndkpccljibejjbppifbc
Os dados nao sao retornados para a tabala, mudei a porta do apache para 2380 e configurei a url do service como localhost:2380/cadastro/pessoas e mesmo assim nao funciona. O que pode ser?
I did it. thank you from Russia)
como soluciono el poblema del
CORS
Buen día! Estoy siguiendo los pasos del video y me surgió una duda:
¿Cómo hago para que al clickear los botones "Listar" o "Nuevo" no me redirija a otra página sino que aparezca la lista y el add en la misma página cómo se muestra en el video?
tienes que tener el router-outlet la etiqueta en el app.component.html
Alguno con este error...
Access to XMLHttpRequest at 'localhost:8080/Ejemplo02/persona' from origin 'localhost:4401' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Hola disculpa la molestia pero al ejecutar el neatbens la primera vez como lo haces tu me asalta este error
Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.2.1:exec (default-cli) on project flotavehiculos: Command execution failed. Process exited with an error: 1 (Exit value: 1) -> [Help 1]
To see the full stack trace of the errors, re-run Maven with the -e switch.
Re-run Maven using the -X switch to enable full debug logging.
For more information about the errors and possible solutions, please read the following articles:
[Help 1] cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException
Buenas Noches, podría compartir el fuente de los proyectos de los videos, se me esta presentando unos errores en el proyecto de servidor.
Puedes descargar desde la descripción del vídeo
th-cam.com/video/-nzB6HIiGqQ/w-d-xo.html
Excelente video y explicacion!
@SinFloo Tendras algún vídeo acerca de como conectar a "Sql Server" ??
Gracias por tu excelencia en las explicaciones.
Espero que hayas podido resolver hermano, me parece que sólo hay que cambiar la configuración, yo estoy justo en proceso de conectar con postgresql, si sigue tu duda pues me hablas y averiguamos. :)