csharpexpensecalculator
ASP.NET Web API, Angular / CLI, Entity Framework (แอพงบประมาณ w / token auth)
มาร์คัสบาร์นส์
วัตถุประสงค์: นี่เป็นโครงการ ASP.NET Web API ที่ง่ายพร้อมตารางฐานข้อมูลที่ออกแบบมาเพื่อแสดงให้เห็นถึงการใช้เฟรมเวิร์กเอนทิตีที่มีตารางภายในฐานข้อมูลสำหรับการตรวจสอบผู้ใช้และข้อมูลค่าใช้จ่ายอื่น ๆ C#“ ExpensesAPI” (ฝั่งเซิร์ฟเวอร์) ถูกเขียนใน Visual Studio 2017 และ Angular /CLI“ ExpensEsclient” (ฝั่งไคลเอ็นต์) เขียนในรหัส VS (v1.41.1)
ทิศทาง:
- เปิดโฟลเดอร์“ ExpensEsclient” ใน Visual Studio Code
- เปิด SLN Expnesesapi ใน Microsoft Visual Studio
- เรียกใช้ ไคล เอน
- เรียกใช้แอพเซิร์ฟเวอร์ใน VS (สิ่งนี้จะต้องทำงานเพื่อสื่อสารกับฐานข้อมูล)
หากคุณมีปัญหาในการวิ่ง:- หากคุณได้รับข้อผิดพลาดนี้ในขณะที่เรียกใช้ไคลเอนต์
- มีข้อยกเว้นที่ไม่สามารถจัดการได้เกิดขึ้น: ไม่พบโมดูล "@Angular-Devkit/Build-angular" จาก….
- จากนั้นเรียกใช้สิ่งนี้ใน CL
- การติดตั้ง npm-save-dev @angular-devkit/build-angular
- หากฐานข้อมูลไม่ได้เติม
- สร้างฐานข้อมูล SQL Server ท้องถิ่นใหม่
- Open Server Explorer
- คลิกขวาที่การเชื่อมต่อข้อมูล
- คลิก“ สร้างฐานข้อมูล SQL Server ใหม่”
- พิมพ์ใน“.” หรือ“ (local)” สำหรับชื่อเซิร์ฟเวอร์
- พิมพ์ค่า ExpensesDB สำหรับชื่อเซิร์ฟเวอร์
- หลังจากตั้งค่าแล้วคลิกที่ DB และกด F4
- นำทางไปยัง web.config
- ใกล้ด้านล่างแทนที่ค่า“ ConnectionString” ด้วยค่าใหม่
- คลิกที่โซลูชัน ExpensesAPI กด F4 เพื่อนำเสนอคุณสมบัติคัดลอก URL Ex http: // localhost: 49189/
- ไปที่รหัส VS> SRC> APP> entry.service.ts
- แทนที่ค่า URL ฐานถึงหมายเลข localhost (เช่น 49189) ปล่อยให้ '/api/รายการ/' สิ้นสุด
- รูปแบบคือ: 'http: // localhost: ######/api/รายการ/'
ข้อมูลจำเพาะ:
- Microsoft Aspnet Web API 2.2
- @Angular/Cliw
- แพ็คเกจ Nuget (อาจรวมถึงรายการพิเศษสองสามรายการ):
- EntityFramework โดย Microsoft
- aspnet.mvc
- Aspnet.TelemetryCorrelation
- aspnet.web.optimization
- aspnet.webapi.core
- aspnet.webapi.cors
- aspnet.webapi.helppage
- aspnet.webapi.webhost
- aspnet.webpages
- IdentityModel.jsonwebtokens
- IdentityModel.logging
- IdentityModel.tokens
- IdentityModel.tokens.jwt
คุณสมบัติ :
- การสร้างชื่อผู้ใช้และรหัสผ่านส่งผ่านไปยังที่เก็บข้อมูลลงในตารางฐานข้อมูลท้องถิ่น
- ลงชื่อเข้าใช้/ลงชื่อออกจากผู้ใช้จากฐานข้อมูลโดยใช้โทเค็นและวางไว้ในที่เก็บข้อมูลท้องถิ่น
- อนุญาตให้ผู้ใช้เพิ่มแก้ไขและลบรายการ (ทั้งค่าใช้จ่ายหรือรายได้)
- กรองรายการตามชื่อ
ข้อมูลอ้างอิงที่เป็นประโยชน์:- https://material.angular.io/guide/getting-started
ภาพหน้าจออื่น ๆ :
