Skip to content

JoelBM-creator/SimpleCRM-AngularAndSpring

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project: https://github.com/JoelBM-creator/AppCustumers-AngularAndSpring

SUMMARY // RESUMEN


SP: SimpleCRM que ayuda a administrar fácilmente a los clientes.
ENG: SimpleCRM helps you easily manage your contacts clients.

SP: Para esta aplicación necesitamos primero tener instalado MySQL Workbench y crear una conexión a la DB.
ENG: For this application we first need to have MySQL Workbench installed and create a connection to the DB.

SP: La conexión se gestiona através del SPRING, tendremos que modificar el fichero application.properties que se encuentra en la carpeta resources.
ENG: The connection is managed through SPRING, we will have to modify the application.properties file found in the resources folder.
SP: En dicho fichero, podemos configurar para acceder al MySQL y añadir las credenciales de nombre y contraseña.
ENG: In this file, we can configure to access MySQL and add the name and password credentials.
### `RUNING THE APP IN THE SPRING` ![RUNNING APP IN SPRING](https://raw.githubusercontent.com/JoelBM-creator/AppCustumers-AngularAndSpring/main/Captura.PNG)
SP: En la imagen se puede ver, como al iniciar el Spring se creara automaticamente la base de datos y añadire los clientes a la DB.
ENG: In the image you can see how when starting Spring the database will be created automatically and the clients will be added to the DB.
SP: Ya que esto lo hacemos a través de la clase Cliente ya que implementa la interfaz Serializable, y se ejecutara al iniciar el Spring.
ENG: Since we do this through the Client class since it implements the Serializable interface, and it will be executed when Spring starts.

SP: Con el RestController lo que haremos será crear el API poder obtener los clientes, también obtener un único cliente através del GetMapping, también podremos crear un POST de clientes, un PUT para settear los clientes en la DB y un Delete para borrar los clientes con ID.
ENG: With the RestController what we will do is create the API to obtain the clients, also obtain a single client through GetMapping, we can also create a POST of clients, a PUT to set the clients in the DB and a Delete to delete the clients with ID .

SP: El fichero ClienteService de la carpeta Clientes, es donde conectamos la parte de Front con el Backend de la API de Spring.
ENG: The ClientService file in the Clients folder is where we connect the Front part with the Spring API Backend.



You can modify and use this repository however you want
but please refer the creator, thanks ♥ .

About me

Right now, I'm studying in a higher degree of multiplatform application development.
"Spring Boot, Java, Hibernate, DBs..."

To contact me: https://www.linkedin.com/in/joel-berenguer/



Dependencies

For run this project, need this Dependencies:
-------- ANGULAR DEPENDENCIES ----------

  1. @angular/animations
  2. @angular/cdk
  3. @angular/common
  4. @angular/compiler
  5. @angular/core
  6. @angular/forms
  7. @angular/material
  8. @angular/platform-browser
  9. @angular/platform-browser-dynamic
  10. @angular/router
  11. rxjs
  12. sweetalert2
  13. tslib
  14. zone.js

RUN THE PROJECT

In the project directory, you can run:
¡Fisrt run the Spring project!
Next step is:

npm install

To install the dependencies.

ng serve

Runs the app in the development mode.
Open http://localhost:4200 to view it in the browser.

Page View

View page

Edit client

Edit client

Create client

Create client

Edit Client Correctly

Edit Client Correctly

Releases

No releases published

Packages

No packages published

Languages