一、 创建WebAPI项目
文件->新建->项目
![](https://i-blog.csdnimg.cn/blog_migrate/0e6e58d0950f9a61800ff3e339852596.png)
选择模板中的Web API
![](https://i-blog.csdnimg.cn/blog_migrate/418f41d9d446c6580648066f970c115c.png)
2. 新建Model类
右击Model->添加->类
![](https://i-blog.csdnimg.cn/blog_migrate/412baa8b8ad5257c330d38654ca64524.png)
测试时可以添加如下代码
右击Controllers->添加->控制器
![](https://i-blog.csdnimg.cn/blog_migrate/8c29623d1a105f32869919eedad53997.png)
![](https://i-blog.csdnimg.cn/blog_migrate/44bb600dd584fcc0bc7d59e143de3adf.png)
测试时可以添加如下代码
![](https://i-blog.csdnimg.cn/blog_migrate/2139d652904319d96fdc6e00f6d8a07b.png)
二、 WebAPI测试
功能:类似于swagger和postman这样的前后端链接测试工具,支持前后端分离
1. 安装WebApiTestClient
目的:新建的webapi是没有testapi按钮的,需要安装WebApiTestClient
工具àNuget包管理器à管理解决方案的NuGet程序包
![](https://i-blog.csdnimg.cn/blog_migrate/3f0763677bffb895d341b56ab0a74622.png)
2、找到浏览à输入WebApiTestClientà选择下图中的WebApiTestClientà点击webapià点击安装(选中WebApi的项目)
3、在WebApi下的Areas/HelpPage/Views/Help/Api.cshtml的最后添加以下代码:
@Html.DisplayForModel("TestClientDialogs")
@section Scripts{
<link href='~/Areas/HelpPage/HelpPage.css' rel='stylesheet' />
@Html.DisplayForModel("TestClientReferences")
}
![](https://i-blog.csdnimg.cn/blog_migrate/ddd1263acffdbf2c2ae836c59959f776.png)
4、测试步骤
(1) 在网页的API处可以看到Test
![](https://i-blog.csdnimg.cn/blog_migrate/7c5a9d92fd08fa3d899a545c5f026e0b.png)
(2)点击其中的某一个出现Test API的按钮
![](https://i-blog.csdnimg.cn/blog_migrate/1c34ad709de0b0c7865994060c664b18.png)
(2) 点击Test API按钮出现下面的页面
![](https://i-blog.csdnimg.cn/blog_migrate/392c15828ddb21f836fade5e811d5c01.png)
以vs2015为例
1. 新建项目文件->新建->项目
![](https://i-blog.csdnimg.cn/blog_migrate/0e6e58d0950f9a61800ff3e339852596.png)
选择模板中的Web API
![](https://i-blog.csdnimg.cn/blog_migrate/418f41d9d446c6580648066f970c115c.png)
2. 新建Model类
右击Model->添加->类
![](https://i-blog.csdnimg.cn/blog_migrate/412baa8b8ad5257c330d38654ca64524.png)
测试时可以添加如下代码
右击Controllers->添加->控制器
![](https://i-blog.csdnimg.cn/blog_migrate/8c29623d1a105f32869919eedad53997.png)
![](https://i-blog.csdnimg.cn/blog_migrate/44bb600dd584fcc0bc7d59e143de3adf.png)
测试时可以添加如下代码
![](https://i-blog.csdnimg.cn/blog_migrate/2139d652904319d96fdc6e00f6d8a07b.png)
二、 WebAPI测试
功能:类似于swagger和postman这样的前后端链接测试工具,支持前后端分离
1. 安装WebApiTestClient
目的:新建的webapi是没有testapi按钮的,需要安装WebApiTestClient
工具àNuget包管理器à管理解决方案的NuGet程序包
![](https://i-blog.csdnimg.cn/blog_migrate/3f0763677bffb895d341b56ab0a74622.png)
2、找到浏览à输入WebApiTestClientà选择下图中的WebApiTestClientà点击webapià点击安装(选中WebApi的项目)
![](https://i-blog.csdnimg.cn/blog_migrate/8f3849376c20d69f1345d78759941848.png)
3、在WebApi下的Areas/HelpPage/Views/Help/Api.cshtml的最后添加以下代码:
@Html.DisplayForModel("TestClientDialogs")
@section Scripts{
<link href='~/Areas/HelpPage/HelpPage.css' rel='stylesheet' />
@Html.DisplayForModel("TestClientReferences")
}
![](https://i-blog.csdnimg.cn/blog_migrate/ddd1263acffdbf2c2ae836c59959f776.png)
4、测试步骤
(1) 在网页的API处可以看到Test
![](https://i-blog.csdnimg.cn/blog_migrate/7c5a9d92fd08fa3d899a545c5f026e0b.png)
(2)点击其中的某一个出现Test API的按钮
![](https://i-blog.csdnimg.cn/blog_migrate/1c34ad709de0b0c7865994060c664b18.png)
(2) 点击Test API按钮出现下面的页面
![](https://i-blog.csdnimg.cn/blog_migrate/392c15828ddb21f836fade5e811d5c01.png)