1.WebApi是什么

ASP.NET Web API 是一种框架，用于轻松构建可以由多种客户端（包括浏览器和移动设备）访问的 HTTP 服务。ASP.NET Web API 是一种用于在 .NET Framework 上构建 RESTful 应用程序的理想平台。

可以把WebApi看成Asp.Net项目类型中的一种，其他项目类型诸如我们熟知的WebForm项目，Windows窗体项目，控制台应用程序等。

WebApi类型项目的最大优势就是，开发者再也不用担心客户端和服务器之间传输的数据的序列化和反序列化问题，因为WebApi是强类型的，可以自动进行序列化和反序列化，一会儿项目中会见到。

下面我们建立了一个WebApi类型的项目，项目中对产品Product进行增删改查，Product的数据存放在List<>列表（即内存）中。

2.页面运行效果

如图所示，可以添加一条记录; 输入记录的Id，查询出该记录的其它信息；修改该Id的记录；删除该Id的记录。

3.二话不说，开始建项目

1）新建一个“ASP.NET MVC 4 Web 应用程序”项目，命名为“ProductStore”,点击确定，如图

2）选择模板“Web API”，点击确定，如图

3）和MVC类型的项目相似，构建程序的过程是先建立数据模型（Model）用于存取数据, 再建立控制器层（Controller）用于处理发来的Http请求，最后构造显示层（View）用于接收用户的输入和用户进行直接交互。

这里我们先在Models文件夹中建立产品Product类： Product.cs，如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;namespace ProductStore.Models
{public class Product{public int Id { get; set; }public string Name { get; set; }public string Category { get; set; }public decimal Price { get; set; }}
}

4）试想，我们目前只有一个Product类型的对象，我们要编写一个类对其实现增删改查，以后我们可能会增加其他的类型的对象，再需要编写一个对新类型的对象进行增删改查的类，为了便于拓展和调用，我们在Product之上构造一个接口，使这个接口约定增删改查的方法名称和参数，所以我们在Models文件夹中新建一个接口： IProductRepository.cs ，如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;namespace ProductStore.Models
{interface IProductRepository{IEnumerable<Product> GetAll();Product Get(int id);Product Add(Product item);void Remove(int id);bool Update(Product item);}
}

5）然后，我们实现这个接口，在Models文件夹中新建一个类，具体针对Product类型的对象进行增删改查存取数据，并在该类的构造方法中，向List<Product>列表中存入几条数据，这个类叫：ProductRepository.cs，如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;namespace ProductStore.Models
{public class ProductRepository:IProductRepository{private List<Product> products = new List<Product>();private int _nextId = 1;public ProductRepository(){Add(new Product { Name="Tomato soup",Category="Groceries",Price=1.39M});Add(new Product { Name="Yo-yo",Category="Toys",Price=3.75M});Add(new Product { Name = "Hammer", Category = "Hardware", Price = 16.99M });}public IEnumerable<Product> GetAll(){return products;}public Product Get(int id){return products.Find(p=>p.Id==id);}public Product Add(Product item){if (item == null){throw new ArgumentNullException("item");}item.Id = _nextId++;products.Add(item);return item;}public void Remove(int id){products.RemoveAll(p=>p.Id==id);}public bool Update(Product item){if (item == null){throw new ArgumentNullException("item");}int index = products.FindIndex(p=>p.Id==item.Id);if (index == -1){return false;}products.RemoveAt(index);products.Add(item);return true;}}
}

此时，Model层就构建好了。

6）下面，我们要构建Controller层，在此之前，先回顾一下Http中几种请求类型，如下

get 类型用于从服务器端获取数据，且不应该对服务器端有任何操作和影响

post 类型用于发送数据到服务器端，创建一条新的数据，对服务器端产生影响

put 类型用于向服务器端更新一条数据，对服务器端产生影响（也可创建一条新的数据但不推荐这样用）

delete 类型用于删除一条数据，对服务器端产生影响

这样，四种请求类型刚好可对应于对数据的查询，添加，修改，删除。WebApi也推荐如此使用。在WebApi项目中，我们请求的不再是一个具体页面，而是各个控制器中的方法（控制器也是一种类，默认放在Controllers文件夹中）。下面我们将要建立一个ProductController.cs控制器类，其中的方法都是以“Get Post Put Delete”中的任一一个开头的，这样的开头使得Get类型的请求发送给以Get开头的方法去处理，Post类型的请求交给Post开头的方法去处理，Put和Delete同理。

而以Get开头的方法有好几个也是可以的，此时如何区分到底交给哪个方法执行呢？这就取决于Get开头的方法们的传入参数了，一会儿在代码中可以分辨。
构建Controller层，在Controllers文件夹中建立一个ProductController.cs控制器类，如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using ProductStore.Models;
using System.Web.Http;
using System.Net;
using System.Net.Http;namespace ProductStore.Controllers
{public class ProductsController : ApiController{static readonly IProductRepository repository = new ProductRepository();//GET:  /api/productspublic IEnumerable<Product> GetAllProducts(){return repository.GetAll();}//GET: /api/products/idpublic Product GetProduct(int id){Product item = repository.Get(id);if (item == null){throw new HttpResponseException(HttpStatusCode.NotFound);            }return item;}//GET: /api/products?category=categorypublic IEnumerable<Product> GetProductsByCategory(string category){return repository.GetAll().Where(p=>string.Equals(p.Category,category,StringComparison.OrdinalIgnoreCase));}//POST: /api/productspublic HttpResponseMessage PostProduct(Product item){item = repository.Add(item);var response = Request.CreateResponse<Product>(HttpStatusCode.Created,item);string uri = Url.Link("DefaultApi", new { id=item.Id});response.Headers.Location = new Uri(uri);return response;}//PUT: /api/products/idpublic void PutProduct(int id, Product product){product.Id = id;if (!repository.Update(product)){throw new HttpResponseException(HttpStatusCode.NotFound);}}//Delete: /api/products/idpublic void DeleteProduct(int id){Product item = repository.Get(id);if (item == null){throw new HttpResponseException(HttpStatusCode.NotFound);}repository.Remove(id);}}
}

使该类继承于ApiController类，在其中实现处理各种Get,Post,Put,Delete类型Http请求的方法。

每一个方法前都有一句注释，标识了该方法的针对的请求的类型（取决于方法的开头），以及要请求到该方法，需要使用的url。

这些url是有规律的，见下图：

api是必须的，products对应的是ProductsControllers控制器，然后又Http请求的类型和url的后边地址决定。

这里，我们除了第三个“Get a product by category”,其他方法都实现了。

7）最后，我们来构建View视图层，我们更改Views文件夹中的Home文件夹下的Index.cshtml文件，这个文件是项目启动页，如下：

<div id="body"><script src="~/Scripts/jquery-1.8.2.min.js"></script><section ><h2>添加记录</h2>Name:<input id="name" type="text" /><br />Category:<input id="category" type="text" />Price:<input id="price" type="text" /><br /><input id="addItem" type="button" value="添加" /></section><section><br /><br /><h2>修改记录</h2>Id：<input id="id2" type="text" /><br />Name:<input id="name2" type="text" /><br />Category:<input id="category2" type="text" />Price:<input id="price2" type="text" /><br /><input id="showItem" type="button" value="查询" /><input id="editItem" type="button" value="修改" /><input id="removeItem" type="button" value="删除" /></section></div>

8）然后我们给页面添加js代码，对应上面的按钮事件，用来发起Http请求，如下：

  <script>//用于保存用户输入数据var Product = {create: function () {Id: "";Name: "";Category: "";Price: "";return Product;}}//添加一条记录 请求类型:POST  请求url:  /api/Products  //请求到ProductsController.cs中的 public HttpResponseMessage PostProduct(Product item) 方法$("#addItem").click(function () {var newProduct = Product.create();newProduct.Name = $("#name").val();newProduct.Category = $("#category").val();newProduct.Price = $("#price").val();$.ajax({url: "/api/Products",type: "POST",contentType: "application/json; charset=utf-8",data: JSON.stringify(newProduct),success: function () {alert("添加成功！");},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("请求失败，消息：" + textStatus + "  " + errorThrown);}});});//先根据Id查询记录  请求类型:GET  请求url:  /api/Products/Id  //请求到ProductsController.cs中的 public Product GetProduct(int id) 方法$("#showItem").click(function () {var inputId = $("#id2").val();$("#name2").val("");$("#category2").val("");$("#price2").val("");$.ajax({url: "/api/Products/" + inputId,type: "GET",contentType: "application/json; charset=urf-8",success: function (data) {$("#name2").val(data.Name);$("#category2").val(data.Category);$("#price2").val(data.Price);},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("请求失败，消息：" + textStatus + "  " + errorThrown);}});});//修改该Id的记录 请求类型:PUT  请求url:  /api/Products/Id  //请求到ProductsController.cs中的 public void PutProduct(int id, Product product) 方法$("#editItem").click(function () {var inputId = $("#id2").val();var newProduct = Product.create();newProduct.Name = $("#name2").val();newProduct.Category = $("#category2").val();newProduct.Price = $("#price2").val();$.ajax({url: "/api/Products/" + inputId,type: "PUT",data: JSON.stringify(newProduct), contentType: "application/json; charset=urf-8",success: function () {alert("修改成功！ ");},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("请求失败，消息：" + textStatus + "  " + errorThrown);}});});//删除输入Id的记录  请求类型:DELETE  请求url:  /api/Products/Id  //请求到ProductsController.cs中的  public void DeleteProduct(int id) 方法$("#removeItem").click(function () {var inputId = $("#id2").val();$.ajax({url: "/api/Products/" + inputId,type: "DELETE",contentType: "application/json; charset=uft-8",success: function (data) {                   alert("Id为 " + inputId + " 的记录删除成功！");},error: function (XMLHttpRequest, textStatus, errorThrown) {alert("请求失败，消息：" + textStatus + "  " + errorThrown);}});});</script>

这里，WebApi的一个简单的增删改查项目就完成了，选择执行项目即可测试。注意到，其中用ajax发起请求时，发送到服务器端的数据直接是一个json字符串，当然这个json字符串中每个字段要和Product.cs类中的每个字段同名对应，在服务器端接收数据的时候，我们并没有对接收到的数据进行序列化，而返回数据给客户端的时候也并没有对数据进行反序列化，大大节省了以前开发中不停地进行序列化和反序列化的时间。

1.WebApi是什么webApi实现增删改查操作相关推荐

python增删改查的框架_简单的Django框架增删改查操作
Django之orm对MysqL数据库的增删改查操作简介: 利用Django中orm来查找数据库中的数据,对数据库进行增.删.改.查: 增:新增数据 # 操作数据库user表新增记录 # 方式1: u ...
python操作mysql的增删改查_详解使用pymysql在python中对mysql的增删改查操作(综合)...
这一次将使用pymysql来进行一次对MySQL的增删改查的全部操作,相当于对前五次的总结: 先查阅数据库: 现在编写源码进行增删改查操作,源码为: #!/usr/bin/python #coding ...
学生信息管理系统（连接数据库，面向对象的方法实现学生信息的增删改查操作）...
---------------------------------------------------------------------------------------------------- ...
后盾网lavarel视频项目---lavarel使用模型进行增删改查操作
后盾网lavarel视频项目---lavarel使用模型进行增删改查操作一.总结一句话总结: 使用模型操作常用方法查一条:$model=Tag::find($id); 删一条:Tag::dest ...
java调用oracle删除,使用IDEA对Oracle数据库进行简单增删改查操作
1.1 java中的数据存储技术在java中,数据库存取技术可分为如下几类: 1.jdbc直接访问数据库 2.jdo(java data object)是java对象持久化的新的规范,也是一个用于存 ...
使用JDBC，完成对如下表的增删改查操作
使用JDBC,完成对如下表的增删改查操作增加操作使用循环和随机数技巧,增加1000个数据.要求积分在0-200,注册时间均匀分布在2018年各个月份.从26个字母中随机取出3个字母作为昵称,昵称不 ...
sqlite数据库的基本增删改查操作
2019独角兽企业重金招聘Python工程师标准>>> 效果图示例 1.在清单里添加相应的权限 <uses-permission android:name="andr ...
基础的java增删改查,Java基础系列（基础）：Java使用Cookie增删改查操作！
什么是Cookie? Cookie是由W3C组织提出,最早由NetScape社区发展的一种机制. Cookie是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个co ...
python数据库教程_Python连接mysql数据库及简单增删改查操作示例代码
1.安装pymysql 进入cmd,输入 pip install pymysql: 2.数据库建表在数据库中,建立一个简单的表,如图: 3.简单操作 3.1查询操作 #coding=utf-8 #连 ...

1.WebApi是什么webApi实现增删改查操作

1.WebApi是什么

1.WebApi是什么webApi实现增删改查操作相关推荐

最新文章

热门文章