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

发布时间：2020-12-17 08:16:32 所属栏目：安全来源：网络整理

导读：一、创建WebAPI项目以vs2015为例 1. 新建项目文件-新建-项目选择模板中的Web API 2. 新建Model类右击Model-添加-类测试时可以添加如下代码新建Controllers类右击Controllers-添加-控制器测试时可以添加如下代码二、 WebAPI测试功能：类似于swagge

一、创建WebAPI项目

以vs2015为例

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

选择模板中的Web API

2. 新建Model类
右击Model->添加->类

测试时可以添加如下代码

新建Controllers类
右击Controllers->添加->控制器

测试时可以添加如下代码

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

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")
}

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!