如何在幫助頁面添加測試工具

　如何在幫助頁面添加測試工具

　　上一篇我在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 的按鈕，點擊就是咱們要的測試工具了

　　

　　返回的結果還算正確。

 

　　記在這裏，之後學習。