16.1 课前导读
16.2 课堂教学
16.3 上机练习
16.4 课后作业第 16课 同 学 录
16.1 课前导读网上同学录系统通常具有同学信息的浏览,添加,
删除和修改等基本功能,将数据存放在服务器中,便于各地同学的联络 。 其实,与同学录系统相近的还有会员管理系统,网上交友系统等 。
可以使用文本文件存储同学信息,这样的同学录系统容易实现信息的浏览和添加功能,但对于信息删除和修改功能的实现就显得力不从心了 。
明智的选择是使用数据库系统来存储同学信息,
这样的同学录系统可以很方便地实现信息的浏览,添加,删除和修改等功能,还可以实现各种信息的查询功能 。
本课将通过一个简单的同学录来学习 ADO技术的
Connection属性,页面间的数据的传输以及 Vbscript
在 ASP技术中的体现 。
作为一个完善的同学录系统,登录和注册是必不可少的 。 不过,为了简单起见,本课介绍的同学录略去了这一功能 。 作为练习,读者可以自行补上 。
16.2 课堂教学
16.2.1 最简单的同学录
16.2.2 同学录的改进
16.2.1 最简单的同学录
1,创建数据库
2,创建主页面
3,创建添加页面
4,数据添加处理
5,创建删除页面
6,数据删除处理
16.2.1 最简单的同学录最简单的同学录系统包括 4个 asp文件,1个 html
文件和一个数据库文件,它们分别是：
① index.asp：同学录主页面,显示各位同学的基本信息 。
② add.htm：添加页面,添加一位同学的各项信息 。
③ addnew.asp,向 数据 库添 加 记录 。 处理
add.htm文件的提交数据,实现每位同学信息的存储功能 。
④ del.asp：删除页面,删除一位同学的信息 。
⑤ delnew.asp：从数据库中删除记录 。 处理
del.asp文件的提交数据,从数据库中删除同学的信息 。
1,创建数据库首先创建一个 Access数据库文件,classmate.mdb，
其中包含一个数据表,classmate。 数据表的结构见如表 16-1。
表 16-1 classmate表的结构字段名称 数据类型 必填 说明姓名 文本 是 同学姓名性别 文本 否 性别出生日期 日期 /时间 否 出生日期电话 文本 否 电话手机 文本 否 手机住址 文本 否 家庭地址单位 文本 否 工作单位
Email 文本 否 电子信箱
2,创建主页面网页文件 index.asp是 同学录 的主页面,用来显示所有同学信息,其中包含添加和删除的热点链接 。 在记事本中输入 代码,并将文件以 index.asp为名存盘 。
说明：该页面主要包括两部分内容：
① 在表格第一行显示,添加,,,删除,两个热点链接 。
② 打开数据库链接,以数据库记录为单位,显示所有同学信息 。
3,创建添加页面添加页面用于输入与添加同学的详细信息,除了各项输入框外,页面上还包括两个按钮：提交按钮和重设按钮 。
添加同学信息的工作可以在客户端进行,因此使用 html文件,在记事本中输入 代码,将文件以 add.htm
为名存盘 。
说明：
① 以表格形式显示同学姓名,性别,生日,电话,
手机,住址,单位和电子信箱等信息 。
② 按,确认提交,按钮,如果数据无误 （ 不缺索引项,日期格式正确 ）,输入的内容将被提交给
addnew.asp网页 。
4,数据添加处理网页文件 addnew.asp用来处理由添加页面提交的数据 。 若数据不重复,则将数据添加到数据库里 。 在记事本中输入 代码,将文件以 addnew.asp为名存盘 。
说明：该程序包含四部分程序模块,分别是：
① 给出用户名不能为空的提示和出生日期要求按格式输入的提示 。
② 读取 add.htm页面提交的信息,存入 name1、
sex,phone,policy,address,company等变量中 。
③ 打开数据库链接,向数据库添加记录 。 给出添加成功的提示并且返回到主页面,当该同学名字已经存在时,给出提示,同学信息添加成功,,并且返回到添加页面 。
④ 实现数据库的关闭 。
5,创建删除页面删除页面执行删除信息的选定操作 。 在记事本中输入 代码,并将文件以 del.asp为名存盘 。
说明：该程序包含四部分程序模块 。
① 数据库连接模块；建立一个 conn数据库连接对象和一个 objRS记录集对象,实现已经添加的同学信息的查询,如果没有显示,没有信息可删除 ！,
② 显示同学信息列表
③ 使用 do while语句显示同学信息的同时,通过
response.write语句显示一个删除的热点链接 。 如果删除该同学记录,将执行 delnew.asp文件 。
④ 实现数据库的关闭 。
6,数据删除处理该页面完成从数据库中删除记录,并且显示从数据库中成功删除记录 。 在记事本中输入 代码,并将文件以 delnew.asp为名存盘 。
说明：代码中,使用了 SQL命令 Delete来删除记录 。
16.2.2 同学录的改进
1,创建信息列表页面
2,创建修改页面
3,数据更新处理
16.2.2 同学录的改进为同学录增加修改信息的功能 。 同学录的修改模块可以用 3个文件来实现,分别是：信息列表页面
modifydisplay.asp,信息修改页面 modify.asp和数据处理文件 modifynew.asp。
为了调用这些文件,还需在 主页面 中的原有链接代码下增加如下代码：
<A HREF="modifydisplay.asp">修改 </A>
1,创建信息列表页面信息列表页面与删除页面相仿 。 在记事本中输入代码,将文件以 modifydisplay.asp为名存盘 。
2,创建修改页面修改页面与添加页面相仿,也是个人信息的一个表格 。 在记事本中输入 代码,并将文件以 modify.asp
为名存盘 。
说明：
① 该页面首先通过 IID = request("id")语句获取由浏览器表单返回 （ 提交 ） 的数据,id。 该数据表示所选择记录中的,姓名,项 。
② 通过 sql="select * from calssmate where
姓名 = '" & iid & "'"语句,查询出该同学信息,并且以编辑列表的形式显示其姓名,性别,通讯方式等信息 。
③ 通过选择编辑框,修改各项信息 。 修改完成点击提交按钮,调用数据更新处理程序 。
3,数据更新处理网页文件 modifynew.asp用来处理由修改页面提交的数据 。 如果数据无误 （ 不缺索引项,日期格式正确 ）,则更新数据库 。 在记事本中输入 代码,并将文件以 modifynew.asp为名存盘 。
说明：
① 该程序在 SQL语句 Update命令执行成功后,给出,同学信息修改成功 ！,的提示信息 。
② 如果同学的名字为空,将给出,请输入用户名,
的提示 。
③ 如 果 修 改 的 出 生 日 期 不 符 合 日 期 格 式
xxxx/xx/xx,将给出,生日输入错误,将返回前页 ！,
的提示 。
16.3 上机练习
【 练习 16-1】 简化界面的 同学录 。
将上述同学录系统界面简化,合并 。 修改
Index.asp的 代码,其中的 3个超链接,添加,,,删除,,,修改,分别指向文件,add.htm,delnew.asp、
modify.asp 。 另外,注 意 文 件 delnew.asp 和
modifynew.asp中的返回文件均改为 Index.asp即可 。
16.2 课堂教学
16.3 上机练习
16.4 课后作业第 16课 同 学 录
16.1 课前导读网上同学录系统通常具有同学信息的浏览,添加,
删除和修改等基本功能,将数据存放在服务器中,便于各地同学的联络 。 其实,与同学录系统相近的还有会员管理系统,网上交友系统等 。
可以使用文本文件存储同学信息,这样的同学录系统容易实现信息的浏览和添加功能,但对于信息删除和修改功能的实现就显得力不从心了 。
明智的选择是使用数据库系统来存储同学信息,
这样的同学录系统可以很方便地实现信息的浏览,添加,删除和修改等功能,还可以实现各种信息的查询功能 。
本课将通过一个简单的同学录来学习 ADO技术的
Connection属性,页面间的数据的传输以及 Vbscript
在 ASP技术中的体现 。
作为一个完善的同学录系统,登录和注册是必不可少的 。 不过,为了简单起见,本课介绍的同学录略去了这一功能 。 作为练习,读者可以自行补上 。
16.2 课堂教学
16.2.1 最简单的同学录
16.2.2 同学录的改进
16.2.1 最简单的同学录
1,创建数据库
2,创建主页面
3,创建添加页面
4,数据添加处理
5,创建删除页面
6,数据删除处理
16.2.1 最简单的同学录最简单的同学录系统包括 4个 asp文件,1个 html
文件和一个数据库文件,它们分别是：
① index.asp：同学录主页面,显示各位同学的基本信息 。
② add.htm：添加页面,添加一位同学的各项信息 。
③ addnew.asp,向 数据 库添 加 记录 。 处理
add.htm文件的提交数据,实现每位同学信息的存储功能 。
④ del.asp：删除页面,删除一位同学的信息 。
⑤ delnew.asp：从数据库中删除记录 。 处理
del.asp文件的提交数据,从数据库中删除同学的信息 。
1,创建数据库首先创建一个 Access数据库文件,classmate.mdb，
其中包含一个数据表,classmate。 数据表的结构见如表 16-1。
表 16-1 classmate表的结构字段名称 数据类型 必填 说明姓名 文本 是 同学姓名性别 文本 否 性别出生日期 日期 /时间 否 出生日期电话 文本 否 电话手机 文本 否 手机住址 文本 否 家庭地址单位 文本 否 工作单位
Email 文本 否 电子信箱
2,创建主页面网页文件 index.asp是 同学录 的主页面,用来显示所有同学信息,其中包含添加和删除的热点链接 。 在记事本中输入 代码,并将文件以 index.asp为名存盘 。
说明：该页面主要包括两部分内容：
① 在表格第一行显示,添加,,,删除,两个热点链接 。
② 打开数据库链接,以数据库记录为单位,显示所有同学信息 。
3,创建添加页面添加页面用于输入与添加同学的详细信息,除了各项输入框外,页面上还包括两个按钮：提交按钮和重设按钮 。
添加同学信息的工作可以在客户端进行,因此使用 html文件,在记事本中输入 代码,将文件以 add.htm
为名存盘 。
说明：
① 以表格形式显示同学姓名,性别,生日,电话,
手机,住址,单位和电子信箱等信息 。
② 按,确认提交,按钮,如果数据无误 （ 不缺索引项,日期格式正确 ）,输入的内容将被提交给
addnew.asp网页 。
4,数据添加处理网页文件 addnew.asp用来处理由添加页面提交的数据 。 若数据不重复,则将数据添加到数据库里 。 在记事本中输入 代码,将文件以 addnew.asp为名存盘 。
说明：该程序包含四部分程序模块,分别是：
① 给出用户名不能为空的提示和出生日期要求按格式输入的提示 。
② 读取 add.htm页面提交的信息,存入 name1、
sex,phone,policy,address,company等变量中 。
③ 打开数据库链接,向数据库添加记录 。 给出添加成功的提示并且返回到主页面,当该同学名字已经存在时,给出提示,同学信息添加成功,,并且返回到添加页面 。
④ 实现数据库的关闭 。
5,创建删除页面删除页面执行删除信息的选定操作 。 在记事本中输入 代码,并将文件以 del.asp为名存盘 。
说明：该程序包含四部分程序模块 。
① 数据库连接模块；建立一个 conn数据库连接对象和一个 objRS记录集对象,实现已经添加的同学信息的查询,如果没有显示,没有信息可删除 ！,
② 显示同学信息列表
③ 使用 do while语句显示同学信息的同时,通过
response.write语句显示一个删除的热点链接 。 如果删除该同学记录,将执行 delnew.asp文件 。
④ 实现数据库的关闭 。
6,数据删除处理该页面完成从数据库中删除记录,并且显示从数据库中成功删除记录 。 在记事本中输入 代码,并将文件以 delnew.asp为名存盘 。
说明：代码中,使用了 SQL命令 Delete来删除记录 。
16.2.2 同学录的改进
1,创建信息列表页面
2,创建修改页面
3,数据更新处理
16.2.2 同学录的改进为同学录增加修改信息的功能 。 同学录的修改模块可以用 3个文件来实现,分别是：信息列表页面
modifydisplay.asp,信息修改页面 modify.asp和数据处理文件 modifynew.asp。
为了调用这些文件,还需在 主页面 中的原有链接代码下增加如下代码：
<A HREF="modifydisplay.asp">修改 </A>
1,创建信息列表页面信息列表页面与删除页面相仿 。 在记事本中输入代码,将文件以 modifydisplay.asp为名存盘 。
2,创建修改页面修改页面与添加页面相仿,也是个人信息的一个表格 。 在记事本中输入 代码,并将文件以 modify.asp
为名存盘 。
说明：
① 该页面首先通过 IID = request("id")语句获取由浏览器表单返回 （ 提交 ） 的数据,id。 该数据表示所选择记录中的,姓名,项 。
② 通过 sql="select * from calssmate where
姓名 = '" & iid & "'"语句,查询出该同学信息,并且以编辑列表的形式显示其姓名,性别,通讯方式等信息 。
③ 通过选择编辑框,修改各项信息 。 修改完成点击提交按钮,调用数据更新处理程序 。
3,数据更新处理网页文件 modifynew.asp用来处理由修改页面提交的数据 。 如果数据无误 （ 不缺索引项,日期格式正确 ）,则更新数据库 。 在记事本中输入 代码,并将文件以 modifynew.asp为名存盘 。
说明：
① 该程序在 SQL语句 Update命令执行成功后,给出,同学信息修改成功 ！,的提示信息 。
② 如果同学的名字为空,将给出,请输入用户名,
的提示 。
③ 如 果 修 改 的 出 生 日 期 不 符 合 日 期 格 式
xxxx/xx/xx,将给出,生日输入错误,将返回前页 ！,
的提示 。
16.3 上机练习
【 练习 16-1】 简化界面的 同学录 。
将上述同学录系统界面简化,合并 。 修改
Index.asp的 代码,其中的 3个超链接,添加,,,删除,,,修改,分别指向文件,add.htm,delnew.asp、
modify.asp 。 另外,注 意 文 件 delnew.asp 和
modifynew.asp中的返回文件均改为 Index.asp即可 。
