【Angular4+vs2015+WebAPI6+EF6架构】详解（一）WebAPI使用加测试

一、 创建WebAPI项目

以vs2015为例

1. 新建项目
文件->新建->项目

选择模板中的Web API

2. 新建Model类
右击Model->添加->类
@H_618_16@
测试时可以添加如下代码

@H_618_16@

新建Controllers类
右击Controllers->添加->控制器
@H_618_16@
@H_618_16@
测试时可以添加如下代码
@H_618_16@

二、 WebAPI测试
功能：类似于swagger和postman这样的前后端链接测试工具，支持前后端分离
1. 安装WebApiTESTClient
目的：新建的webapi是没有testapi按钮的，需要安装WebApiTESTClient
工具àNuget包管理器à管理解决方案的NuGet程序包

@H_618_16@

2、找到浏览à输入WebApiTESTClientà选择下图中的WebApiTESTClientà点击webapià点击安装（选中WebApi的项目）
@H_618_16@
3、在WebApi下的Areas/HelpPage/Views/Help/Api.cshtml的最后添加以下代码：
@Html.DisplayForModel("TESTClientDialogs")
@section Scripts{
<link href='~/Areas/HelpPage/HelpPage.css' rel='stylesheet' />
@Html.DisplayForModel("TESTClientReferences")
}
@H_618_16@


4、测试步骤
（1） 在网页的API处可以看到Test



（2）点击其中的某一个出现Test API的按钮

@H_618_16@

（2） 点击Test API按钮出现下面的页面

@H_618_16@