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

发表于:2016-1-21 12:25

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:chen110xi    来源:51Testing软件测试网采编

  上一篇我在ASP.NET里面添加了一个Help Page,这篇文章我打算在该page里面添加一个测试工具,这样我们在开发的时候就可以直接用来测试API了,对开发很有好处!
  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 的按钮,点击就是我们要的测试工具了
  返回的结果还算正确。
  记在这里,以后学习
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号