学习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 编程系列八——并发处理

 

在这一篇教程中我们学习如何增加查询功能,我们将在书籍列表页面中添加搜索功能,通过按“书籍名称”或“作者”来搜索书籍。

一、根据书籍名称查询

使用下面的代码来修改书籍列表页面的 OnGetAsync 方法:

public async Task OnGetAsync(string searchString)
        {

            var books = from m in _context.Book
                         select m; 

            if (!String.IsNullOrEmpty(searchString))
            {
                books = books.Where(s => s.Name.Contains(searchString));
            }
            Book = await books.ToListAsync();
          //  Book = await _context.Book.ToListAsync();
        }

上面代码中的OnGetAsync 方法的第一行创建了 LINQ 查询用于选择书籍:

var books = from m in _context.Book
                         select m;

这一行代码仅仅是对查询进行了定义,还没有到传给数据库让数据库去执行。

如果 searchString 参数包含一个查询条件字符串,则查询语句会根据查询条件字符串进行修改,代码如下:

  if (!String.IsNullOrEmpty(searchString))
            {
                books = books.Where(s => s.Name.Contains(searchString));
            }

s => s.Title.Contains() 这段代码是 Lambda 表达式。 Lambda 在基于方法的 LINQ 查询中用作标准查询运算符方法的参数,如 Where 方法或 Contains(前面的代码中所使用的)。 在对 LINQ 查询进行定义或通过调用方法(如 Where、Contains 或 OrderBy)进行修改后,此查询语句不会被立即执行,会延迟执行。 这意味着表达式的计算会延迟,直到循环访问其实现的值或者调用 ToListAsync 方法。

注意:Contains 方法在数据库中运行,而不是在 C# 代码中运行。 查询条件是否要区分大小写取决于你采用什么样的数据库或者你在数据库中使用什么样的排序规则。 在 SQL Server 上,Contains 映射到数据库查询语法中的LIKE,这是不区分大小写的。 在 SQLite 中,如果使用默认排序规则,则查询条件会区分大小写。

在浏览器中打开书籍列表页面,并在浏览器的地址栏的URL未尾添加如下字符串 ?searchString=Java (例如 http://localhost:53416/Books?searchString=Java)。 书籍管理系统会根据你输入的查询条件显示相应的书籍列表。下图中1处是没有查询条件下的书籍列表,会显示全部的书籍信息。而图中2处,则显示是的查询条件为java的书籍信息列表。

如果在书籍列表页面中添加了以下路由模板,则查询条件字符串则可作为 URL 地址中的一段传递给后台(例如 http://localhost:53416/Books/Java)。

@page "{searchString?}"

上面的路由约束代码允许把查询条件放到URL中做为URL的一段数据来查询书籍信息。 "{searchString?}" 中的 ? 表示这是可选路由参数。

但是,这样通过修改URL进行搜索书籍信息的方案对用户来说非常不友好。所以, 我们在下面的步骤中,会添加 UI 界面方便用户来查询书籍信息。 如果你已经在Index.cshtml页面中添加路由约束 "{searchString?}",请先将它删除。

请在Visual Studio 2017的解决方案资源管理器中打开  Pages/Books/Index.cshtml 文件, 在文件中添加一个Form表单,代码如下:

@page
@model RazorMvcBooks.Pages.Books.IndexModel

@{
    ViewData["Title"] = "Index";
} 

<h2>Index</h2>
<p>
    <a asp-page="Create">Create New</a>
</p>

<form>
    <p>
        书籍名称: <input type="text" name="SearchString">
        <input type="submit" value="Filter" />
    </p>
</form>
<table class="table">

1. 在进行如上代码修改之后,在浏览器中浏览可能会出现乱码,如下图。

2. 对于中文乱码的解决方案是,在Visual Studio 2017中打开Index.cshtml文件,在菜单中选择 文件à“Index.cshtml另存为…”菜单 。如下图。

3. 在弹出对话框的“保存”按钮,用鼠标点击下拉箭头,然后在弹出菜单中选择“编码保存…”。如下图。

4. 在弹出对话框中,我们看到页面默认使用的是“GB2312”编码 进行保存的,我们选择“UTF-8”编码进行保存。操作如下图。

5. 在浏览器中按F5进行刷新,然后我们看到中文乱码没有了。如下图。

6. 在书籍名称查询输入框中输入“sql”,然后点击“查询”按钮,系统会根据查询条件显示相应的书籍信息。查询条件会如下图中1处,自动 添加到Url后面。根据查询条件得到的查询结果如下图2处。

二、根据作者查询

在Visual Studio 2017的解决方案资源管理器中找到Pages/Books/Index.cshtml.cs文件,并添加二个变量与一个属性,代码如下。

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

namespace RazorMvcBooks.Pages.Books
{
    public class IndexModel : PageModel
    {
        private readonly RazorMvcBooks.Models.BookContext _context;

        public IndexModel(RazorMvcBooks.Models.BookContext context)
        {
            _context = context;
        } 

        public List<Book> Books;
        public SelectList Authors;
        public string Author { get; set; }

SelectList Author 包含作者列表,方便用户在界面上选择一位作者。

Author属性包含用户选择的特定作者(例如“吴军”)。

我们对OnGetAsync 方法进行如下修改。

 public async Task OnGetAsync(string author,string searchString)
        { 

            IQueryable<string> AuthorQuery = from m in _context.Book
                                             orderby m.Author
                                             select m.Author; 

            var books = from m in _context.Book
                         select m;

            if (!String.IsNullOrEmpty(searchString))
            {
                books = books.Where(s => s.Name.Contains(searchString));
            }     

            if (!String.IsNullOrEmpty(author))
            {
                books = books.Where(x => x.Author == author);

            }
            Authors = new SelectList(await AuthorQuery.Distinct().ToListAsync());           

            Book = await books.ToListAsync();
            //  Book = await _context.Book.ToListAsync();
        }

下面的代码是一个 LINQ 查询的语句,可以从数据库中查询所有作者。

 IQueryable<string> AuthorQuery = from m in _context.Book
                                             orderby m.Author
                                             select m.Author;

作者列表 SelectList 是通过以下语句进行创建。

  Authors = new SelectList(await AuthorQuery.Distinct().ToListAsync());

二、 添加作者查询条件

在Visual Studio 2017的解决方案资源管理器中找到 Index.cshtml文件,并进行如下修改,代码如下:

@page 

@model RazorMvcBooks.Pages.Books.IndexModel

@{

    ViewData["Title"] = "Index";
}

<h2>Index</h2> 

<p>
    <a asp-page="Create">Create New</a>
</p>
<form>
    <p>
        <select asp-for="Author" asp-items="Model.Authors">
            <option value="">All</option>
        </select>
书籍名称
         <input type="text" name="SearchString">
        <input type="submit" value="查询" />
    </p>
</form> 

<table class="table">

通过浏览器,参照根据书籍名称查询操作,来测试按作者来查询。如下图。

原文地址:https://www.cnblogs.com/chillsrc/p/9025896.html

时间: 2024-10-11 23:33:45

学习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 C

学习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列表模板页面 上一篇文章中我们学习了列表页面的结构,@page与@model两个关键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 C

学习ASP.NET Core,你必须了解无处不在的“依赖注入”

ASP.NET Core的核心是通过一个Server和若干注册的Middleware构成的管道,不论是管道自身的构建,还是Server和Middleware自身的实现,以及构建在这个管道的应用,都需要相应的服务提供支持,ASP.NET Core自身提供了一个DI容器来实现针对服务的注册和消费.换句话说,不只是ASP.NET Core底层框架使用的服务是由这个DI容器来注册和提供,应用级别的服务的注册和提供也需要以来这个DI容器,所以正如本文标题所说的——学习ASP.NET Core,你必须了解无

从明面上学习ASP.NET Core

一.前言     这篇文章就是从能看到地方去学习Core,没有很深奥,也没有很难懂,现在我们开始吧. 二.构建项目,引发思考     创建项目的步骤真的很简单,你要是不会,我真也没法了,我这是创建的MVC的项目. 接下来我们开始找不同,这个小学生也会的东西,我相信也难不到大家,这里我们主要说重点的不同: 1. 少了Content和Scripts文件夹,多了wwwroot: 2.少了配置文件web.config,多了appsettings.json: 3.少了App_Start文件夹,多了Prog

asp.net core razor自定义taghelper

原文:asp.net core razor自定义taghelper 又一个新的名词(taghelper),通过taghelper是可以操作html标签.条件输出.更是自由添加内外元素.当然也内置了挺多的asp-开头的taghelper. 下面文章中也简单的带大家实现一个taghelper; 创建自定义html元素 创建一个类ButtonTagHelper tagName为标签名称,下面创建一个button标签 Copy using Microsoft.AspNetCore.Razor.TagHe

asp.net core入门教程系列 (一)

Asp.Net Core简介 ASP.NET Core 是一个全新的开源.跨平台框架,可以用它来构建基于网络连接的现代云应用程序,比如:Web 应用,IoT(Internet Of Things,物联网)应用和移动后端等.ASP.NET Core可以运行在 .NET Core 或完整的 .NET Framework 之上,其架构为发布到云端或本地运行的应用提供了一个最佳的开发框架,由开销很小的模块化组件构成,这就保持了你构造解决方案的灵活性.你可以跨平台地在Windows.Mac和Linux等设

ASP.NET 开发者 开始学习ASP.NET Core 2吧

.  NET Core 从2016年6月28日发布,过去了将近一年的时间,但是在工作中发现大家对.net core的接受程度并不高,这只是一个感觉,俗话说“没有调查就没有发言权”, 这两天通过微信小程序在微信群里做了一个调查,参与的人数大概230人,从结果看大家都在等待.NET Core 2.0, 期待.net core 2能够在7.8月间按时发布.这次调查的问题就是针对大家对.net core的使用情况的调查,分为3种情况,我直接上微信投票结果图: 使用.net core 1.0/1.1的人数

学习ASP.NET Core,怎能不了解请求处理管道[1]: 中间件究竟是个什么东西?

ASP.NET Core管道虽然在结构组成上显得非常简单,但是在具体实现上却涉及到太多的对象,所以我们在 "通过重建Hosting系统理解HTTP请求在ASP.NET Core管道中的处理流程"(上篇.中篇.下篇) 中围绕着一个经过极度简化的模拟管道讲述了真实管道构建的方式以及处理HTTP请求的流程.在本系列 中,我们会还原构建模拟管道时可以舍弃和改写的部分,向读者朋友们呈现一个真是的HTTP请求处理管道. ASP.NET Core 的请求处理管道由一个服务器与一组有序排列的中间件构成