如何在MVC_WebAPI项目中的APIController帮助页面添加Web测试工具测试
2016-08-31 17:53
357 查看
本文转载自:http://www.cnblogs.com/pmars/p/3673811.html
先看效果图:
以下是原文:
如何在帮助页面添加测试工具
上一篇我在ASP.NET里面添加了一个Help Page,这篇文章我打算在该page里面添加一个测试工具,这样我们在开发的时候就可以直接用来测试API了,对开发很有好处!
你也可以看这篇文章来添加测试工具:http://blogs.msdn.com/b/yaohuang1/archive/2012/12/02/adding-a-simple-test-client-to-asp-net-web-api-help-page.aspx
1,添加NuGet程序包
点击安装即可。
之后会在你的项目中添加了如下文件:
Scripts\WebApiTestClient.js
Areas\HelpPage\TestClient.css
Areas\HelpPage\Views\Help\DisplayTemplates\TestClientDialogs.cshtml
Areas\HelpPage\Views\Help\DisplayTemplates\TestClientReferences.cshtml
2,添加功能
这个时候我们需要修改这个文件:Areas\HelpPage\Views\Help\Api.cshtml
对的,就这么简单。
你需要确定的是,你的包需要在这个或者之上:
jQuery 1.7.1
jQuery.UI.Combined 1.8.20
knockoutjs 2.1.0
3,看看页面
在Help页面找到任意的API,点击进入查看,会发现,右下角有个Test API 的按钮,点击就是我们要的测试工具了
返回的结果还算正确。
先看效果图:
以下是原文:
如何在帮助页面添加测试工具
上一篇我在ASP.NET里面添加了一个Help Page,这篇文章我打算在该page里面添加一个测试工具,这样我们在开发的时候就可以直接用来测试API了,对开发很有好处!
你也可以看这篇文章来添加测试工具:http://blogs.msdn.com/b/yaohuang1/archive/2012/12/02/adding-a-simple-test-client-to-asp-net-web-api-help-page.aspx
1,添加NuGet程序包
点击安装即可。
之后会在你的项目中添加了如下文件:
Scripts\WebApiTestClient.js
Areas\HelpPage\TestClient.css
Areas\HelpPage\Views\Help\DisplayTemplates\TestClientDialogs.cshtml
Areas\HelpPage\Views\Help\DisplayTemplates\TestClientReferences.cshtml
2,添加功能
这个时候我们需要修改这个文件:Areas\HelpPage\Views\Help\Api.cshtml
1 <link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet" /> 2 <div id="body" class="help-page"> 3 <section class="featured"> 4 <div class="content-wrapper"> 5 <p> 6 @Html.ActionLink("Help Page Home", "Index") 7 </p> 8 </div> 9 </section> 10 <section class="content-wrapper main-content clear-fix"> 11 @Html.DisplayForModel() 12 </section> 13 </div> 14 @Html.DisplayForModel("TestClientDialogs") 15 @section Scripts { 16 <link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet"/> 17 @Html.DisplayForModel("TestClientReferences") 18 }
对的,就这么简单。
你需要确定的是,你的包需要在这个或者之上:
jQuery 1.7.1
jQuery.UI.Combined 1.8.20
knockoutjs 2.1.0
3,看看页面
在Help页面找到任意的API,点击进入查看,会发现,右下角有个Test API 的按钮,点击就是我们要的测试工具了
返回的结果还算正确。
相关文章推荐
- 如何在帮助页面添加测试工具
- 如何在帮助页面添加测试工具
- 如何在帮助页面添加测试工具
- 如何在Web项目中给没有添加API核心组件添加APIController的帮助页HelpPage
- 如何在Web项目中给没有添加API核心组件添加APIController的帮助页HelpPage
- 如何处理asp.net的webapi项目的测试环境与生产环境的help页面可见/不可见问题。
- 给现有MVC 项目添加 WebAPI
- 如何将asp.net MVC2项目升级为MVC3项目(微软官方自动升级工具:ASP.NET MVC 3 Application Upgrader )
- 如何将asp.net MVC2项目升级为MVC3项目(微软官方自动升级工具:ASP.NET MVC 3 Application Upgrader )
- 基础教学——如何用maven工具创建一个springmvc+mybatis的项目
- [.NET] WebApi 生成帮助文档及顺便自动创建简单的测试工具
- 给现有MVC 项目添加 WebAPI
- 如何在我自己的web 项目的jsp页面中添加链接,直接让别人通过内网在我的电脑上下载文件
- [原] VS新添加WebApplication项目,无法运行,请求帮助,问题如何解决
- 给WebAPI的REST接口服务添加测试页面(一)
- 给WebAPI的REST接口服务添加测试页面(一)
- 如何将asp.net MVC2项目升级为MVC3项目(微软官方自动升级工具:ASP.NET MVC 3 Application Upgrader )
- 如何将asp.net MVC2项目升级为MVC3项目(微软官方自动升级工具:ASP.NET MVC 3 Application Upgrader )
- 在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?
- 如何向MyEclipse项目的文件夹中添加JSP页面?