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