Este prototipo, es un proyecto pequeño de microservicio consumido por una aplicación web; donde se centra en la realización de un esquema sencillo de realizar un 2 CRUD básicos de 2 entidades o tablas como lo son Empleados y Tipo de Empleados, las cuales estan relacionadas entre sí, y una de ellas es dependiente de la otra.
A grandes rasgos se utilizan las siguientes tecnologías de desarrollo.
- AngularJS 10.
- C#
- MVC5.
- EntityFrameworkCore.
- APIRest.
- NET.CORE 3.
- JSON.
- JWT.
- CORS.
- Endpoints.
- Boostrap.
- CSS.
- HTML5.
- JQUERY.
- SQL SERVER.
- VSCODE.
- Visual Studio 2019.
- POSTMAN.
- SSMS.
- GitHub.
Instalar:
- VScode o Visual Studio en la versión de preferencia.
- NetCore SDK.
- Instalar paquete de nuggets en cada proyecto por separado, el cual se describe más adelante.
- Descargar el instalador de NodeJS.
- Ejecutar el instalador.
Una vez instalado NodeJS, se procede a abrir la consola de NodeJS (Node.js command prompt), esto es con el fin de ejecutar los comandos para instalar angular y sus dependencias.
- Instalar Angular en su ultima versión:
npm i -g @angular/cli
- Si se desea, instalar angular en una versión especifica se debe utilizar el siguiente comando:
npm i -g @angular/cli@'N°. Version'
- Para verificar la versión de angular instalada:
ng --version
Si se desea realizar desde 0 con la instalación del proyecto desde 0, se deben instalar uno a uno cada uno de los modules a utilizar; en este caso, se utilizará boostrap y algunos otros paquetes; Sin embargo, hay que tener en cuenta que al instalar cada dependencia se debe hacer su respectiva importación y/o llamado en el Archivo "Angular.JSON".
Para instalar boostrap se requieren las dependencias de JQUERY y de PopperJS:
npm i boostrap jquery @popperjs/core --save
Para instalar fontawesome basta con la siguiente linea de comando:
npm install --save @fortawesome/fontawesome-free
Para instalar Toastr, se requiere de la siguiente linea de comando:
npm i ngx-toastr --save
Junto con la instalación del siguiente paquete, el cual ayuda a la funcionalidad del TOASTR.
npm i @angular/animations --save
npm install datatables.net --save
npm install datatables.net-dt --save
npm install angular-datatables --save
npm install @types/jquery --save-dev
npm install @types/datatables.net --save-dev
Este proyecto de desarrollo se subdivide en dos subdesarrollos:
Este proyecto es de tipo "Biblioteca de Clases", se realiza, con el fin de centralizar a groso modo, los disitintos modelos y/o metodos que son sensibles en el lado del Backend, con el fin de garantizar una capa adicional de seguridad en el codigo.
Se compone de la siguiente forma:
└─Models
└─Employee
├─Employee.cs
└─Employee_Type.cs
Se debe instalar el siguiente paquete:
- System.ComponentModel.DataAnnotations --version: 4.7.0
├─ Controllers
│ ├─ EmployeeController
│ └─ EmployeeTypeController
├─ Data
│ └─ AppDbContext.cs
├─ appsettings.Development.json
├─ appsettings.json
├─ Startup.cs
└─ Program.cs
Se debe instalar el siguiente paquete:
- Microsoft.AspNetCore.Identity.EntityFrameworkCore -- Version: 3.1.7 ---> Utilizar propiedades como migraciones de Base de datos a través de uno de los 3 métodos: ModelFirst.
- Microsoft.AspNetCore.Cors -- Version: 2.2.0 ---> Habilitar Conexión con WebApi a traves del Protocolo Cors (Cross-Origin Resource Sharing).
└─ Front-Angular
├─e2e
├─node_modules
└─src
├─app
├─assets
└─enviroments
- Para instalar los nodemodules de proyecto se debe utilizar el siguiente comando:
npm i