如何用ASP.NET MVC结合Bootstrap高效实现产品展示、查询、排序及分页功能？

本文共计6951个文字，预计阅读时间需要28分钟。

在产品展示中，通常包含产品展示方式、查询、排序和分页功能。本文在ASP.NET MVC框架下，利用Bootstrap实现这些功能。源代码已托管在GitHub：[https://github.com/darrenji/ProductsSearchSortPage](https://github.com/darrenji/ProductsSearchSortPage)。效果图如下：最上面是产品搜索排序页面。

在产品展示中，通常涉及产品的展示方式、查询、排序、分页，本篇就在ASP.NET MVC下，使用Boostrap来实现。

源码放在了GitHub:github.com/darrenji/ProductsSearchSortPage

先上效果图：

最上面是搜索和排序，每次点击搜索条件、排序，或者删除搜索条件都会触发异步加载。

中间部分为产品展示，提供了列表和格子这2种显示方式。

最下方为分页。