JS&CSS文件请求合并及压缩处理研究（二）

上篇交待了一些理论方面的东西，并给出了另外一种解决方案的处理流程。本篇将根据该处理流程，开始代码方面的编写工作。

1，打开VS，新建ASP.NET MVC Web项目，项目类型选择空。名称为 Mcmurphy.Web（该项目为前台项目）
2，在解决方案中添加以下项目：
　　1）Mcmurphy.Component（主要存放需要用到的实体类及枚举）
　　2）Mcmurphy.Extension（HtmlHelper扩展类）
　　3）Mcmurphy.Tests （单元测试）

3，在 Mcmurphy.Component 项目中添加文件：ResourceInfo.cs，表示我们的资源文件信息。代码如下：

namespace Mcmurphy.Component
{
    /// <summary>
    /// 资源信息
    /// </summary>
    public class ResourceInfo
    {
        /// <summary>
        /// 链接地址
        /// </summary>
        public string Url { set; get; }
        /// <summary>
        /// 所属分组
        /// </summary>
        public string Group { set; get; }
        /// <summary>
        /// 资源优先级
        /// </summary>
        public PriorityType Order { set; get; }
    }
}

加入资源优先级的概念，可以对文件的加载先后顺序进行更加精确的控制，而不是完全通过添加顺序进行加载。也就是说，优先级高的文件，即使添加顺序偏后，也会优先加载并渲染。这一点在随后的演示中会有所体现。

4，接下来添加优先级枚举。在Mcmurphy.Component项目中添加Enumeration文件夹，用于存在用到的枚举信息。新建PriorityType枚举类。添加资源文件时，如不指定优先级，默认为Normal。

namespace Mcmurphy.Component.Enumeration
{
    /// <summary>
    /// 优先级类型
    /// </summary>
    public enum PriorityType
    {
        /// <summary>
        /// 最高优先级
        /// </summary>
        Highest = ,
        /// <summary>
        /// 高优先级
        /// </summary>
        High = ,
        /// <summary>
        /// 普通优先级
        /// </summary>
        Normal = ,
        /// <summary>
        /// 低优先级
        /// </summary>
        Low = ,
        /// <summary>
        /// 最低优先级
        /// </summary>
        Lowest =
    }
}

5，为标记资源类型（样式或脚本），再定义ResourceType枚举。代码为：

namespace Mcmurphy.Component.Enumeration
{
    /// <summary>
    /// 资源类型
    /// </summary>
    public enum ResourceType
    {
        /// <summary>
        /// 样式文件
        /// </summary>
        StyleSheet = ,
        /// <summary>
        /// 脚本文件
        /// </summary>
        Script =
    }
}

6，接下来我们就可以扩展HtmlHelper对象，实现View中资源添加的逻辑了。在Mcmurphy.Extension项目中，新建文件CombineResourceExt.cs，修改该类为静态类，然后添加以下方法代码：

/// <summary>
/// 添加资源文件
/// </summary>
/// <param name="htmlHelper"></param>
/// <param name="resType">资源类型</param>
/// <param name="url">文件路径</param>
/// <param name="group">文件分组名称，默认为空</param>
/// <param name="order">文件同组中的优先级。默认：Normal</param>
public static void AppendResFile(this HtmlHelper htmlHelper, ResourceType resType, string url, string group = "", PriorityType order = PriorityType.Normal)
{
     throw new NotImplementedException();
}

该方法扩展了HtmlHelper对象，同时指定了资源文件的地址，分组，及优先级。熟悉MVC的朋友应该知道，现在我们在View页面中，就可以这样调用，以脚本文件为例：

Html.AppendResFile(ResourceType.Script, "这里是脚本文件路径");

或者手动指定优先级：

Html.AppendResFile(ResourceType.Script, "", PriorityType.High);

关于分组的概念，可以这样理解：同属一个分组的文件，会合并其请求路径，一次性向服务器发出请求。今后我们会对其进行更加深入的说明。

为了View中更加方便的调用，我们展开Mcmurphy.Web项目，打开Views目录下的web.config文件，在<system.web.webPages.razor> 节点下，注册程序集：

<pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
        <!--注册程序集-->
        <add namespace="Mcmurphy.Component.Enumeration"/>
        <add namespace="Mcmurphy.Extension"/>
      </namespaces>
    </pages>

这样，我们在每个View页面中，不需要再手动 @using 上面两个程序集，直接调用 Html.AppendResFile 方法即可。

接下来，鄙人将着重说明相关的路径合并规则，并依据这些合并规则完善 CombineResourceExt 类。