asp.net生成静态页并分页+ubb

生成静态页能够大大提高网站的访问速度并节约服务器资源，而分页则可以方便用户阅读长篇文章，使其更易于消化和理解。本文将详细讲解如何使用ASP.NET实现生成静态页并分页，同时支持UBB语法。

生成静态页

1. 安装NuGet包

在Visual Studio中打开项目，右键点击项目名称，选择“管理NuGet程序包”。
然后搜索“AspNet.StaticFileGenerator”，安装它。

2. 创建一个静态文件生成器

打开 Global.asax 文件，在 Application_Start 函数中添加以下代码：

var options = new StaticFileGeneratorOptions
{
    RootUrl = "http://localhost:xxxx",
    OutputPath = @"D:\wwwroot",
    RoutePatterns = new[] { "/articles/*" }
};

var generator = new StaticFileGenerator(options);

Task.Run(() => generator.Generate());

其中：

• RootUrl 表示网站URL，xxxx需要改成实际的端口号
• OutputPath 表示生成的静态文件存放路径，可以改成其他路径
• RoutePatterns 表示需要生成静态文件的路由URL模式，本例中表示生成/articles目录下的所有文章的静态文件

3. 生成静态文件

重新启动应用程序后，静态文件生成器将开始运行，并将在指定的路由模式下生成所有匹配的页面。访问网站的相应页面时，将加载匹配的静态文件。

分页

1. 安装NuGet包

在Visual Studio中打开项目，右键点击项目名称，选择“管理NuGet程序包”。
然后搜索“AspNet.Pagination”，安装它。

2. 创建分页控制器

在Controllers文件夹下新建一个名为ArticlesController的控制器，然后添加以下代码：

public class ArticlesController : Controller
{
    // 每页文章数
    private const int PAGE_SIZE = 10;

    public IActionResult List(int? page = 1)
    {
        // 获取文章列表
        var articles = new[] { /* 获取文章列表 */ };

        // 计算页码
        var pager = new Pager(articles.Length, page, PAGE_SIZE);

        // 获取当前页文章
        var currentPageArticles = articles
            .Skip(pager.StartIndex)
            .Take(pager.PageSize)
            .ToList();

        // 将分页信息和文章列表传递到视图中
        ViewBag.Pager = pager;
        return View(currentPageArticles);
    }
}

其中：

• List 方法展示文章列表
• page 参数用于指定要显示的页码，如果未指定，则默认为1
• articles 数组应该被替换为从数据库或其他数据源获取的文章列表
• Pager 类用于计算分页，它接受三个参数：文章总数、当前页码和每页文章数
• StartIndex 方法用于计算当前页数的起始索引

3. 创建 List 视图

在Views/Articles目录下创建一个 List.cshtml 视图文件，并添加以下代码：

@model IEnumerable<Article>

@foreach (var article in Model)
{
    // 显示文章列表
}

// 显示分页控件
<div>
    @Html.Pager((Pager)ViewBag.Pager, new { cssClasses = "pager" })
</div>

以上代码中：

• @model 注释指定视图模型类型：IEnumerable
• 使用@{...}语法中的C#代码循环遍历文章列表，并显示文章
• 使用@Html.Pager(...)方法显示分页控件

示例说明

示例1：生成单篇文章的静态页面

假设你有一篇文章的URL是http://localhost:xxxx/articles/1，现在想将它静态化。
步骤如下：

1. 在Global.asax.cs中，将RoutePatterns改为new[] { "/articles/1" }
2. 重新编译运行项目，将生成一份名为1.html的静态文件
3. 访问http://localhost:xxxx/articles/1，将加载1.html文件

示例2：分页显示文章列表

假设你的网站有一个文章列表页面，URL是http://localhost:xxxx/articles，每页显示10篇文章。
步骤如下：

1. 创建ArticlesController，并添加List方法
2. 创建List视图，并在其中使用Html.Pager方法显示分页控件
3. 实现List方法的跳转逻辑，使其能够分页
4. 在Global.asax.cs中，将RoutePatterns改为new[] { "/articles" }
5. 重新编译运行项目，分页功能就可以上线了