前言

本指南將會(huì)教你使用ASP.NET Web API作后端創(chuàng)建web應(yīng)用程序的基本技能。本指南使用Entity Framework 6作為數(shù)據(jù)層，使用knockout.js作為客戶端的JavaScript應(yīng)用程序。本指南也會(huì)展示部署應(yīng)用到Azure App service Web Apps。

本指南使用搭配Entity Framework 6的ASP.NET Web API 2來(lái)創(chuàng)建一個(gè)操作后端數(shù)據(jù)庫(kù)的web應(yīng)用程序。這是一個(gè)你將創(chuàng)建的應(yīng)用程序截圖。

這個(gè)應(yīng)用使用single-page application (SPA) 設(shè)計(jì)?！癝ingle-page application”是一個(gè)通過(guò)加載HTML頁(yè)面然后動(dòng)態(tài)更新頁(yè)面以取代加載新頁(yè)面的web應(yīng)用程序的統(tǒng)稱。在初始化頁(yè)面加載后，應(yīng)用通過(guò)AJAX請(qǐng)求和服務(wù)器交流。應(yīng)用通過(guò)AJAX請(qǐng)求返回的JSON數(shù)據(jù)來(lái)更新UI。

AJAX不新穎，但今天這里使用了JavaScript框架，它使得建立一個(gè)大而精密的SPA應(yīng)用程序更加容易。本教程使用了Knockout.js，但你可以使用任何JavaScript客戶端框架。

以下是這個(gè)應(yīng)用程序的主要構(gòu)造塊： 1， ASP.NET MVC 創(chuàng)建HTML頁(yè)面。 2， ASP.NET Web API 處理AJAX請(qǐng)求并返回JSON數(shù)據(jù)。 3， Knockout.js (數(shù)據(jù))綁定HTML元素到JSON數(shù)據(jù)。 4， Entity Framework 和數(shù)據(jù)庫(kù)交流。

創(chuàng)建項(xiàng)目

打開(kāi)Visual Studio。在File目錄下，選擇New，然后選擇Project。（或在開(kāi)始頁(yè)面點(diǎn)擊New Project。）

在New Project對(duì)話框中，點(diǎn)擊左面板的Web和中間面板的ASP.NET Web Application。給項(xiàng)目命名為BookService并點(diǎn)擊OK。

在New ASP.NET Project對(duì)話框中，選擇Web API容器。

如果你希望將項(xiàng)目托管在Azure App Service，請(qǐng)使Host in the cloud被選中。

配置Azure設(shè)置（可選）

如果你保留Host in cloud選項(xiàng)被選中，Visual Studio就會(huì)指引你去登陸Microsoft Azure。

在你登錄到Azure后，Visual Studio還會(huì)讓你去配置web應(yīng)用。為站點(diǎn)輸入名稱，選擇你的Azure訂閱，并選擇國(guó)家和地區(qū)。在Database server下，選擇Create new server。輸入管理員用戶名和密碼。