# ASP.NET 查询页面的设计与实现

## 一、引言

在现代 Web 应用程序开发中，查询页面是非常常见的功能模块，它允许用户根据特定的条件从数据库中检索数据，并以直观的方式展示结果，本文将详细介绍如何使用 ASP.NET 技术构建一个功能强大且用户友好的查询页面。

## 二、技术选型与环境搭建

### （一）技术栈介绍

**ASP.NET Core**：作为微软推出的跨平台开源框架，提供了高性能、灵活性和可扩展性，它支持多种编程语言，如 C#，并且能够轻松集成各种数据库和第三方库。

**Entity Framework Core**：这是 ASP.NET Core 的官方 ORM（对象关系映射）框架，用于简化数据库操作，通过代码生成数据库表结构以及执行 CRUD（创建、读取、更新、删除）操作，大大提高了开发效率。

**Razor Pages**：是 ASP.NET Core 中的页面模型，类似于传统的 ASP.NET MVC 中的 View，它提供了一种简洁的方式来创建动态网页，将 HTML 标记与服务器端代码相结合。

### （二）开发环境配置

**安装 Visual Studio**：确保安装了最新版本的 Visual Studio，建议选择社区版即可满足基本开发需求，在安装过程中，勾选“ASP.NET and web development”工作负载，以获取相关模板和工具支持。

**创建项目**：打开 Visual Studio，选择“创建新项目”，然后选择“ASP.NET Core Web 应用程序（.NET Core）”模板，为项目命名并选择合适的存储位置后，点击“创建”，在后续的项目模板选择中，选择“Web 应用程序（模型 视图 控制器）”，这将为我们提供一个基本的 MVC 项目结构。

## 三、数据库设计与连接

### （一）数据库设计

假设我们要创建一个员工信息查询页面，首先需要设计一个员工表（Employees），该表包含以下字段：

|字段名|数据类型|说明|

||||

|EmployeeID|int|主键，自增长|

|FirstName|nvarchar(50)|员工名|

|LastName|nvarchar(50)|姓氏|

|Department|nvarchar(50)|部门|

|HireDate|datetime|入职日期|

### （二）配置数据库连接

在 ASP.NET Core 项目中，通常使用 appsettings.json 文件来配置应用程序的设置，包括数据库连接字符串。

“`json

“ConnectionStrings”: {

“DefaultConnection”: “Server=(localdb)\mssqllocaldb;Database=EmployeeDB;Trusted_Connection=True;MultipleActiveResultSets=true”

}

“`

上述连接字符串适用于本地 SQL Server Express 数据库，如果使用其他数据库，如 MySQL 或 PostgreSQL，需要安装相应的数据库提供程序，并修改连接字符串格式。

### （三）创建数据库上下文

在项目的 Models 文件夹下创建一个名为 EmployeeContext.cs 的类，继承自 DbContext：

“`csharp

using Microsoft.EntityFrameworkCore;

namespace YourNamespace.Models

public class EmployeeContext : DbContext

{

public DbSet Employees { get; set; } public EmployeeContext(DbContextOptions options) : base(options)

{

}

}

“`

这里的 DbSet 表示与 Employees 表对应的实体集合，需要在 Startup.cs 中配置 DbContext 使用的数据库连接字符串：

“`csharp

public void ConfigureServices(IServiceCollection services)

services.AddDbContext(options =>

options.UseSqlServer(Configuration.GetConnectionString(“DefaultConnection”)));

// 其他服务配置

“`

## 四、创建查询页面

### （一）创建模型类

在 Models 文件夹下创建 Employee.cs 类，对应数据库中的 Employees 表：

“`csharp

using System;

namespace YourNamespace.Models

public class Employee

{

public int EmployeeID { get; set; }

public string FirstName { get; set; }

public string LastName { get; set; }

public string Department { get; set; }

public DateTime HireDate { get; set; }

}

“`

### （二）创建控制器与视图

在 Pages 文件夹下创建 Employees 文件夹，并在其中创建 Index.cshtml（视图）、Index.cshtml.cs（代码隐藏文件）和 IndexModel.cs（页面模型）三个文件。

在 IndexModel.cs 中定义查询所需的属性和逻辑：

“`csharp

using Microsoft.AspNetCore.Mvc.RazorPages;

using Microsoft.Extensions.Logging;

using YourNamespace.Models;

using System.Collections.Generic;

using System.Linq;

namespace YourNamespace.Pages.Employees

public class IndexModel : PageModel

{

private readonly EmployeeContext _context;

public IEnumerable EmployeeList { get; set; }

[BindProperty]

public string SearchTerm { get; set; }

public IndexModel(EmployeeContext context)

{

_context = context;

}

public void OnGet()

{

EmployeeList = _context.Employees.ToList();

}

public IActionResult OnPost()

{

EmployeeList = _context.Employees.Where(e => e.FirstName.Contains(SearchTerm) || e.LastName.Contains(SearchTerm)).ToList();

return Page();

}

}

“`

在 Index.cshtml 中编写 HTML 标记和 Razor 语法来显示查询结果和搜索表单：

“`html

@page

@model YourNamespace.Pages.Employees.IndexModel

@{

ViewData[“Title”] = “员工查询”;

@ViewData[“Title”]

@foreach (var employee in Model.EmployeeList) {

“`

代码实现了一个简单的员工查询页面，用户可以在搜索框中输入关键词，点击查询按钮后，页面会筛选出名字或姓氏包含该关键词的员工信息并显示在表格中。

## 五、相关问题与解答

### （一）问题：如果查询条件更复杂，如何在代码中处理？

解答：对于更复杂的查询条件，可以在 IndexModel.cs 的 OnPost 方法中使用更复杂的 LINQ 查询表达式，如果要添加按部门筛选的条件，可以修改查询语句如下：

“`csharp

EmployeeList = _context.Employees.Where(e => (e.FirstName.Contains(SearchTerm) || e.LastName.Contains(SearchTerm)) && e.Department == “Sales”).ToList();

“`

这里我们添加了一个额外的条件 `e.Department == “Sales”`，只有当员工所属部门为“销售”时才会被包含在查询结果中，可以根据实际需求灵活组合各种查询条件。

### （二）问题：如何对查询结果进行排序？

解答：在 LINQ 查询中使用 `OrderBy` 或 `OrderByDescending` 方法可以实现对查询结果的排序，要按照员工的姓氏升序排列查询结果，可以修改 OnPost 方法中的查询语句为：

“`csharp

EmployeeList = _context.Employees.Where(e => e.FirstName.Contains(SearchTerm) || e.LastName.Contains(SearchTerm)).OrderBy(e => e.LastName).ToList();

“`

这样就可以根据姓氏对员工列表进行升序排序，同样地，可以使用 `OrderByDescending` 实现降序排序，例如按照入职日期降序排列：

“`csharp

EmployeeList = _context.Employees.Where(e => e.FirstName.Contains(SearchTerm) || e.LastName.Contains(SearchTerm)).OrderByDescending(e => e.HireDate).ToList();

“`