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

原文

一、 创建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按钮出现下面的页面

【Angular4+vs2015+WebAPI6+EF6架构】详解一WebAPI使用加测试的更多相关文章

  1. 用webAPI实现图片放大镜效果

    这篇文章主要为大家详细介绍了用webAPI实现图片放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  2. 基于CORS实现WebApi Ajax 跨域请求解决方法

    这篇文章主要介绍了基于CORS实现WebApi Ajax 跨域请求解决方法,需要的朋友可以参考下

  3. JavaScript WebAPI、DOM、事件和操作元素实例详解

    这篇文章主要给大家介绍了关于JavaScript WebAPI、DOM、事件和操作元素的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下

  4. jQuery.ajax 跨域请求webapi设置headers的解决方案

    需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息方能实现，本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下

  5. JavaScript深入介绍WebAPI的用法

    JS分成三个大的部分：ECMAScript、DOM API、BOM API，其中：ECMAScript是让前端开发建立基本的编程思维。但是要想真正来写一个更加复杂的有交互式的页面,还需要WebAPI的支持，相当于把后端编程实现成前端交互。DOM+BOM就组成了WebAPI

  6. 如何使用基本授权从mvc调用外部api？

    我需要使用basicauth调用mvc控制器中的外部api，然后保存aspsessionid，然后我可以在下一个请求中使用它我试了很多，但没能成功

  7. php – 如何在Steam WebAPI中获取应用程序的价格？

    有没有可能通过WebAPI从Steam获取游戏的价格？

  8. CentOS下安装.net core环境并部署WebAPI

    如果提示如下内容就说明启动成功了。

  9. windows-server-2003 – 从IIS 6升级到8.5：增加了并发请求

    如果存在控制此设置的设置,那么现在我希望Web应用程序在WindowsServer2003和2012R2上的行为相同.您是否尝试在IIS8.5下以经典模式与集成模式运行应用程序池？也许新的集成管道模型的某些因素影响了过渡.您是否看到在活动期间排队的请求？

  10. CentOS下使用.Net Core 1.1部署WebApi

    一、安装CentOS系统二、在CentOS上安装最新的.NetCore安装教程在官网已经很详细了。

随机推荐

  1. Angular2 innerHtml删除样式

    我正在使用innerHtml并在我的cms中设置html,响应似乎没问题,如果我这样打印：{{poi.content}}它给了我正确的内容：``但是当我使用[innerHtml]=“poi.content”时,它会给我这个html：当我使用[innerHtml]时,有谁知道为什么它会剥离我的样式Angular2清理动态添加的HTML,样式,……

  2. 为Angular根组件/模块指定@Input()参数

    我有3个根组件,由根AppModule引导.你如何为其中一个组件指定@input()参数？也不由AppModalComponent获取：它是未定义的.据我所知,你不能将@input()传递给bootstraped组件.但您可以使用其他方法来做到这一点–将值作为属性传递.index.html：app.component.ts：

  3. angular-ui-bootstrap – 如何为angular ui-bootstrap tabs指令指定href参数

    我正在使用角度ui-bootstrap库,但我不知道如何为每个选项卡指定自定义href.在角度ui-bootstrap文档中,指定了一个可选参数select(),但我不知道如何使用它来自定义每个选项卡的链接另一种重新定义问题的方法是如何使用带有角度ui-bootstrap选项卡的路由我希望现在还不算太晚,但我今天遇到了同样的问题.你可以通过以下方式实现：1)在控制器中定义选项卡href：2)声明一个函数来改变控制器中的散列：3)使用以下标记：我不确定这是否是最好的方法,我很乐意听取别人的意见.

  4. 离子框架 – 标签内部的ng-click不起作用

    >为什么标签标签内的按钮不起作用？>但是标签外的按钮(登陆)工作正常,为什么？>请帮我解决这个问题.我需要在点击时做出回复按钮workingdemo解决方案就是不要为物品使用标签.而只是使用divHTML

  5. Angular 2：将值传递给路由数据解析

    我正在尝试编写一个DataResolver服务,允许Angular2路由器在初始化组件之前预加载数据.解析器需要调用不同的API端点来获取适合于正在加载的路由的数据.我正在构建一个通用解析器,而不是为我的许多组件中的每个组件设置一个解析器.因此,我想在路由定义中传递指向正确端点的自定义输入.例如,考虑以下路线：app.routes.ts在第一个实例中,解析器需要调用/path/to/resourc

  6. angularjs – 解释ngModel管道,解析器,格式化程序,viewChangeListeners和$watchers的顺序

    换句话说：如果在模型更新之前触发了“ng-change”,我可以理解,但是我很难理解在更新模型之后以及在完成填充更改之前触发函数绑定属性.如果您读到这里：祝贺并感谢您的耐心等待！

  7. 角度5模板形式检测形式有效性状态的变化

    为了拥有一个可以监听其包含的表单的有效性状态的变化的组件并执行某些组件的方法,是reactiveforms的方法吗？

  8. Angular 2 CSV文件下载

    我在springboot应用程序中有我的后端,从那里我返回一个.csv文件WheniamhittingtheURLinbrowsercsvfileisgettingdownloaded.现在我试图从我的角度2应用程序中点击此URL,代码是这样的：零件：服务：我正在下载文件,但它像ActuallyitshouldbeBook.csv请指导我缺少的东西.有一种解决方法,但您需要创建一个页面上的元

  9. angularjs – Angular UI-Grid：过滤后如何获取总项数

    提前致谢：)你应该避免使用jQuery并与API进行交互.首先需要在网格创建事件中保存对API的引用.您应该已经知道总行数.您可以使用以下命令获取可见/已过滤行数：要么您可以使用以下命令获取所选行的数量：

  10. angularjs – 迁移gulp进程以包含typescript

    或者我应该使用tsc作为我的主要构建工具,让它解决依赖关系,创建映射文件并制作捆绑包？

返回
顶部