ASP.NET Core Web Razor Pages系列教程六：添加搜索功能

系列文章目录：系列教程：使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客
系列教程代码的GitHub地址：ASP .Net Core Razor Pages MySQL Tutorial

上一个教程：ASP .NET Core Web Razor Pages系列教程五：更新Razor Pages页面

修改Pages / Movies / 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.AspNetCore.Mvc.Rendering;
using Microsoft.EntityFrameworkCore;
using RazorPagesMovie.Models;namespace RazorPagesMovie.Pages.Movies
{public class IndexModel : PageModel{private readonly RazorPagesMovie.Models.RazorPagesMovieContext _context;public IndexModel(RazorPagesMovie.Models.RazorPagesMovieContext context){_context = context;}public IList<Movie> Movie { get;set; }[BindProperty(SupportsGet = true)]public string SearchString { get; set; }// Requires using Microsoft.AspNetCore.Mvc.Rendering;public SelectList Genres { get; set; }[BindProperty(SupportsGet = true)]public string MovieGenre { get; set; }public async Task OnGetAsync(){var movies = from m in _context.Movieselect m;if (!string.IsNullOrEmpty(SearchString)){movies = movies.Where(s => s.Title.Contains(SearchString));}Movie = await movies.ToListAsync();}}
}

现在可以通过浏览器访问来进行查询，访问网站： http://localhost:5000/Movies?searchString=Ghost

然后修改Pages / Movies / Index.cshtml的第一行为：

@page "{searchString?}"

前面的路由约束允许将标题搜索为路由数据（URL段）而不是查询字符串值。将?在"{searchString?}"表示这是一个可选的路径参数。

现在访问： http://localhost:5000/Movies/Ghost

打开Pages / Movies / Index.cshtml文件，在代码<a asp-page="Create">Create New</a> </p>后添加如下代码：

<form><p>Title: <input type="text" asp-for="SearchString" /><input type="submit" value="Filter" /></p>
</form>

现在多了一个搜索框：

ASP.NET Core Web Razor Pages系列教程七：添加新的字段

ASP.NET Core Web Razor Pages系列教程六：添加搜索功能相关推荐

ASP.NET Core Web Razor Pages系列教程七：添加新的字段
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP .NET Core Web Razor Pages系列教程五：更新Razor Pages页面
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP.NET Core Web Razor Pages系列教程：使用ASP.NET Core创建Razor Pages Web应用程序
ASP .Net Core Razor Pages MySQL Tutorial 本系列教程翻译自微软官方教程,官方教程地址:Tutorial: Create a Razor Pages web ap ...
ASP .NET Core Web Razor Pages系列教程四：使用数据库进行交互 entity-framework（MySQL/MariaDB 版）
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP.NET Core Web Razor Pages系列教程八：添加验证
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP .NET Core Web Razor Pages系列教程四：使用数据库进行交互（SqlServer 版）
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客上一个教程:ASP .NET Core 系列教程三:自动生成Razor ...
ASP .NET Core Web Razor Pages系列教程三：自动生成Razor Pages (CRUD)
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP .NET Core Web Razor Pages系列教程二：添加模型到Razor Pages网络应用程序
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...
ASP.NET Core Web Razor Pages系列教程一：使用ASP.NET Core 创建一个Razor Pages网络应用程序
系列文章目录:系列教程:使用ASP.NET Core创建Razor Pages Web应用程序 - zhangpeterx的博客系列教程代码的GitHub地址:ASP .Net Core Razor ...

ASP.NET Core Web Razor Pages系列教程六：添加搜索功能

ASP.NET Core Web Razor Pages系列教程六：添加搜索功能相关推荐

最新文章

热门文章