【Web API系列教程】3.1 — 实战:处理数据(创建项目)

简介: 前言本指南将会教你使用ASP.NET Web API作后端创建web应用程序的基本技能。本指南使用Entity Framework 6作为数据层,使用knockout.js作为客户端的JavaScript应用程序。

前言

本指南将会教你使用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。输入管理员用户名和密码。

这里写图片描述

目录
相关文章
|
2天前
|
Java 应用服务中间件 测试技术
深入探索Spring Boot Web应用源码及实战应用
【5月更文挑战第11天】本文将详细解析Spring Boot Web应用的源码架构,并通过一个实际案例,展示如何构建一个基于Spring Boot的Web应用。本文旨在帮助读者更好地理解Spring Boot的内部工作机制,以及如何利用这些机制优化自己的Web应用开发。
14 3
|
4天前
|
JSON Android开发 数据格式
android与Web服务器交互时的cookie使用-兼谈大众点评数据获得(原创)
android与Web服务器交互时的cookie使用-兼谈大众点评数据获得(原创)
13 2
|
13天前
|
弹性计算 JSON Shell
基于Web API的自动化信息收集和整理
【4月更文挑战第30天】
20 0
|
14天前
|
JSON API 数据处理
【Swift开发专栏】Swift中的RESTful API集成实战
【4月更文挑战第30天】本文探讨了在Swift中集成RESTful API的方法,涉及RESTful API的基础概念,如HTTP方法和设计原则,以及Swift的网络请求技术,如`URLSession`、`Alamofire`和`SwiftyJSON`。此外,还强调了数据处理、错误管理和异步操作的重要性。通过合理利用这些工具和策略,开发者能实现高效、稳定的API集成,提升应用性能和用户体验。
|
18小时前
|
Web App开发 JavaScript 测试技术
python自动化测试实战 —— WebDriver API的使用
python自动化测试实战 —— WebDriver API的使用
6 1
|
21小时前
|
SQL Java 关系型数据库
Flink DataSet API迁移到DataStream API实战
本文介绍了作者的Flink项目从DataSet API迁移到DataStream API的背景、方法和遇到的问题以及解决方案。
108 3
|
6天前
|
监控 安全 Shell
记一次应急靶场实战--web1
本次应急靶机题目训练主要是为了应对接下来的护网面试和比赛,顺便提高一下自己对应急和溯源的实战能力,这里有两个逗比的事情发生,一是用D盾分析的时候,电脑环境监测到了,把要分析的马杀了,二是,发现无法使用脚本,在自己本机实验,电脑差点搞崩,还好佬在制作时候只是单次运行会占用.切记不要本机实验,一定要在虚拟机中进行测试.
|
7天前
|
JSON API 数据格式
淘宝商品评论数据获取:从API调用到应用实践
在电商的世界里,用户评论是洞察商品质量的一扇窗。淘宝,作为中国最大的在线购物平台,其海量的商品评论数据尤为宝贵。本文将带您走进淘宝商品评论数据的获取之旅,从API调用的基础知识到实际应用的代码示例,一探究竟。
|
7天前
|
SQL 存储 C#
C# Web控件与数据感应之 TreeView 类
C# Web控件与数据感应之 TreeView 类
|
7天前
|
SQL 存储 Oracle
C# Web控件与数据感应之 CheckBoxList 类
C# Web控件与数据感应之 CheckBoxList 类