MVC5学习系列——排序、过滤、分页

最新推荐文章于 2021-08-19 14:27:56 发布
最新推荐文章于 2021-08-19 14:27:56 发布
阅读量3.7k 收藏 3
点赞数 2
分类专栏： MVC学习系列 文章标签： mvc 排序 过滤 分页 列表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duyelang/article/details/50663633
版权
这篇博客介绍了如何在MVC5应用中实现列表的排序、过滤和分页功能。作者首先创建了一个空的MVC项目，然后进行必要的准备工作，包括设置布局文件、调整路由和配置。在内容部分，详细展示了视图页面和过滤搜索的代码实现。
摘要由CSDN通过智能技术生成

MVC5学习笔记，这次练习一下MVC列表的排序、筛选、分页。参考官网地址：Sorting, Filtering, and Paging with the Entity Framework in an ASP.NET MVC Application。

这次我们从头开始，首先我们创建一个空的MVC应用程序，之后先做一下准备工作，我们在根目录下添加Content文件夹并在创建子文件夹Bootstrap/3.3.6用来存放样式文件，然后Views文件夹中创建Shared/_LayoutMovie.cshtml布局文件，代码如下：

<span style="font-size:18px;"><!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - 我的电影</title>
    <link href="~/Content/Bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        @RenderBody()
    </div>
</body>
</html></span>
随后，添加模型—Movie，代码如下： 

<span style="font-size:18px;">using System;
using System.ComponentModel.DataAnnotations;

namespace DDZ.MVC5Paging.Models
{
    public class Movie
    {
        public int ID { get; set; }
        [Display(Name = "电影名称")]
        [Required]
        [MinLength(3)]
        [MaxLength(50)]
        public string Title { get; set; }
        [Display(Name = "发行日期")]
        [DataType(DataType.Date)]
        [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
        public DateTime ReleaseDate { get; set; }
        [Display(Name = "电影类型")]
        [StringLength(50)]
        public string Genre { get; set; }
        [Display(Name = "电影售价")]
        [Range(0, 100)]
        public decimal Price { get; set; }
    }
}</span>
然后，我们选中“包含视图的MVC控制器（使用Entity Framework）”，按照下图创建控制器：


在调试之前呢，首先修改一下默认路由和web.config，如下图：

<span style="font-size:18px;">public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

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

<span style="font-size:18px;">  <connectionStrings>  <!--<add name="DDZMVC5PagingContext" connectionString="Data Source=(localdb)\MSSQLLocalDB; Initial Catalog=DDZMVC5PagingContext-20160214174718; Integrated Security=True; MultipleActiveResultSets=True; AttachDbFilename=|DataDirectory|DDZMVC5PagingContext-20160214174718.mdf"
      providerName="System.Data.SqlClient" />-->
   <add name="DDZMVC5PagingContext" connectionString="Data Source=.;Initial Catalog=DDZMVC5PagingContext;uid=sa; pwd=sa;" providerName="System.Data.SqlClient" />
  </connectionStrings></span>

 
在配置完这些之后，我们开始调试。因为是第一次调试，程序会自动创建数据库，然后我们先插入一些数据，如下图： 

 

 

重点正式开始：首先是排序，看一下视图页面代码
 

 

<span style="font-size:18px;"> <tr>
        <th>
            @Html.ActionLink("电影名称", "Index", new { sortOrder = ViewBag.TitleSortParm})
        </th>
        <th>
            @Html.ActionLink("发布日期", "Index", new { sortOrder = ViewBag.ReleaseDateSortParm})
        </th>
        <th>
            @Html.ActionLink("体裁", "Index", new { sortOrder = ViewBag.GenreSortParm})
        </th>
        <th>
            @Html.ActionLink("票价", "Index", new { sortOrder = ViewBag.PriceSortParm })
        </th>
        <th></th>
    </tr></span>
 
 接着是Movies控制器Index方法： 

 

 

<span style="font-size:18px;">public ActionResult Index(string sortOrder)
        {
            ViewBag.TitleSortParm = String.IsNullOrEmpty(sortOrder) ? "title_desc" : "";
            ViewBag.ReleaseDateSortParm = sortOrder == "date" ? "date_desc" : "date";
            ViewBag.GenreSortParm = sortOrder == "genre" ? "genre_desc" : "genre";
            ViewBag.PriceSortParm = sortOrder == "price" ? "price_desc" : "price";
            var movies = from s in db.Movies
                         select s;
            switch (sortOrder)
            {
                case "title_desc":
                    movies = movies.OrderByDescending(s => s.Title);
                    break;
                case "date":
                    movies = movies.OrderBy(s => s.ReleaseDate);
                    break;
                case "date_desc":
                    movies = movies.OrderByDescending(s => s.ReleaseDate);
                    break;
                case "genre":
                    movies = movies.OrderBy(s => s.Genre);
                    break;
                case "genre_desc":
                    movies = movies.OrderByDescending(s => s.Genre);
                    break;
                case "price":
                    movies = movies.OrderBy(s => s.Price);
                    break;
                case "price_desc":
                    movies = movies.OrderByDescending(s => s.Price);
                    break;
                default:
                    movies = movies.OrderBy(s => s.Title);
                    break;
            }
            return View(movies.ToList());
        }</span>
 
 结果如下图： 

 


 
 
 

其次是过滤搜索，先看一下修改的视图代码：
 

 

<p>
    @Html.ActionLink("添加电影", "Create")
</p>
<span style="background-color: rgb(255, 255, 102);">@using (Html.BeginForm("Index", "Movies", FormMethod.Get, new { @class = "form-inline" }))
{
    <p>
        电影名称： @Html.TextBox("searchMovieTitle", null, new { @class = "form-control", @placeholder = "请输入电影名称" })
        体裁： @Html.DropDownList("searchMovieGenre", ViewData["searchMovieGenreList"] as SelectList, "请选择体裁", new { @class = "form-control" })
        <input type="submit" value="查询" class="btn btn-default" />
    </p>
}</span>
<table class="table">
       <tr>
        <th>
            @Html.ActionLink("电影名称", "Index", new { sortOrder = ViewBag.TitleSortParm<span style="background-color: rgb(255, 255, 51);">, searchMovieTitle = ViewData["searchMovieTitle"], searchMovieGenre = ViewData["searchMovieGenre"] </span>})
        </th>
        <th>
            @Html.ActionLink("发布日期", "Index", new { sortOrder = ViewBag.ReleaseDateSortParm<span style="background-color: rgb(255, 255, 51);">, searchMovieTitle = ViewData["searchMovieTitle"], searchMovieGenre = ViewData["searchMovieGenre"] </span>})
        </th>
        <th>
            @Html.ActionLink("体裁", "Index", new { sortOrder = ViewBag.GenreSortParm<span style="background-color: rgb(255, 255, 51);">, searchMovieTitle = ViewData["searchMovieTitle"], searchMovieGenre = ViewData["searchMovieGenre"] </span>})
        </th>
        <th>
            @Html.ActionLink("票价", "Index", new { sortOrder = ViewBag.PriceSortParm<span style="background-color: rgb(255, 255, 51);">, searchMovieTitle = ViewData["searchMovieTitle"], searchMovieGenre = ViewData["searchMovieGenre"] </span>})
        </th>
        <th></th>
    </tr>
 
 再看一下，后台代码： 

 

 

public ActionResult Index(string sortOrder, string searchMovieTitle, string searchMovieGenre)
        {
            <span style="background-color: rgb(255, 255, 51);">//搜索
            ViewData["searchMovieTitle"] = searchMovieTitle;
            ViewData["searchMovieGenre"] = searchMovieGenre;</span>

            var movies = from s in db.Movies
                         select s;
           <span style="background-color: rgb(255, 255, 51);"> //绑定下拉框
            var GenreQry = from d in movies
                           select d.Genre;
            ViewData["searchMovieGenreList"] = new SelectList(GenreQry.Distinct());
            //搜索
            if (!String.IsNullOrEmpty(searchMovieTitle))
            {
                movies = movies.Where(s => s.Title.Contains(searchMovieTitle));
            }
            if (!string.IsNullOrEmpty(searchMovieGenre))
            {
                movies = movies.Where(x => x.Genre == searchMovieGenre);
            }</span>
            //排序
            ViewBag.TitleSortParm = String.IsNullOrEmpty(sortOrder) ? "title_desc" : "";
            ViewBag.ReleaseDateSortParm = sortOrder == "date" ? "date_desc" : "date";
            ViewBag.GenreSortParm = sortOrder == "genre" ? "genre_desc" : "genre";
            ViewBag.PriceSortParm = sortOrder == "price" ? "price_desc" : "price";
            switch (sortOrder)
            {
                case "title_desc":
                    movies = movies.OrderByDescending(s => s.Title);
                    break;
                case "date":
                    movies = movies.OrderBy(s => s.ReleaseDate);
                    break;
                case "date_desc":
                    movies = movies.OrderByDescending(s => s.ReleaseDate);
                    break;
                case "genre":
                    movies = movies.OrderBy(s => s.Genre);
                    break;
                case "genre_desc":
                    movies = movies.OrderByDescending(s => s.Genre);
                    break;
                case "price":
                    movies = movies.OrderBy(s => s.Price);
                    break;
                case "price_desc":
                    movies = movies.OrderByDescending(s => s.Price);
                    break;
                default:
                    movies = movies.OrderBy(s => s.Title);
                    break;
            }
            return View(movies.ToList());
        }
 
  

 

 
最后是分页，首先在“程序包管理控制台” 安装 PagedList.Mvc——Install-Package PagedList.Mvc 

 


 
 

 
  

 

 
 安装成功之后，先看一下视图页面修改的代码： 

 

 
  
 
@*@model IEnumerable<DDZ.MVC5Paging.Models.Movie>*@
@model PagedList.IPagedList<DDZ.MVC5Paging.Models.Movie>
@using PagedList.Mvc;
 
 
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount

@Html.PagedListPager(Model, pageNum => Url.Action("Index", new { pageNum, searchMovieTitle = ViewData["searchMovieTitle"], searchMovieGenre = ViewData["searchMovieGenre"], sortOrder = ViewBag.CurrentSort }))
 
  然后再看一下，后台代码： 

 

 
  
 
 public ActionResult Index(string sortOrder, string searchMovieTitle, string searchMovieGenre<span style="background-color: rgb(255, 255, 51);">, int? pageNum</span>)
        {
           <span style="background-color: rgb(255, 255, 51);"> //分页
            ViewBag.CurrentSort = sortOrder;</span>
            //搜索
            ViewData["searchMovieTitle"] = searchMovieTitle;
            ViewData["searchMovieGenre"] = searchMovieGenre;

            var movies = from s in db.Movies
                         select s;
            //绑定下拉框
            var GenreQry = from d in movies
                           select d.Genre;
            ViewData["searchMovieGenreList"] = new SelectList(GenreQry.Distinct());
            //搜索
            if (!String.IsNullOrEmpty(searchMovieTitle))
            {
                movies = movies.Where(s => s.Title.Contains(searchMovieTitle));
            }
            if (!string.IsNullOrEmpty(searchMovieGenre))
            {
                movies = movies.Where(x => x.Genre == searchMovieGenre);
            }
            //排序
            ViewBag.TitleSortParm = String.IsNullOrEmpty(sortOrder) ? "title_desc" : "";
            ViewBag.ReleaseDateSortParm = sortOrder == "date" ? "date_desc" : "date";
            ViewBag.GenreSortParm = sortOrder == "genre" ? "genre_desc" : "genre";
            ViewBag.PriceSortParm = sortOrder == "price" ? "price_desc" : "price";
            switch (sortOrder)
            {
                case "title_desc":
                    movies = movies.OrderByDescending(s => s.Title);
                    break;
                case "date":
                    movies = movies.OrderBy(s => s.ReleaseDate);
                    break;
                case "date_desc":
                    movies = movies.OrderByDescending(s => s.ReleaseDate);
                    break;
                case "genre":
                    movies = movies.OrderBy(s => s.Genre);
                    break;
                case "genre_desc":
                    movies = movies.OrderByDescending(s => s.Genre);
                    break;
                case "price":
                    movies = movies.OrderBy(s => s.Price);
                    break;
                case "price_desc":
                    movies = movies.OrderByDescending(s => s.Price);
                    break;
                default:
                    movies = movies.OrderBy(s => s.Title);
                    break;
            }
            return View(<span style="background-color: rgb(255, 255, 51);">movies.ToPagedList(pageNum ?? 1, 3)</span>);
            //return View(movies.ToList());
        }
 
  最后我们看一下截图： 

 

 
 
 
 哈哈，今天就写到这里吧！谢谢！
 代码下载：http://download.csdn.net/download/duyelang/9432384
  

 

 

                

        

        

    

  


    

      

        

            

              
                
                  duyelang
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
ABP入门系列（7）——分页实现_0

				
			

			

				

					zero的小纸条
				

				

					01-28
					
					7789
					
				

			

		

		

			
				
ABP入门系列目录——学习Abp框架之实操演练
完成了任务清单的增删改查，咱们来讲一讲必不可少的的分页功能。
首先很庆幸ABP已经帮我们封装了分页实现，实在是贴心啊。
来来来，这一节咱们就来捋一捋如何使用ABP的进行分页吧。
一、分页请求DTO定义

数据传输对象(Data Transfer Objects)用于应用层和展现层的数据传输。
展现层传入数据传输对象(DTO)调用一个应用

			
		

	



                

              
                



	

		

			

				
					
基于SSH2实现的分页效果

				
			

			

				

					07-29
				

			

		

		

			
				
在设计数据库表时，为经常用于排序和过滤的字段创建索引可以显著提升查询速度。此外，为了防止因大量数据导致的内存压力，应避免一次性加载过多数据，而是应该采用分页策略。  在前端展示方面，通常会使用JSP页面来...

			
		

	



                


  
              

                


	

		

			

				
					
MVC5列表—排序、过滤、分页

				
			

			

				

					02-15
				

			

		

		

			
				
MVC5学习笔记，这次练习一下MVC列表的排序、筛选、分页。

			
		

	





	

		

			

				
					
Mvc 5 分页

				
			

			

				

					weixin_30408165的博客
				

				

					11-12
					
					98
					
				

			

		

		

			
				
一、首先创建Model 什么的我就不说了 这里就说分页显示。
二、我们需要用PagedList 来分页 ，因此需要在线安装。我们可以通过程序包管理器控制台输入命令的方式进行安装。

三、创建Controller
MVC开发中有个规则叫做：约定大于配置。即：在创建Controller的时候，类名统一以Controller结尾，所以我们创建一个MoviesController的控制器
看下...

			
		

	



		

			
		



	

		

			

				
					
MVC分页查询

				
			

			

				

					weixin_44591840的博客
				

				

					04-08
					
					1096
					
				

			

		

		

			
				
首先定义一个方法SelectAcamede（），然后我们可以看到这里用linq to sql语句去查询数据，然后声明个变量totals去接收查询出的数据条数，再在数据分页查询10条数据，根据ID用OrderByDescending（）倒序去排序，然后实例化layuiTable去接收分页数据listAcamede，并赋值，最后返回。

下面是封装的实体类LayuiTablePage和LayuiTab...

			
		

	





	

		

			

				
					
mvc5无刷新分页

				
			

			

				

					09-04
				

			

		

		

			
				
mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5分页 mvc5无刷新分页 
mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页 mvc5无刷新分页

			
		

	





	

		

			

				
					
ASP.NET MVC5 实现分页查询

				
			

			

				

					milijiangjun的博客
				

				

					08-20
					
					2151
					
				

			

		

		

			
				
对于大量数据的查询和展示使用分页是一种不错的选择，这篇文章简要介绍下自己实现分页查询的思路。

分页需要三个变量：数据总量、每页显示的数据条数、当前页码。

//数据总量
int dataCount;
//每页显示的数据条数
int pageDataCount;
int pageNumber;
根据数据总量和每页显示的数据条数计算出总页数，根据当前页码和每页显示的数据条数计算出从数据库中读取...

			
		

	





	

		

			

				
					
MVC学习之——20 Recipes MVC

				
			

			

				

					12-07
				

			

		

		

			
				
根据提供的文件信息，我们可以归纳出一系列与MVC（Model-View-Controller）框架相关的知识点，这些知识点主要聚焦于具体的编程实践和技术应用上。下面将详细展开各知识点，并结合标题、描述以及部分内容进行深入分析...

			
		

	





	

		

			

				
					
Professional ASP.NET MVC 5

				
			

			

				

					01-03
				

			

		

		

			
				
本书还会介绍一些高级主题，如如何通过自定义路由约束、动作过滤器、模型绑定器等来扩展*** MVC 5的功能。  最后一章通过构建一个现实世界的应用——***网站，将所有知识点综合起来。本书通过完整的项目案例，向读者...

			
		

	





	

		

			

				
					
ASP.NET MVC5 实现分页查询的示例代码

				
			

			

				

					10-20
				

			

		

		

			
				
本篇文章主要介绍了ASP.NET MVC5 实现分页查询的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

			
		

	





	

		

			

				
					
MVC查询分页

				
			

			

				

					01-04
				

			

		

		

			
				
MVC查询分页

			
		

	





	

		

			

				
					
mvc实现分页查询和购物车

				
			

			

				

					12-20
				

			

		

		

			
				
mvc实现分页查询和购物车的实现，内涵代码，需要的朋友可以下载

			
		

	





	

		

			

				
					
013. MVC5过滤器

				
			

			

				

					weixin_30954265的博客
				

				

					02-18
					
					93
					
				

			

		

		

			
				
微软提供了4中过滤器:
1.Action过滤器: 在Action方法执行之前和Action方法执行之后, 会执行此过滤器中的代码. 比如在执行public ActionResult Index()方法之前或之后; 也可以说是在方法执行前或执行后;
接口: IactionFilter 抽象类名: ActionFilterAttribute 添加一个实现类 MyActionFilterA...

			
		

	





	

		

			

				
					
ASP.NET MVC5 分页机制小扎

				
			

			

				

					计算机系秃头少女的博客
				

				

					08-19
					
					173
					
				

			

		

		

			
				
分页的model查询：Paging with ASP.NET MVC – Martijn Boland (taiga.nl)；
	


			
		

	





	

		

			

				
					
MVC 3.0 排序 查询

				
			

			

				

					weixin_33770878的博客
				

				

					10-28
					
					91
					
				

			

		

		

			
				
Controller:
 RingRepository ringRepository = new RingRepository();
 public ActionResult Index(stringsort, stringSearchString)
 {
 ViewBag.NameSortPar...

			
		

	





	

		

			

				
					
MVC 分页查询

				
			

			

				

					a5868530的博客
				

				

					07-14
					
					167
					
				

			

		

		

			
				
LINQ 表结构

Models

public class CarBF
    {
        private MyDbDataContext Context = new MyDbDataContext();

        //每一页
        public List<Car> Select(int PageSize,int PageNo)
...

			
		

	





	

		

			

				
					
Linq查询总结

				
			

			

				

					weixin_44549330的博客
				

				

					06-18
					
					220
					
				

			

		

		

			
				
撰写时间：2019 年06月16日
今天我对到现为止所学的一些Linq查询进行了一部分总结
Linq是NET框架的扩展，它允许我们以使用SQL查询数据库的方式来查询数据集合
1、	Where：查询条件，根据指定的条件对序列进行过滤

2、Select：查找指定要包含的一个对象或对象的一部分，临时变量中被查询的值
3、Orderby：将对表名/字段进行进行排序（Descending：orderby的...

			
		

	





	

		

			

				
					
MVC5 EF6 Bootstrap3 实现数据操作：排序、搜索与分页

				
			

			

				

					
				

			

		

		

			
				
"在本文中，我们将探讨如何在MVC5项目中结合EF6（Entity Framework 6）和Bootstrap3实现排序、搜索和分页功能。主要关注点在于`CompanyController`控制器中的`Index`动作方法的实现。  排序功能的实现关键在于`...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值