이 기사에서는 Visual Studio Community 2015, Bootstrap 및 AngularJS를 사용하여 간단한 전자 상거래 체크 아웃 페이지를 구축하는 것을 보여줍니다. 이 프로세스는 결제 처리를 위해 모의 ASP.NET 웹 API를 통합하여 핵심 전자 상거래 구성 요소를 보여줍니다. 주요 기능 :
원활한 통합 :
Visual Studio 2015 전자 상거래 기능의 쉽게 통합됩니다. 사용자 친화적 인 인터페이스 : 부트 스트랩 및 angularjs는 매끄럽고 반응 형 체크 아웃 경험을 만듭니다. 모의 결제 처리 : 시뮬레이션 된 ASP.NET 웹 API는 JSON 결제 데이터를 처리하여 거래 성공 또는 실패에 대한 피드백을 제공합니다. 실시간 업데이트 : AngularJS는 동적 가격 계산을 활성화하고 트랜잭션 결과를 기반으로 메시지를 표시합니다. 단순화 된 워크 플로 : 전체 체크 아웃 프로세스는 단일 양식 내에서 간소화됩니다.
이 자습서는 시리즈의 이전 기사 (아래 제공된 링크)를 기반으로하며 전자 상거래 기능 추가에 중점을 둡니다. 단일 페이지 체크 아웃은 쇼핑 카트, 지불 정보를 처리하고 성공/실패 메시지를 표시합니다. 결제 세부 정보는 신용 카드 프로세서 역할을하는 모의 ASP.NET 웹 API에 제출되어 게시물 요청을 통해 JSON 데이터를 수신하고 HTTP 상태 코드를 반환합니다. AngularJS는 실시간 업데이트를 처리하고 총계를 계산하고 메시지 표시를합니다 homecontroller의 클래스는 필드를 형성하여 데이터 액세스를 단순화합니다. myForm 클래스는 총 가격을 계산합니다. ProductManager 클래스는 성공/실패 메시지 및 다운로드 코드를 관리합니다. Web API는 JSON SERIALIZATION/DESERIALIZATION에 (NewTonsoft.json Nuget 패키지)를 사용합니다.
Checkout (이미지 : newTonsoft.json Nuget 패키지 추가) []
JsonConvert
위 내용은 Visual Studio Community 2015 : 전자 상거래 기능 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
