第9章 .NET 2.0项目开发实践

9.2.1 创建连接
图9.1 “添加连接”对话框
9.2.1 创建连接
（4）如图9.1所示，在“服务器名”选
项中输入所要连接的服务器名，如果SQL Server 2005数据库安装在本机上且采用默认
实例，则可以直接输入“.”；在“登录到服
务器”选项中，建议使用“Sql Server身份验 证”，并输入登录服务器所需要的“用户名” 和“密码”；在“连接到一个数据库”选项
（3）为SqlDataSource1配置Select语句。选择XS表的所有列，向导将
自动生成查询语句“SELECT * FROM [XS]”，其可视化视图如图9.7所 示，单击“完成”按钮配置完数据源。
图9.7 配置Select语句
9.3.1 显示学生记录
（4）单击GridView智能标签页面中的“编辑列”链接，打开“字段” 对话框，首先需要移除 XM 字段，同时添加一个模板列，移动模板列的
DataNavigateUrlField属性和DataNavigateUrlFormatString属性，但可以
自定义绑定表达式，在显示姓名的HyperLink的DataBindings中，设置 NavigateUrl绑定属性的自定义绑定表达式为"StuScore.aspx?id="+Eval
("XH")，此绑定表达式表示当单击姓名超链接时将跳转到
图9.5 选择数据源类型
9.3.1 显示学生记录
（2）接下来为数据源SqlDataSource1设置数据库连接字符串。向导 会建议将连接字符串保存在Web.config文件中，在以后创建新的数据源
时即可直接选择已保存的连接字符串作为指定的数据连接，如图9.6所示。
图9.6 选择数据连接
9.3.1 显示学生记录
9.3.2 查询学生记录
（4）在StuInfo.aspx的代码隐藏文件 StuInfo.aspx.cs 中定义一个名为
MakeSelectSql 的函数，该函数根据页面输入的查询条件构造新的 Select 语句
并返回，具体代码如下： private string MakeSelectSql()
{
string queryString = "SELECT * FROM XS WHERE 1=1"; if (stuXH.Text.Trim() != string.Empty)
queryString += " and XH like '%" + stuXH.Text.Trim() + "%'";
if (stuXM.Text.Trim() != string.Empty) queryString+= " and XM like '%" + stuXM.Text.Trim() + "%'"; if (stuZY.Text != "所有专业") queryString += " and ZYM like '%" + stuZY.SelectedValue + "%'"; return queryString; }
9.2.2 设计导航页
在系统的导航页上，使用HyperLink控件来提供 到各页面的链接，为各链接配以相应的示意图片， 网站图片文件夹的相对路径为“~/images/”。 学生成绩管理系统的导航页如图9.3所示。
图9.3 导航页
9.2.2 设计导航页
（1）切换到Default.aspx的“设计”视图，设置页面水平居中，并按 照如图9.3所示的效果设计页面。 （2）在顶部输入“学生成绩管理系统”，并通过“属 性”→style→“样式生成器”设置其外观。 （3）把“工具箱”内“HTML”标签内的“Horizontal Rule”拖放
中，选择或输入项目中将会用到的数据库名
“XSCJ”，单击“确定”按钮。通过以上操 作便在Visual Studio 2005中添加了此数据库
的引用，如图9.2所示。
在连接创建好后就可以直接在Visual Studio 2005中对XSCJ数据库做操作，无须再
图9.2 完成数据连接的添加
通过SQL Server 2005的管理工具。
上下位置到合适的地方，修改其HeaderText属性为“姓名及照片”，同
时修改其他各可视列的HeaderText属性为合适的标题文本，如图9.8所示。
图9.8 修改Gridview字段模板
9.3.1 显示学生记录
（5）单击“确定”按钮回到设计视图，再从GridView的智能标签页 面中选择“编辑模板”，转到模板编辑视图，需要编辑的是刚添加的 “姓名及照片”模板列。从工具箱中拖动两个HyperLink控件到模板列的 ItemTemplate中，编辑第一个HyperLink的DataBindings，将其Text属性 直接绑定到XM字段上。对于HyperLink的NavigateUrl字段，由于这个超 链接是在模板列中添加的，因此不能和HyperLinkField一样设置它的
16
— — —
×
√ √ √
无
无 无 无 只能为1-8
课程名
开课学期 学时 学分
KKXQ XS XF
表9.3 选课表（表名XS_KC）结构
列 名 数据类型 nvarchar nvarchar int 长 6 4 — 度 是否允许为空 × × √ 默认值 无 无 无 说 明 主键 主键 列名含义 学号 课程号 成绩
图9.10 运行结果
9.3.2 查询学生记录
在任务二中还有一个目标就是要实现学生信息的简单查询功能，即
通过页面上输入的查询条件显示查询结果。
在 StuInfo.aspx 页面上定义了三个可输入的查询条件：学号、姓名和 专业，其中专业是必选项，其余两个是可选项。三个查询条件之间是与
的关系，若可选条件为空，则匹配与该条件对应的任意记录。
XH KCH CJ
9.2 任务一：创建连接和导航页
9.2.1 创建连接
Visual Studio 2005提供了“服务器资源管理器”， 它是一种便捷的数据库服务器管理控制台。使用此 窗口可打开数据连接，登录服务器，浏览数据库和 系统服务。在建立了连接后，可以设计相应的程序 来打开连接以及检索和操作所提供的数据，或是使 用可视化数据库工具直接访问和使用数据。为了方 便系统的设计和编码，我们为XSCJ数据库在Visual Studio 2005中创建一个可视化的连接，当此连接建 立好后，就可以直接在Visual Studio中查看和操作 该数据库，例如显示表数据、添加触发器及存储过 程等。
9.1.2 数据库设计
学生成绩管理系统主要用来维护学生信息，课程 信息，学生选课信息和课程成绩等。本系统建立数 据库XSCJ，该数据库中有3张表（XS、KC、 XS_KC），表结构分别如表9.1、表9.2和表9.3所示。
表9.1 学生信息表（表名XS）结构
列 名 XH XM ZYM XB CSSJ 数据类型 nvarchar nvarchar nvarchar char datetime 长 6 8 12 2 — 度 是否允许为空 × × √ × × 默认值 无 无 无 无 无 说 明 列名含义 学号 姓名 专业名 性别 出生时间 主键
ZXF
BZ ZP
int
ntext image
—
— —
√
√ √
无
无 无
总学分
备注 照片
9.1.2 数据库设计
表9.2 课程信息表（表名KC）结构
列 名 KCH 数据类型 nvarchar 长 4 度 是否允许为空 × 默认值 无 说 明 列名含义 课程号 主键
KCM
续表
nvarchar
int int int
（1）打开“StuInfo.aspx”页面，切换到“设计”视图，设计如图 9.11所示的查询页面，并分别命名其ID为stuXH，stu9.3.2 查询学生记录
（2）因专业为必选项，故专业下拉列表中应枚举出所有可选的专业 名，可以通过为 DropDownList 进行数据绑定而实现。按照上文的方法， 新建数据源 SqlDataSource2，该数据源从 XS 表中检索唯一的专业名（字 段名为 ZYM），在配置 Select 语句时要勾选上“只返回唯一行”，如图 9.12所示。
9.2.1 创建连接
（1）运行Visual Studio 2005，并新建网站“学生成绩管理系统”。
（2）运行SqlServer 2005，把数据库“XSCJ”附加到Sql Server 2005 服务器中。
（3）在Visual Studio 2005中，从菜单项“视图”中打开“服务器资
源管理器”对话框，在“数据连接”上单击鼠标右键，选择“添加连 接”，打开“添加连接”对话框，如图9.1所示。
网页设计与ASP技术
第9章 2.0项目开发实践
9.1 系统总体设计 9.2 任务一：创建连接和导航页 9.3 任务二：学生信息查询 9.4 任务三：学生成绩查询
9.5 任务四：学生信息更新
9.6 任务五：学生成绩录入
9.1 系统总体设计
9.1.1 功能模块设计
一个完善的学生成绩管理系统应当具有许多功能 模块，本章着重实现其中的几个主要模块。该学生 成绩管理系统包含的模块分别是学生信息查询；学 生成绩查询；学生信息修改；学生成绩录入。 通过导航页的超链接可以跳转到相应的功能页面。 为了使讲解更具条理，将该系统分解为多个任务模 块，在每个任务模块中实现系统的部分内容。以下 分别就各任务模块的实现做详细讲解。
到页面内，并通过“样式生成器”设置其宽度属性。
（4）在水平线下部插入一个2行4列的表格，在对应的单元格内放置 Image控件和HyperLink控件，导航页设计结果如图9.4所示。