zoukankan      html  css  js  c++  java
  • 如何给你的ASP.NET页面添加HelpPage

    如何给你的ASP.NET页面添加HelpPage

      最近写了一些webAPI,所以需要搞一套API的帮助文档,google了一下,发现这是可以自动生成的,以下就是如何自动生成HelpPage的说明。

      参考:http://www.asp.net/web-api/overview/creating-web-apis/creating-api-help-pages

      其实我也是按照上面的说法一步步走的,只是上面是英文,我进行一个简单的翻译,并且,在其中有些地方做了更改,也在这边记录一下!

    1,新建一个项目:

       

      确认新建项目,右键项目属性,确保我们当前的项目是Framework4.5的(4.0及其以下的下面的安装包是安装不成功的,记住,这是血的教训)

      

    2,添加引用包

      右键引用,选择管理NuGet程序包(你得先配置好这个,具体如何配置百度一下就OK了)

      

      之后搜索helppage即可,找到的第一个既是我们需要添加的asp.net的helppage程序包

      

      点击安装即可,这安装的速度得取决于你的网速,反正我这边特慢,有的时候还得安装好多次才可以。

      

      现在Help page就已经生成了,右键项目-》调试-》启动新实例,之后再页面URL后面写上 /Help 看看(注:我们的端口应该不会一样,无妨)

      

      这时候你会发现,页面什么都没有,不急,往下走。

    3,修改配置文件生成位置

      首先需要说明的是,这个程序包会依托于项目生成的XML配置文件来产生所有的文档,所以你得先让你的项目生成这个XML文件

      右键项目选择属性,之后再生成一栏里面选择输出到XML文档文件,那个路径和名称随你怎么写,只要一会和下面的配置对应上就OK,我这边直接用的是默认的。

      

      之后我们需要做的就是给这个xml的路径写到程序里面,配置好就可以了,打开Areas/HelpPage/App_Start/HelpPageConfig.cs 页面,将Register函数里面的几段注释去掉,之后修改成刚才的路径就ok了。

    复制代码
     1      public static void Register(HttpConfiguration config)
     2         {
     3             // Uncomment the following to use the documentation from XML documentation file.
     4             config.SetDocumentationProvider(new XmlDocumentationProvider(HttpContext.Current.Server.MapPath("~/bin/Service.xml")));  // 注:这里的路径就是刚才说的地址,你修改成一样的就OK了
     5 
     6             // Uncomment the following to use "sample string" as the sample for all actions that have string as the body parameter or return type.
     7             // Also, the string arrays will be used for IEnumerable<string>. The sample objects will be serialized into different media type 
     8             // formats by the available formatters.
     9             config.SetSampleObjects(new Dictionary<Type, object>    // 这段需要解放出来主要就是做sample的
    10             {
    11                 {typeof(string), "sample string"},
    12                 {typeof(IEnumerable<string>), new string[]{"sample 1", "sample 2"}}
    13             });
    复制代码

        

    4,添加Controller

      OK,现在基本条件已经备齐,只剩下需要显示的东西了,我们创建一个controller,之后添加一个接口

      

      添加Controller之后,里面会有一些自动生成的API,现在你可以去刷新一下那个Help页面,看看是否有货了...

      

      是不是发现,API已经显示出来了,但是并没有有用的描述在页面上,我们加上就可以了

      我只修改了两个函数来看看效果:

    复制代码
     1      // GET api/crab
     2         /// <summary>
     3         /// this is get function without parameter
     4         /// </summary>
     5         /// <returns>function return value</returns>
     6         public IEnumerable<string> Get()
     7         {
     8             return new string[] { "value1", "value2" };
     9         }
    10 
    11         // GET api/crab/5
    12         /// <summary>
    13         /// this is get function with a parameter named id
    14         /// </summary>
    15         /// <param name="id"></param>
    16         /// <returns>function return value</returns>
    17         public string Get(int id)
    18         {
    19             return "value";
    20         }
    复制代码

        

      OK,现在的页面已经变了,你可以根据你的需求来编写Help page了。

    5,其他风格的API

      可以发现,默认生成的都是一些RestAPI,我对这个一点都不感冒,所以,我打算换一种写法:

    复制代码
     1    public class CrabController : ApiController
     2     {
     3         /// <summary>
     4         /// 测试方法
     5         /// </summary>
     6         /// <param name="msg1">串1</param>
     7         /// <param name="msg2">串2</param>
     8         /// <returns>两个字符串的连接串</returns>
     9         [System.Web.Http.AcceptVerbs("GET")]
    10         [System.Web.Http.ActionName("TestMethod")]
    11         public string TestMethod(string msg1,string msg2)
    12         {
    13             return msg1 + msg2;
    14         }
    15     }
    复制代码

      这个时候,我们还需要修改一下配置文件,否则你会发现,他的API名称变成了controller的名字

      

      找到路径 App_Start/WebApiConfig.cs,修改Register函数如下:

    复制代码
    1      public static void Register(HttpConfiguration config)
    2         {
    3             config.Routes.MapHttpRoute(
    4                 name: "DefaultApi",
    5                 routeTemplate: "{controller}/{action}",    // 此处进行了修改
    6                 defaults: new { id = RouteParameter.Optional }
    7             );
    8         }
    复制代码

      现在我们刷新一下页面:

      

      OK,这才是我想要的。

    6,修改标题显示的内容

      为了个性化,我需要修改一下标题和介绍部分的内容,找到文件:Area/Views/Help/Index.cshtml,修改部分代码为:

    复制代码
     1 @{
     2     ViewBag.Title = "这里是需要修改的Title";
     3 
     4     // Group APIs by controller
     5     ILookup<HttpControllerDescriptor, ApiDescription> apiGroups = Model.ToLookup(api => api.ActionDescriptor.ControllerDescriptor);
     6 }
     7 
     8 <link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet" />
     9 <header class="help-page">
    10     <div class="content-wrapper">
    11         <div class="float-left">
    12             <h1>@ViewBag.Title</h1>
    13         </div>
    14     </div>
    15 </header>
    16 <div id="body" class="help-page">
    17     <section class="featured">
    18         <div class="content-wrapper">
    19             <h2>介绍</h2>
    20             <p>
    21                 我修改了这里
    22             </p>
    23         </div>
    24     </section>
    25     <section class="content-wrapper main-content clear-fix">
    26         @foreach (var group in apiGroups)
    27         {
    28             @Html.DisplayFor(m => group, "ApiGroup")
    29         }
    30     </section>
    31 </div>
    复制代码

     现在的页面:

      

    7,这里面的坑

      我在用的时候发现里面有个坑,找到文件:Areas/HelpPage/ModelDescriptions/ModelNameHelper.cs

      里面有一段代码:genericTypeName = genericTypeName.Substring(0, genericTypeName.IndexOf('`'));

      这段代码,如果当genericTypeName字符串中没有'`'的时候,是会出问题的,所以我修改了一下这段代码:

    1           var index = genericTypeName.IndexOf('`');
    2                 genericTypeName = genericTypeName.Substring(0, index != -1 ? index : genericTypeName.Length);

     8,不在页面显示API

      其实很多的函数是不需要对外公布的,那我们可以通过以下代码来设置:

    1 [ApiExplorerSettings(IgnoreApi=true)]
    2 public HttpResponseMessage Get(int id) {  }

      OK,这个问题基本上就是这些,现在HelpPage已经可以使用了,下一篇文章我打算写写Test Client,就是说,在help page内放入一个测试工具,连接在此:如何在帮助页面添加测试工具,这样我们在开发的时候就很方便了。

      记在这里,以后学习!

  • 相关阅读:
    强连通分量填坑记
    Car的旅行路线
    油滴扩散
    【转】孔乙已
    [CQOI2007]余数求和
    树形dp入门两题
    一本通 3.1 例 1」黑暗城堡
    一点点有的没的和一年总结
    leetcode答案 有效的括号(python)
    leetcode数据库题目及答案汇总
  • 原文地址:https://www.cnblogs.com/sunxuchu/p/5409478.html
Copyright © 2011-2022 走看看