ASP.NET MVC：如何在 MVC 应用程序中使用静态 HTML 页面

使用静态 HTML 页面是 ASP.NET MVC 应用程序中的常见需求之一。静态 HTML 页面可以用于展示简单的内容，或者作为应用程序的某个功能模块的一部分。本文将介绍如何在 ASP.NET MVC 应用程序中使用静态 HTML 页面，并提供一个实际的案例代码。

首先，我们需要在 ASP.NET MVC 应用程序中创建一个文件夹，用于存放静态 HTML 页面。可以将此文件夹命名为 "StaticPages" 或者其他有意义的名称。然后，在该文件夹中创建一个名为 "About.html" 的静态 HTML 文件，用于展示关于页面的内容。在该文件中，可以编写任意的 HTML 代码，包括文本、图像、样式等。

接下来，我们需要在 ASP.NET MVC 应用程序中配置路由，以便能够访问到静态 HTML 页面。打开 "RouteConfig.cs" 文件，该文件位于 "App_Start" 文件夹下。在 "RegisterRoutes" 方法中，添加以下代码：

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

上述代码定义了一个名为 "StaticPages" 的路由规则，该规则将匹配所有以 "/StaticPages/" 开头的 URL，并将其路由到 "StaticPages" 控制器的 "Index" 动作。

然后，我们需要创建一个名为 "StaticPagesController" 的控制器，用于处理静态 HTML 页面的请求。在该控制器中，添加以下代码：

csharp
public class StaticPagesController : Controller
{
    public ActionResult Index(string pageName)
    {
        var filePath = Server.MapPath("~/StaticPages/" + pageName + ".html");
        return File(filePath, "text/html");
    }
}

上述代码中，"Index" 动作接收一个名为 "pageName" 的参数，用于指定要访问的静态 HTML 页面的文件名。然后，使用 "Server.MapPath" 方法获取静态 HTML 页面的物理路径，并通过 "File" 方法返回该文件。

至此，我们已经完成了在 ASP.NET MVC 应用程序中使用静态 HTML 页面的配置。接下来，我们可以通过访问 "/StaticPages/About" 来查看 "About.html" 页面的内容。

案例代码：

html
<!DOCTYPE html>
<html>
<head>
    <title>About</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
        }
        h1 {
            color: #333;
        }
        p {
            color: #666;
        }
    </style>
</head>
<body>
    <h1>About Us</h1>
    
Welcome to our website! We are a leading company in the industry.
    
For more information, please contact us at info@example.com.
</body>
</html>

通过以上配置和案例代码，我们可以在 ASP.NET MVC 应用程序中使用静态 HTML 页面。这样，我们可以更加灵活地组织应用程序的内容，并且可以利用 HTML 的强大特性来实现各种样式和效果。无论是展示简单的内容还是作为应用程序的某个功能模块，静态 HTML 页面都是一个非常有用的工具。