66、书店 Web 应用程序信息层开发指南

书店 Web 应用程序信息层开发指南

1. 目标概述

在本次开发中，我们的目标如下：
- 在 Visual Web Developer 中连接数据库。
- 在 Web 应用程序中创建 LINQ to SQL 类。
- 创建 LinqDataSource。
- 使用 LinqDataSource 创建数据绑定的 ListBox。

2. 书店 Web 应用程序回顾

在开始创建数据库组件之前，我们先来回顾一下书店 Web 应用程序的伪代码和 ACE 表。

伪代码逻辑

• 当请求 Books 页面时：
• 从数据库中检索书籍标题。
• 在 ListBox 中显示书籍标题。
• 当用户从 ListBox 中选择一个书籍标题时：
• 在 ListBox 下方的 Image 控件中显示书籍封面图像。
• 当用户点击“查看信息”按钮时：
• 如果用户未从 ListBox 中选择书籍，显示错误消息。
• 否则，存储所选书籍的产品 ID 并将浏览器重定向到 BookInformation 页面。
• 当请求 BookInformation 页面时：
• 从数据库中检索所选书籍的信息。
• 在 Label 中显示书籍标题。
• 在 Label 中显示作者信息。
• 在 Image 中显示封面艺术。
• 在 DetailsView 中显示其余信息。
• 当用户在 BookInformation 页面上点击“返回书籍列表”按钮时：
• 将浏览器重定向回 Books 页面。

ACE 表

操作	控件/对象	事件
标记 Books 页面	availableLabel, instructionsLabel	Page Load (for Books.aspx)
从数据库中检索书籍标题	linqDataSource	-
在 ListBox 中显示书籍标题	bookTitlesListBox	bookTitlesListBox SelectedIndex-Changed
在 ListBox 下方的 Image 中显示书籍封面图像	bookTitlesListBox, db (an object of class BookInformationDB-DataContext), coverImage	informationButton Click
如果用户未从 ListBox 中选择书籍	bookTitlesListBox	-
显示错误消息	bookRequiredField-Validator	-
否则，将所选书籍的产品 ID 存储在会话变量中	bookTitlesListBox, Session	-
将浏览器重定向到 BookInformation 页面	Response	-
当请求 BookInformation 页面时，从数据库中检索所选书籍的信息	db (an object of class BookInformationDB-DataContext), Session	Page Load (for Book-Information.aspx)
在 Label 中显示书籍标题	bookTitleLabel	-
在 Label 中显示作者信息	authorsLabel	-
在 Image 中显示封面艺术	bookImage	-
在 DetailsView 中显示其余信息	linqDataSource, bookDetailsView	-
当用户在 BookInformation 页面上点击“返回书籍列表”按钮时，将客户端浏览器重定向回 Books 页面	Response	bookListButton Click

3. 信息层：数据库

信息层负责维护应用程序所需的所有数据。在书店 Web 应用程序中，书籍数据存储在 Microsoft SQL Server Express 数据库（Bookstore.mdf）中。该数据库包含一个名为 Products 的表，用于存储每本书的信息。

Products 表包含以下八个字段（列）：
| 字段 | 描述 |
| ---- | ---- |
| ProductID | 书籍的 ID 编号 |
| Title | 书籍标题 |
| Authors | 书籍作者 |
| Copyright | 版权日期 |
| Edition | 版本号 |
| ISBN | ISBN 编号 |
| Coverart | 图像文件名 |
| Description | 书籍描述 |

4. 连接数据库并检索信息

在开始对 Web 应用程序的中间层进行编程之前，我们需要设置数据库连接并定义从数据库中检索信息的类。具体步骤如下：

4.1 添加 Bookstore.mdf 数据库到书店 Web 应用程序

1. 打开 Visual Web Developer，选择“文件”>“打开网站…”，在打开的对话框中点击“文件系统”，选择上一教程中创建的 Bookstore 文件夹（位于 C:\SimplyVB2008），然后点击“打开”按钮打开书店 Web 应用程序。
2. 选择“工具”>“连接到数据库…”以打开“添加连接”对话框。如果“数据源”未设置为“Microsoft SQL Server 数据库文件 (SqlClient)”，点击“更改…”按钮，选择“Microsoft SQL Server 数据库文件”并点击“确定”。接着点击“浏览…”，在 C:\Examples\Tutorial31 目录中找到 Bookstore.mdf 数据库文件，选择它并点击“打开”。可以通过点击“测试连接”按钮来测试与数据库的连接，点击“确定”创建连接。
3. 选择“文件”>“全部保存”以保存修改后的代码。

graph LR
    A[打开 Visual Web Developer] --> B[选择文件>打开网站]
    B --> C[点击文件系统]
    C --> D[选择 Bookstore 文件夹]
    D --> E[点击打开]
    E --> F[选择工具>连接到数据库]
    F --> G{数据源是否为 SqlClient}
    G -- 否 --> H[点击更改]
    H --> I[选择 Microsoft SQL Server 数据库文件]
    I --> J[点击确定]
    G -- 是 --> K[点击浏览]
    K --> L[选择 Bookstore.mdf 文件]
    L --> M[点击打开]
    M --> N[点击测试连接]
    N --> O[点击确定]
    O --> P[选择文件>全部保存]

4.2 从 Bookstore.mdf 数据库创建 LINQ to SQL 类

1. 在“解决方案资源管理器”中右键单击项目，选择“添加”>“新建项…”。在“添加新项”对话框中，选择“LINQ to SQL 类”，并在“名称”文本框中输入 BookInformationDB.dbml，点击“添加”。会出现一个对话框询问是否将 BookInformationDB.dbml 放入 App_Code 文件夹，点击“是”。
2. 如果“对象关系设计器”未打开，在“解决方案资源管理器”中双击 BookInformationDB.dbml。为了能够访问数据库表，将表从“数据库资源管理器”拖到“对象关系设计器”中。展开“数据库资源管理器”中的 Bookstore.mdf 节点，然后展开“表”节点，将 Products 表拖到“对象关系设计器”中。会出现一个对话框提示将数据库文件复制到项目中，点击“是”。此时，Bookstore.mdf 数据库会出现在“解决方案资源管理器”的 App_Data 文件夹中。
3. 选择“文件”>“全部保存”以保存修改后的代码。

graph LR
    A[在解决方案资源管理器右键项目] --> B[选择添加>新建项]
    B --> C[选择 LINQ to SQL 类]
    C --> D[输入 BookInformationDB.dbml]
    D --> E[点击添加]
    E --> F{是否放入 App_Code 文件夹}
    F -- 是 --> G[点击是]
    F -- 否 --> H[操作结束]
    G --> I{对象关系设计器是否打开}
    I -- 否 --> J[双击 BookInformationDB.dbml]
    I -- 是 --> K[展开数据库资源管理器的 Bookstore.mdf 节点]
    J --> K
    K --> L[展开表节点]
    L --> M[将 Products 表拖到对象关系设计器]
    M --> N{是否复制数据库文件到项目}
    N -- 是 --> O[点击是]
    N -- 否 --> H
    O --> P[选择文件>全部保存]

4.3 创建 LinqDataSource

1. 在 Books.aspx 页面中选择 bookTitlesListBox，点击控件右上角的小黑色箭头以打开 ListBox 任务菜单，选择“选择数据源…”以打开“数据源配置向导”。
2. 从“选择数据源”组合框中选择“<新建数据源…>”，这将打开一个对话框让你选择数据源类型，选择 LINQ 并将数据源命名为 linqDataSource，点击“确定”进入下一个屏幕。
3. 在下一个屏幕中，从组合框中选择 BookInformationDBDataContext 对象，然后点击“下一步 >”。
4. 在下一个对话框中，可以配置数据源中包含的信息。由于只向 LINQ to SQL 类中添加了一个表（Products），IDE 会自动将其选为包含此数据源信息的表。默认情况下，LinqDataSource 会检索指定表中的所有列（由 * 复选框表示），保持此复选框选中状态。还可以通过点击“排序依据…”按钮来确定数据源中信息的排序方式，在打开的“配置排序表达式”对话框中，从“排序依据”组框的组合框中选择“Title”，然后点击“确定”关闭对话框。此时，LinqDataSource 中的信息将按书籍标题字母顺序排序，点击“完成”关闭“配置数据源 - linqDataSource”对话框。
5. 回到“数据源配置向导”的第一个屏幕，从“选择要在 ListBox 中显示的数据字段”组合框中选择“Title”，这将在 ListBox 中显示书籍标题。然后从“选择 ListBox 的值的数据字段”组合框中选择“ProductID”，当访问 ListBox 的 SelectedValue 属性时，它将返回当前在 ListBox 中选择的书籍的 ProductID，用于唯一标识所选书籍。点击“确定”关闭“数据源配置向导”。此时，一个 LinqDataSource 控件会出现在 Books.aspx 页面的设计视图中，可以通过选择它并点击控件右上角的小黑色箭头来重新配置数据源。
6. 选择“调试”>“开始调试”来运行书店 Web 应用程序，bookTitlesListBox 将按字母顺序显示 Bookstore.mdf 数据库中书籍的标题。
7. 点击浏览器的关闭框关闭正在运行的 Web 应用程序。
8. 选择“文件”>“全部保存”以保存修改后的代码。

通过以上步骤，我们完成了数据库连接、LINQ to SQL 类的创建以及 LinqDataSource 的配置，使得在 Books.aspx 页面加载时能够使用 LinqDataSource 在 bookTitlesListBox 中显示书籍标题。后续将创建书店 Web 应用程序的中间层，添加代码来控制在 BookInformation.aspx 页面上显示数据库中的哪些数据。

5. 关键技术总结

在上述操作中，涉及到了几个关键的技术点，下面进行详细总结：
- App_Code 文件夹 ：该文件夹用于存储应用程序代码文件（除 aspx.vb 代码隐藏文件外），是一个受保护的文件夹，只有服务器可以访问。
- App_Data 文件夹 ：此文件夹用于存储外部数据源，如 Bookstore.mdf 数据库文件，同样是受保护的，仅服务器可访问。
- LinqDataSource ：这是一种数据源，它使用 LINQ 从 DataContext 对象中检索信息。

6. 常见问题解答

为了帮助大家更好地理解和应用这些技术，下面整理了一些常见问题及解答：
| 问题 | 解答 |
| ---- | ---- |
| 什么绑定控件到从 LINQ to SQL 类检索的数据？ | LinqDataSource 可以将控件绑定到从 LINQ to SQL 类检索的数据。 |
| LINQ to SQL 类存储在应用程序的哪个文件夹中？ | LINQ to SQL 类存储在 App_Code 文件夹中。 |
| 数据库层的另一个名称是什么？ | 数据库层也被称为信息层。 |
| SQL Server Express 数据库文件放在哪个文件夹中？ | SQL Server Express 数据库文件放在 App_Data 文件夹中。 |

7. 相关练习

为了巩固所学知识，下面给出两个相关的练习，分别是创建电话簿 Web 应用程序和美国州事实 Web 应用程序的数据库连接和数据源。

7.1 电话簿 Web 应用程序：数据库

1. 打开应用程序 ：打开在之前创建的电话簿 Web 应用程序。
2. 添加 Phone.mdf 数据库到电话簿 Web 应用程序 ：按照添加 Bookstore.mdf 数据库到书店 Web 应用程序的步骤，添加 C:\Examples\Tutorial31\Exercises\Databases\Phone.mdf 数据库。
3. 添加 LINQ to SQL 类到电话簿 Web 应用程序 ：创建一组名为 PhoneBookDB.dbml 的 LINQ to SQL 类，将 Phone.mdf 数据库中的 Phone 表添加到 LINQ to SQL 类中。
4. 添加 LinqDataSource 到 PhoneBook.aspx 页面 ：在 PhoneBook.aspx 页面添加一个 LinqDataSource 并命名为 linqDataSource，使用该数据源在 PhoneBook.aspx 页面的 namesDropDownList 中显示数据库中的姓名，按字母顺序对姓名进行排序，namesDropDownList 的 SelectedValue 属性应包含所选姓名的 IDNumber。
5. 保存项目 ：选择“文件”>“全部保存”以保存修改后的代码。

graph LR
    A[打开电话簿 Web 应用程序] --> B[添加 Phone.mdf 数据库]
    B --> C[创建 PhoneBookDB.dbml 类]
    C --> D[添加 Phone 表到类中]
    D --> E[添加 LinqDataSource 到页面]
    E --> F[配置数据源显示姓名]
    F --> G[保存项目]

7.2 美国州事实 Web 应用程序：数据库

1. 打开应用程序 ：打开之前创建的美国州事实 Web 应用程序。
2. 添加 StateFacts.mdf 数据库到美国州事实 Web 应用程序 ：按照添加 Bookstore.mdf 数据库到书店 Web 应用程序的步骤，添加 C:\Examples\Tutorial31\Exercises\Databases\StateFacts.mdf 数据库。
3. 添加 LINQ to SQL 类到美国州事实 Web 应用程序 ：创建一组名为 StateFactsDB.dbml 的 LINQ to SQL 类，将 StateFacts.mdf 数据库中的 StateFacts 表添加到 LINQ to SQL 类中。
4. 添加 LinqDataSource 到 States.aspx 页面 ：在 States.aspx 页面添加一个 LinqDataSource 并命名为 linqDataSource，使用该数据源在 States.aspx 页面的 statesListBox 中显示数据库中的州名，按字母顺序对州名进行排序，statesListBox 的 SelectedValue 属性应包含所选州名的 StateID。
5. 保存项目 ：选择“文件”>“全部保存”以保存修改后的代码。

graph LR
    A[打开美国州事实 Web 应用程序] --> B[添加 StateFacts.mdf 数据库]
    B --> C[创建 StateFactsDB.dbml 类]
    C --> D[添加 StateFacts 表到类中]
    D --> E[添加 LinqDataSource 到页面]
    E --> F[配置数据源显示州名]
    F --> G[保存项目]

8. 总结

通过本次学习，我们深入了解了书店 Web 应用程序信息层的开发过程，包括数据库的连接、LINQ to SQL 类的创建、LinqDataSource 的配置以及如何使用 LinqDataSource 在 ListBox 中显示数据。同时，我们还通过相关练习巩固了所学知识。在实际开发中，这些技术可以帮助我们更好地管理和操作数据库，提高应用程序的性能和可维护性。希望大家在后续的开发中能够灵活运用这些技术，开发出更加优秀的 Web 应用程序。