Csharpexpenscalculator
API da Web do ASP.NET, Angular / CLI, Entity Framework (aplicativo de orçamento com auth token)
Marcus Barnes
Objetivo: Este é um projeto de API da Web ASP.NET simples com tabelas de banco de dados projetadas para demonstrar para utilizar a estrutura da entidade com tabelas em um banco de dados para autenticação do usuário e outros dados de despesas. O C# "SpestesApi" (lado do servidor) foi escrito no Visual Studio 2017 e o "CLI" CLI "Side -Client" (lado do cliente) escrito em vs código (v1.41.1)
Instruções:
- Abra a pasta "Despecesclient" no código do Visual Studio
- Abra o SLN Expnessapi no Microsoft Visual Studio
- Execute o cliente inserindo " ng servir -o" no terminal/cl
- Execute o aplicativo servidor no VS (isso deve estar em execução também para se comunicar com o banco de dados)
Se você tiver problemas para executar:- Se você receber esse erro ao executar o cliente
- Uma exceção não tratada ocorreu: não conseguiu encontrar o módulo "@angular-devkit/build-angular" de….
- Em seguida, execute isso no CL
- NPM Instale-Save-dev @angular-devkit/Build-Angular
- Se o banco de dados não preencher
- Crie um novo banco de dados local do SQL Server
- Open Server Explorer
- Clique com o botão direito do mouse em conexões de dados
- Clique em "Criar um novo banco de dados do SQL Server"
- Digite "." ou "(local)" para o nome do servidor
- Digite as despesas quedb para o nome do servidor
- Após a configuração, clique em DB e pressione F4
- Copie a string de conexão
- Navegue para web.config
- Perto da parte inferior, substitua o valor "Connectionstring" pelo novo
- Clique em Solução de despesas, pressione F4 para criar propriedades, copie o URL Ex. http: // localhost: 49189/
- Vá para VS Code> SRC> App> Entry.service.ts
- Substitua o valor da URL base até o número do host local (Ex. 49189), deixe o '/API/entradas/' no final.
- O formato é: 'http: // localhost: #####/api/entres/'
Especificações:
- Microsoft Aspnet Web API 2.2
- @angular/cliw
- Pacotes Nuget (pode ter incluído alguns extras na lista):
- EntityFramework da Microsoft
- Aspnet.mvc
- Aspnet.telemetryCorrelation
- Aspnet.web.otimization
- Aspnet.webapi.core
- Aspnet.webapi.cors
- Aspnet.webapi.helppage
- Aspnet.webapi.webhost
- Aspnet.WebPages
- IdentityModel.jsonwebtokens
- IdentityModel.Logging
- Identitymodel.tokens
- Identitymodel.tokens.jwt
Características :
- Criação de nome de usuário e senha passada para armazenamento para uma tabela de banco de dados local.
- Entrar/sair dos usuários do banco de dados, usando tokens e colocado em armazenamento local
- permite que os usuários adicionem, editem e excluam entradas (despesas ou receitas)
- filtrar as entradas por nome
Referências úteis:- https://material.angular.io/guide/getting-started
Outras capturas de tela: