ASP.NET Web Forms 模型绑定

17 Mar 2025 | 5 分钟阅读

本主题介绍了如何使用模型绑定和 Web Forms 处理数据。与使用 ObjectDataSource 或 SqlDataSource 等数据源对象相比,模型绑定使数据交互更直接。

在本教程中,我们将使用 Entity Framework 获取数据,并使用 GridView 在网页上显示数据。在这里,我们正在创建一个包含以下步骤的示例。

  1. 创建 ASP.NET Web 应用程序
  2. ASP Model building 1
  3. 选择模板
  4. 选择模板为 Web Forms,并将身份验证更改为单个用户帐户。

    ASP Model building 2
  5. 创建母版页
  6. 使用母版页模板创建一个新的 Web 窗体。我们将使用此母版页来显示模型数据。

    ASP Model building 3
  7. 创建数据模型和数据库
  8. 我们将使用 Code First Migrations 创建对象和相应的数据库表。这些表将存储有关学生及其课程的信息。

    在模型文件夹中创建一个新的模型类。

// StudentModels.cs

SchoolContextDemo 类派生自 DbContext,它管理数据库连接和数据中的更改。

我们将使用 Code First Migrations 的工具来根据这些类设置数据库。从菜单栏中打开 Package Manager Console,方法是依次选择 view->other windows-> Package Manager Console。

它将在 Visual Studio IDE 的底部提示一个屏幕。我们需要在此控制台中执行以下命令。

执行上述命令后,它将产生以下输出。

ASP Model building 4

之后,将创建一个名为 Configuration.cs 的新文件。创建后,将自动打开此文件。此类包含一个 Seed 方法,该方法使我们能够使用测试数据预填充数据库表。

  • 在 Configuration 文件中添加测试数据
  • 在这里,我们将向配置文件中添加一些数据,以便我们可以在网页上向用户显示。将数据添加到文件后,我们的 Configuration.cs 文件如下所示

    // Configuration.cs

    之后,在 Package Manager Console 中,运行以下命令。

    ASP Model building 5

    现在,已创建数据库并将其添加到项目中的 App_Data 文件夹下。

  • 显示数据
  • 现在,让我们从我们创建的数据库中将数据显示到网页上。我们将使用 GridView 控件以网格形式显示数据。Student.aspx 文件如下所示

    // Student.aspx

    代码隐藏

    // Student.aspx.cs

    最后,我们的项目如下所示。

    ASP Model building 6

    输出

    在浏览器中运行 Student.aspx 文件作为视图,它将产生以下输出。

    ASP Model building 7