本指南將會教你使用ASP.NET Web API作后端創(chuàng)建web應(yīng)用程序的基本技能。本指南使用Entity Framework 6作為數(shù)據(jù)層,使用knockout.js作為客戶端的JavaScript應(yīng)用程序。本指南也會展示部署應(yīng)用到Azure App service Web Apps。
本指南使用搭配Entity Framework 6的ASP.NET Web API 2來創(chuàng)建一個操作后端數(shù)據(jù)庫的web應(yīng)用程序。這是一個你將創(chuàng)建的應(yīng)用程序截圖。
這個應(yīng)用使用single-page application (SPA) 設(shè)計?!癝ingle-page application”是一個通過加載HTML頁面然后動態(tài)更新頁面以取代加載新頁面的web應(yīng)用程序的統(tǒng)稱。在初始化頁面加載后,應(yīng)用通過AJAX請求和服務(wù)器交流。應(yīng)用通過AJAX請求返回的JSON數(shù)據(jù)來更新UI。
AJAX不新穎,但今天這里使用了JavaScript框架,它使得建立一個大而精密的SPA應(yīng)用程序更加容易。本教程使用了Knockout.js,但你可以使用任何JavaScript客戶端框架。
以下是這個應(yīng)用程序的主要構(gòu)造塊: 1, ASP.NET MVC 創(chuàng)建HTML頁面。 2, ASP.NET Web API 處理AJAX請求并返回JSON數(shù)據(jù)。 3, Knockout.js (數(shù)據(jù))綁定HTML元素到JSON數(shù)據(jù)。 4, Entity Framework 和數(shù)據(jù)庫交流。
打開Visual Studio。在File目錄下,選擇New,然后選擇Project。(或在開始頁面點擊New Project。)
在New Project對話框中,點擊左面板的Web和中間面板的ASP.NET Web Application。給項目命名為BookService并點擊OK。
在New ASP.NET Project對話框中,選擇Web API容器。
如果你希望將項目托管在Azure App Service,請使Host in the cloud被選中。
如果你保留Host in cloud選項被選中,Visual Studio就會指引你去登陸Microsoft Azure。
在你登錄到Azure后,Visual Studio還會讓你去配置web應(yīng)用。為站點輸入名稱,選擇你的Azure訂閱,并選擇國家和地區(qū)。在Database server下,選擇Create new server。輸入管理員用戶名和密碼。