如何在帮助页面添加测试工具-优快云博客

　如何在帮助页面添加测试工具

　　上一篇我在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 }