Csharpexpensecalculator
ASP.NET 웹 API, Angular / CLI, 엔티티 프레임 워크 (예산 앱 w / 토큰 인증)
마커스 반즈
목적 : 이것은 사용자 인증 및 기타 비용 데이터를 위해 데이터베이스 내에 테이블이있는 엔티티 프레임 워크를 사용하도록 설계된 데이터베이스 테이블이있는 간단한 ASP.NET 웹 API 프로젝트입니다. C# "Expensapi"(서버 측)은 Visual Studio 2017 및 Angular /CLI "ExpenssClient"(클라이언트 측) VS 코드 (v1.41.1)에 작성되었습니다.
지도:
- Visual Studio Code에서 폴더 "ExpenssClient"를 열십시오
- Microsoft Visual Studio에서 SLN EXPNESAPI를 열십시오
- " ng serve -o"를 터미널/cl에 입력하여 클라이언트를 실행하십시오.
- VS에서 서버 앱을 실행합니다 (데이터베이스와 통신하기 위해서도 실행해야합니다)
실행에 어려움이있는 경우 :- 클라이언트를 실행하는 동안이 오류가 발생하면
- 처리되지 않은 예외가 발생했습니다.
- 그런 다음 이것을 CL에서 실행하십시오
- NPM 설치 -Save-Dev @Angular-Devkit/Build-Angular
- 데이터베이스가 채워지지 않은 경우
- 새로운 로컬 SQL Server 데이터베이스를 만듭니다
- 서버 익스플로러를 엽니 다
- 데이터 연결을 마우스 오른쪽 버튼으로 클릭하십시오
- "새 SQL Server 데이터베이스 만들기"를 클릭하십시오.
- "."를 입력하십시오. 또는 서버 이름의 "(로컬)"
- 서버 이름에 대한 ExpensesDB를 입력하십시오
- 설정 후 DB를 클릭하고 F4를 누릅니다
- web.config로 이동하십시오
- 하단 근처에서 "ConnectionString"값을 새 것으로 바꾸십시오.
- ExpenseApi 솔루션을 클릭하고 F4를 눌러 속성을 가져오고 URL을 복사하십시오. http : // localhost : 49189/
- 대 코드> SRC> 앱> Entry.Service.ts로 이동
- 기본 URL 값을 로컬 호스트 번호 (예 : 49189)로 바꾸고 끝에 '/api/entries/'를 그대로 두십시오.
- 형식 : 'http : // localhost : #####/api/entries/'
명세서:
- Microsoft Aspnet Web API 2.2
- @Angular/Cliw
- Nuget 패키지 (목록에 몇 가지 엑스트라가 포함되어있을 수 있음) :
- Microsoft의 EntityFramework
- aspnet.mvc
- aspnet.telemetrycorrelation
- aspnet.web. 최적화
- 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
기타 스크린 샷 :