Csharpepensecalculator
ASP.NET Web API, Angular / CLI, Entity Framework (Budget App W / Token Auth)
Marcus Barnes
Objectif: Il s'agit d'un simple projet API Web ASP.NET avec des tables de base de données conçues pour démontrer pour utiliser l'entité Framework avec des tables dans une base de données pour l'authentification des utilisateurs et d'autres données de dépenses. Le C # «ExpensesAPI» (côté serveur) a été écrit dans Visual Studio 2017 et le «CLI» Angular / CLI (côté client) écrit en code vs (V1.41.1)
Instructions:
- Ouvrez le dossier «dépenses» dans Visual Studio Code
- Ouvrez SLN ExpNesesapi dans Microsoft Visual Studio
- Exécuter le client en entrant « ng serv -o» dans le terminal / cl
- Exécutez l'application Server dans VS (cela doit également être exécuté pour communiquer avec la base de données)
Si vous avez du mal à courir:- Si vous obtenez cette erreur lors de l'exécution du client
- Une exception non gérée s'est produite: n'a pas pu trouver le module "@ angular-devkit / build-angulaire" de….
- Puis exécutez ceci dans le CL
- Installation de NPM --Save-dev @ Angular-Devkit / Build-Angular
- Si la base de données ne remplit pas
- Créer une nouvelle base de données SQL Server locale
- Explorateur de serveurs ouvert
- Cliquez avec le bouton droit sur les connexions de données
- Cliquez sur "Créer une nouvelle base de données SQL Server"
- Tapez «.» ou «(local)» pour le nom du serveur
- Tapez des dépenses DB pour le nom du serveur
- Après la configuration, cliquez sur DB et appuyez sur F4
- Copier la chaîne de connexion
- Naviguer vers web.config
- Près du bas, remplacez la valeur «Connectionstring» par la nouvelle
- Cliquez sur la solution de dépensesapi, appuyez sur F4 pour afficher les propriétés, copiez l'URL Ex. http: // localhost: 49189 /
- Accédez à VS Code> Src> App> Entry.Service.ts
- Remplacez la valeur de l'URL de base jusqu'au numéro localhost (Ex. 49189), laissez le '/ api / entrées /' à la fin.
- Le format est: 'http: // localhost: ##### / api / entrées /'
Caractéristiques:
- API Web Microsoft Aspnet 2.2
- @ Angular / Cliw
- Packages NuGet (peut avoir inclus quelques extras dans la liste):
- EntityFramework par Microsoft
- Aspnet.mvc
- Aspnet.telemetryCorrelation
- Aspnet.web.optimisation
- Aspnet.webapi.core
- Aspnet.webapi.Cors
- Aspnet.webapi.helppage
- Aspnet.webapi.webhost
- Aspnet.webpages
- Identitymodel.jsonwebtokens
- Identitémodel.logging
- Identitémodel.tokens
- Identitymodel.tokens.jwt
Caractéristiques :
- La création du nom d'utilisateur et du mot de passe transmis au stockage dans une table de base de données locale.
- Connectez-vous / déconnectez-vous des utilisateurs de la base de données, en utilisant des jetons et placés dans le stockage local
- permet aux utilisateurs d'ajouter, de modifier et de supprimer les entrées (dépenses ou revenus)
- Filtrez les entrées par nom
Références utiles:- https://material.angular.io/guide/getting-started
Autres captures d'écran: