如何在 ASP.NET MVC 5 中为分页进行路由

Question

我正在为 ASP.NET MVC 5 中的应用程序进行分页，并停留在分页的路由上。以下是我尝试使用的格式：

<a href="~/Home/page/1)">Next</a>

目前，它适用于以下情况：

<a href="~/Home?page=1">Next</a>

在 RouteConfig 文件中，我设置了以下路由：

public static void RegisterRoutes(RouteCollection routes)
    {
        //routes.RouteExistingFiles = true;
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute( //Route For The Pagination
            "Home",
            "Home/page/{page}",
             new { controller = "Home", action = "Index" }
       );

        routes.MapRoute( //Default Route
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }

控制器：

    public ActionResult Index(int? page)
    {
        MainDbContext db = new MainDbContext();

        var listItems = new List<List>();

        if (User.Identity.IsAuthenticated)
        {
            listItems = (db.Lists.ToList());
        }
        else
        {
            listItems = (db.Lists.Where(m => m.Public == "Yes").ToList());
        }

        var pager = new Pager(listItems.Count(), page);

        var viewModel = new List
        {
            Items = listItems.Skip((pager.CurrentPage - 1) * pager.PageSize).Take(pager.PageSize).ToList(),
            Pager = pager
        };

        return View(viewModel);
    }

我不确定我是否做对了。但是现在，当我运行应用程序时，对于分页部分，它显示此消息“Server Error in '/' Application - The resource cannot be found”。我是否需要配置其他任何东西并期待专家的建议。谢谢。

Answer 1

为了使寻呼的路由规则起作用，您需要定义不同的操作。

例如：

routes.MapRoute( //Route For The Pagination
    "Home",
    "Home/page/{page}",
    defaults: new { controller = "Home", action = "PagedIndex" }
    );

然后，您在HomeController 内部实现PagedIndex 操作。

public ActionResult PagedIndex(int? page)
{
    // code here to build your model
    return View("Index", viewModel);
}

您还需要将return View(viewModel); 更改为return View("Index", viewModel);。否则，它将尝试运行PagedIndex 视图。

编辑：添加整个文件：

App_Start/RouteConfig.cs

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute( //Route For The Pagination
            "Home",
            "Home/page/{page}",
            defaults: new { controller = "Home", action = "PagedIndex" }
            );

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }
}

Controllers/HomeController.cs

    public ActionResult Index()
    {
        Models.Home.Index model = new Models.Home.Index();

        return View("Index", model);
    }

    public ActionResult PagedIndex(int? page)
    {
        Models.Home.Index model = new Models.Home.Index();
        model.page = page ?? 0;

        return View("Index", model);
    }

    public ActionResult About()
    {
        ViewBag.Message = "Your application description page.";

        return View();
    }

    public ActionResult Contact()
    {
        ViewBag.Message = "Your contact page.";

        return View();
    }
}

模型/Index.cs

// You won't need this, it is just a mock model I created to test the code
namespace SOQuestion.Models.Home
{
    public class Index
    {
        public int page { get; set; }

        public Index()
        {

        }
    }
}

Views/Home/Index.cshtml

@model SOQuestion.Models.Home.Index

@{
    ViewBag.Title = "Home Page";
}

<div class="row">
    <div class="col-md-12">
        <h2>This is the <b>Index</b> view</h2>
        <p>
            Current index is: <b>@Model.page</b>
        </p>
        <p>
            @if (Model.page > 0)
            {
                <a class="btn btn-info" href="/Home/Page/@(Model.page - 1)">Previous</a>
            }

            <a class="btn btn-info" href="/Home/Page/@(Model.page + 1)">Next</a>
        </p>
    </div>
</div>