详解ASP.NET MVC 利用Razor引擎生成静态页

关于“详解ASP.NET MVC 利用Razor引擎生成静态页”的完整攻略，我分为以下四部分来讲解。

什么是ASP.NET MVC和Razor引擎

ASP.NET MVC是一种模型-视图-控制器（MVC）应用程序框架。它提供了一种更好的方式来处理 Web 应用程序的复杂性并确保它们易于维护和测试。 Razor引擎则是ASP.NET MVC中使用的默认视图引擎，它可以编写HTML、CSS和Javascript，并将它们嵌入到C#代码中，使MVC模式中的视图不再只是简单的HTML字符串。

如何生成静态页

在ASP.NET MVC中生成静态页可以大大提高网站的性能，具体步骤如下：

创建一个新的Web应用程序项目，并选择“空”模板。
安装RazorGenerator插件，可以通过NuGet进行安装，命令如下：

Install-Package RazorGenerator.Mvc

在App_Start目录中添加RazorGeneratorMvcStart.cs文件，并添加以下内容：

```csharp
[assembly: WebActivatorEx.PostApplicationStartMethod(typeof(YourWebApp.RazorGeneratorMvcStart), "Start")]
namespace YourWebApp
{
public static class RazorGeneratorMvcStart
{
public static void Start()
{
ViewEngines.Engines.Add(new RazorViewEngine
{
AreaViewLocationFormats = new[]
{
"~/Views/{1}/{0}.cshtml",
"~/Views/Shared/{0}.cshtml",
"~/Views/StaticPages/{0}.cshtml"
}
});

        var engine = new PrecompiledMvcEngine(typeof(RazorGeneratorMvcStart).Assembly)
        {
            UsePhysicalViewsIfNewer = HttpContext.Current.Request.IsLocal
        };

        ViewEngines.Engines.Insert(0, engine);
        VirtualPathFactoryManager.RegisterVirtualPathFactory(engine);
    }
}

}
```

这段代码实现了将静态页面视图引擎添加到MVC显示引擎中，并注册预编译MvcEngine以便生成视图。

在项目中添加静态页面视图，可以通过添加文件夹和视图来完成，例如添加一个名为“About”的静态页面，则创建文件夹StaticPages和视图About.cshtml，在About.cshtml中添加页面展示代码。
在路由文件中添加静态路由，并指向新创建的静态页面视图，可以在RouteConfig.cs中添加以下代码：

csharp routes.MapRoute( name: "StaticPages", url: "StaticPages/{view}.html", defaults: new { controller = "StaticPages", action = "Render" } );

创建一个名为“StaticPagesController”的控制器，并添加以下代码：

csharp public ActionResult Render(string view) { return View("~/Views/StaticPages/" + view + ".cshtml"); }

这段代码通过处理路由参数来显示静态页面。

执行生成静态页操作。

在项目中执行以下命令：MvcBuildViews=true，这意味着在生成解决方案时使用 RazorGenerator编译视图。在此之后，将静态页面视图打包到预编译程序集中。

示例展示

下面通过两个示例来详细介绍如何使用ASP.NET MVC和Razor引擎生成静态页。

示例1：生成常规静态页

在创建好ASP.NET MVC项目并安装好RazorGenerator插件后，新建“StaticPages”文件夹，并在其中添加一个名为“about.cshtml”的视图。在该视图中添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>About Page</title>
</head>
<body>
    <h1>About Us</h1>
    <p>We are a team of developers.</p>
</body>
</html>

在RouteConfig.cs中添加一个静态路由，并指向新创建的静态页面视图。

routes.MapRoute(
   name: "StaticPages",
   url: "StaticPages/{view}.html",
   defaults: new { controller = "StaticPages", action = "Render" }
);

在StaticPagesController.cs中添加以下代码：

public ActionResult Render(string view)
{
   return View("~/Views/StaticPages/" + view + ".cshtml");
}

然后在Visual Studio的命令行中执行以下命令：MvcBuildViews=true，这意味着在生成解决方案时使用 RazorGenerator编译视图。在此之后，将静态页面视图打包到预编译程序集中。

打开网站，并在URL中输入http://localhost:port/StaticPages/about.html，即可看到关于我们页面的展示。

示例2：生成需要访问数据库的静态页

在创建好ASP.NET MVC项目并安装好RazorGenerator插件后，新建“StaticPages”文件夹，并在其中添加一个名为“products.cshtml”的视图。在该视图中通过访问数据库获取商品信息，并添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>Products Page</title>
</head>
<body>
    <h1>Products</h1>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            @foreach(var product in Model)
            {
                <tr>
                    <td>@product.Name</td>
                    <td>@product.Description</td>
                    <td>@product.Price</td>
                </tr>
            }
        </tbody>
    </table>
</body>
</html>