前言

本指南将会教你使用asp.net web api作后端创建web应用程序的基本技能。本指南使用entity framework 6作为数据层,使用knockout.js作为客户端的javascript应用程序。本指南也会展示部署应用到azure app service web apps。

本指南使用搭配entity framework 6的asp.net web api 2来创建一个操作后端的web应用程序。这是一个你将创建的应用程序截图。

这个应用使用single-page application (spa) 设计。“single-page application”是一个通过加载html页面然后动态更新页面以取代加载新页面的web应用程序的统称。在初始化页面加载后,应用通过ajax请求和服务器交流。应用通过ajax请求返回的json数据来更新ui。

ajax不新颖,但今天这里使用了javascript框架,它使得建立一个大而精密的spa应用程序更加容易。本教程使用了knockout.js,但你可以使用任何javascript客户端框架。

以下是这个应用程序的主要构造块:
1, asp.net mvc 创建html页面。
2, asp.net web api 处理ajax请求并返回json数据。
3, knockout.js (数据)绑定html元素到json数据。
4, entity framework 和数据库交流。

创建项目

打开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被选中。

配置azure设置(可选)

如果你保留host in cloud选项被选中,visual studio就会指引你去登陆microsoft azure。

在你登录到azure后,visual studio还会让你去配置web应用。为站点输入名称,选择你的azure订阅,并选择国家和地区。在database server下,选择create new server。输入管理员用户名和密码。<喎? f/ware/vc/”=”” target=”_blank” class=”keylink”>vcd4ncjxwpjxpbwcgywx0pq==”这里写图片描述” src=”/uploadfile/collfiles/20160229/20160229092458285.png” title=”” />