学习ASP.NET Core Razor 编程系列十七——分组

学习ASP.NET Core Razor 编程系列目录

学习ASP.NET Core Razor 编程系列一

学习ASP.NET Core Razor 编程系列二——添加一个实体

学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面

学习ASP.NET Core Razor 编程系列五——Asp.Net Core Razor新建模板页面

学习ASP.NET Core Razor 编程系列六——数据库初始化

学习ASP.NET Core Razor 编程系列七——修改列表页面

学习ASP.NET Core Razor 编程系列八——并发处理

学习ASP.NET Core Razor 编程系列九——增加查询功能

学习ASP.NET Core Razor 编程系列十——添加新字段

学习ASP.NET Core Razor 编程系列十一——把新字段更新到数据库

学习ASP.NET Core Razor 编程系列十二——在页面中增加校验

学习ASP.NET Core Razor 编程系列十三——文件上传功能（一）

学习ASP.NET Core Razor 编程系列十四——文件上传功能（二）

学习ASP.NET Core Razor 编程系列十五——文件上传功能（三）

学习ASP.NET Core Razor 编程系列十六——排序

在本教程中，我们来学习如何进行分组。

通过前面的教程学习，你可以实现一个简单的书籍管理系统。 在本教程将学习如何创建具有简单分组功能的页面。

一、创建About页面来显示书籍统计信息

在 书籍管理系统的“关于”页上，将显示每个出版社有多少书籍。 这要求在分组上再进行分组和简单计算。 要完成此操作，需要执行以下操作：

• 创建一个视图模型类，该视图类是需要传递到该视图的数据的抽象。
• 修改关于视图。

二、 创建视图模型

1. 在Visual Studio 2017的解决方案资源管理器的Model文件夹中创建ViewModels文件夹。

2. 在新的文件夹中，添加EnrollmentPublishGroup.cs类文件，并且写下代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks; 

namespace RazorMvcBooks.Models.ViewModels
{

    public class EnrollmentPublishGroup
    {
        public string Publish { get; set; }
        public int BooksCount { get; set; } 

    }
}

三、更新“About”页面模型

在Visual Studio 2017的解决方案资源管理器的，找到 Pages/About.cshtml.cs 文件，并且修改代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.EntityFrameworkCore;
using Microsoft.AspNetCore.Mvc.RazorPages;
using RazorMvcBooks.Models.ViewModels; 

namespace RazorMvcBooks.Pages
{

    public class AboutModel : PageModel
    {

        public string Message { get; set; }

        public async Task OnGetAsync()
        {
            Message = "Your application description page."; 

            IQueryable<EnrollmentPublishGroup> data =
                from book in _context.Book
                group book by book.Publishing into publishGroup

                select new EnrollmentPublishGroup()
                {

                    Publish = publishGroup.Key,
                    BooksCount = publishGroup.Count()

                }; 

            BookGroup =  await data.AsNoTracking().ToListAsync();

        }
        private readonly RazorMvcBooks.Models.BookContext _context;

        public AboutModel(RazorMvcBooks.Models.BookContext context)

        {
            _context = context;
        } 

        public IList<EnrollmentPublishGroup> BookGroup { get; set; }
    }

}

LINQ 语句按出版社对书籍实体进行分组，计算每组中实体的数量，并将结果存储在 EnrollmentPublishGroup 视图模型对象的集合中。

注意：EF Core 当前不支持 LINQ group 命令。 在上述代码中，所有学生记录均从 SQL Server 返回。 group 命令应用于 Razor 页面应用，而不是应用于 SQL Server。 EF Core 2.1 支持此 LINQ group 运算符，并在 SQL Server 上进行分组。

四、修改“About”Razor 页面

在Visual Studio 2017的解决方案资源管理器的找到 Pages/About.cshtml 文件中的代码替换为以下代码：

@page
@model AboutModel
@{
    ViewData["Title"] = "书籍统计信息";
}

<h2>@ViewData["Title"]</h2>
<h3>@Model.Message</h3> 

<p>Use this area to provide additional information.</p> 

<h2>书籍统计信息</h2>

<table>
    <tr>
        <th>
            出版社

        </th>
        <th>
            书籍数量

        </th>
    </tr> 

    @foreach (var item in Model.BookGroup)
    {

        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Publish)

            </td>
             <td align="right">

                @item.BooksCount
            </td>

        </tr>
    }
</table>

五、运行结果

在Visual Studio 2017的中按F5运行应用,并且点击“关于”页面。 表格中会显示每个出版社的书籍计数。