Csharpexpensecalculator
ASP.NET Web API, Angular / CLI, Entity Framework (aplicación de presupuesto con autenticación de token)
Marcus Barnes
Propósito: Este es un proyecto simple de API web ASP.NET con tablas de base de datos diseñadas para demostrar para utilizar el marco de la entidad con tablas dentro de una base de datos para la autenticación del usuario y otros datos de gastos. El C# "Gassingsapi" (lado del servidor) se escribió en Visual Studio 2017 y el "GassClient" Angular /CLI (lado del cliente) escrito en el código VS (V1.41.1)
Instrucciones:
- Abra la carpeta "GassClient" en el código de Visual Studio
- Abra SLN Expnesesapi en Microsoft Visual Studio
- Ejecutar el cliente ingresando " Ng Serv -o" en la terminal/CL
- Ejecutar la aplicación del servidor en VS (esto debe estar ejecutándose también para comunicarse con la base de datos)
Si tienes problemas para correr:- Si recibe este error al ejecutar el cliente
- Se produjo una excepción no controlada: no pudo encontrar el módulo "@angular-devkit/construcción-angular" de ...
- Luego ejecuta esto en el cl
- NPM Install--save-dev @angular-devkit/build-angular
- Si la base de datos no poca
- Crear una nueva base de datos local de SQL Server
- Abrir explorador de servidor
- Haga clic con el botón derecho en conexiones de datos
- Haga clic en "Crear nueva base de datos de SQL Server"
- Escriba "." o "(local)" para el nombre del servidor
- Escriba GastosDB para el nombre del servidor
- Después de configurar, haga clic en DB y presione F4
- Copiar la cadena de conexión
- Navegar a web.config
- Cerca de la parte inferior, reemplace el valor de "ConnectionString" con el nuevo
- Haga clic en la solución GassApi, presione F4 para presentar propiedades, copie la URL ex. http: // localhost: 49189/
- Vaya a VS Código> Src> App> Entry.service.ts
- Reemplace el valor de la URL de la base hasta el número de HostHost (Ex. 49189), deje las '/API/Entradas/' en el extremo.
- El formato es: 'http: // localhost: #####/api/entradas/'
Presupuesto:
- Microsoft Aspnet Web API 2.2
- @angular/cliw
- Paquetes Nuget (pueden haber incluido algunos extras en la lista):
- EntityFramework de Microsoft
- Aspnet.mvc
- Aspnet.telemetrycorrelación
- Aspnet.web.optimización
- Aspnet.webapi.core
- Aspnet.webapi.cors
- Aspnet.webapi.helpage
- Aspnet.webapi.webhost
- Aspnet.webpages
- Identitymodel.jsonwebitokens
- Identitymodel.logging
- Identitymodel.tokens
- Identitymodel.tokens.jwt
Características :
- La creación de nombre de usuario y contraseña pasó al almacenamiento en una tabla de base de datos local.
- Inicie sesión/cierre de los usuarios de la base de datos, utilizando tokens y colocado en el almacenamiento local
- Permite a los usuarios agregar, editar y eliminar entradas (ya sea gastos o ingresos)
- Filtrar las entradas por nombre
Referencias útiles:- https://material.angular.io/guide/getting-started
Otras capturas de pantalla:
