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

时间:2018-09-29 15:24:41 浏览量:269 阅读时间:8.11 分钟

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

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

一、创建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运行应用,并且点击“关于”页面。 表格中会显示每个出版社的书籍计数。


打赏

感谢您的支持,我会继续努力的!


支付宝
注册用户登录后才能发表评论,请 登录 注册,请访问 网站首页。
总计(0)条评论

admin

软件工程师

    文章目录

    返回顶部小火箭