华锐祥云

实验与实训指导书

Web应用设计专题

第一章  概述

一、实训总目的
使学生能够熟练掌握基于浏览器/服务器（B/S）体系结构的Web应用开发的基本原理、技术和相关知识，进一步提高学生利用ASP技术和ADO数据库访问技术编写Web应用程序的开发能力，能熟练使用ASP+SQL Server完成简单的Web应用程序开发。
学生通过课程设计应达到下列基本要求：
1、了解基于B/S模式的Web应用程序的开发步骤。
2、熟悉使用FrontPage或Dreamweaver等常用的网页制作工具。
3、掌握表单的制作方法及如何使用ASP内置对象读取表单数据。
4、熟练使用常见的SQL命令，掌握使用ADO对象存取数据库的方法。

二、实训内容和时间进程安排

序号	实 训 内 容	学时	实 训 时 间 安 排	备注
1	复习相关理论知识	4	第一周 星期一 8:00～11:40
2	会员管理系统需求分析	2	第一周 星期一 14:30～16:10
3	系统整体设计	4	第一周 星期二 8:00～11:40
4	后台数据库设计	2	第一周 星期二 14:30～16:10
5	前台页面设计与制作	6	第一周 星期三 8:00～11:40 14:30～16:10
6	编写公用模块	4	第一周 星期四 8:00～11:40
7	编写代码	22	第一周 星期五 8:00～11:40 第二周 星期一～星期三 8:00～11:40 14:30～16:10
8	测试与调试	6	第二周 星期四 8:00～11:40 第二周 星期五 8:00～9:40
9	编写设计报告	2	第二周 星期五 10:00～11:40

三、实训条件
硬件: 为每个学生配备一台能连入Internet的计算机
软件: 　1、编程语言： Active Server Pages
2、后台数据库：SQL Server 2000
3、Web服务器：Windows 2000自带的IIS
4、前台开发工具：FrontPage2000或Macromedia Dreamweaver
场地: 多媒体机房



[ 本帖最后由 华锐祥云 于 2007-12-15 17:11 编辑 ]

华锐祥云

四、实训成绩评定、考核办法
实训成绩的评定依据两个方面：考勤成绩和考核成绩，前者占总评的10%，后者占总评成绩的90%。
考勤内容包括：是否按时到场；是否按进度要求完成实训内容；是否认真填写实训日记；是否保持实训设备完好无损等。
考核办法：根据实训任务——会员管理系统的完成情况、编写的设计报告和考勤成绩评出优秀、良好、中等、及格与不及格五等。
其中，各等级的评判标准为：
优秀标准：所完成的会员管理系统的Web页面布局合理、设计美观，各页面风格一致，具有较好的交互性；系统很好的实现了需求分析中列出的各项功能，程序运行正常；熟练掌握使用ASP内置对象读取表单数据、使用ADO对象存取数据库的方法。编写的设计报告内容详细、完整，并写有自己的收获和体会。实训态度认真，考勤状况良好。
良好标准：所完成的会员管理系统的Web页面布局比较合理、设计比较美观，各页面风格一致，具有较好的交互性；系统较好的实现了需求分析中列出的各项功能，程序运行正常；能比较熟练的使用ASP内置对象读取表单数据、使用ADO对象存取数据库。编写的设计报告内容较详细、完整，并写有自己的收获和体会。实训态度认真，考勤状况良好。
中等标准：所完成的会员管理系统的Web页面布局基本合理、设计一般，各页面风格基本一致，具有一定的交互性；系统基本实现了需求分析中列出的各项功能，程序运行基本正常；会使用ASP内置对象读取表单数据、使用ADO对象存取数据库。编写的设计报告内容基本完整，并写有自己的收获和体会。实训态度比较认真，考勤状况较好。
及格标准：所完成的会员管理系统的Web页面布局一般、设计一般，各页面风格有部分一致，具有一定的交互性；系统基本实现了需求分析中列出的大部分功能，程序在出错的状态下也基本可以运行；基本上会使用ASP内置对象读取表单数据、使用ADO对象存取数据库。编写的设计报告内容有欠缺，记录的收获和体会也比较简单。实训态度一般，考勤状况一般。
不及格标准：所完成的会员管理系统的Web页面布局凌乱、设计单调，各页面风格不一致，交互性差；系统只实现了需求分析中列出的小部分功能，程序根本无法正常运行；不能掌握使用ASP内置对象读取表单数据、使用ADO对象存取数据库的方法。编写的设计报告太过于简单，没有写自己的收获和体会。实训态度差，考勤状况差。

华锐祥云

第二章
实训内容

Web应用设计综合实训
会员管理系统

一、实训目的
1、了解基于B/S模式的Web应用程序的开发步骤。
2、熟悉使用FrontPage或Dreamweaver等常用的网页制作工具。
3、掌握表单的制作方法及如何使用ASP内置对象读取表单数据。
4、熟练使用常见的SQL命令，掌握使用ADO对象存取数据库的方法。

二、实训理论基础
1、熟悉HTML语法，正确的使用各种HTML标签，特别是表格的制作。
2、熟悉表单的制作方法及如何使用ASP的内置对象读取表单数据。
3、熟悉SQL语法及使用ADO对象存取数据库的方法。

三、实训内容与步骤
（一）复习相关理论知识
1、使用Request对象读取表单数据
Request对象读取表单数据是通过QueryString和Form这两个集合来检索表单，具体使用哪一个集合，取决于Web页面向服务器端提交表单数据的方式。
（1）在<Form>标记中将Method属性设置为“Post”，则使用Form集合：表单对象的值=Request.Form(“变量名称”)
（2）在<Form>标记中将Method属性设置为“Get”，则使用QueryString集合：表单对象的值=Request.QueryString(“变量名称”)
2、创建输出
在ASP中，有两种方式向浏览器输出动态信息：使用Response.write；使用<% =expression %>。
3、使用Response对象保存客户端信息
Cookie是由Web服务器发送给浏览器，并以纯文本文件的形式存储在客户端磁盘中，用以跟踪浏览者的上网记录等信息。它可以看成是“名字（Name）”—“值（Value）”对。每个Cookie都有自己的值，不同的Cookie通过名字（Name）相互区分，多个Cookie就构成了一个集合。同时，每个cookie本身又是一个集合，其中可以存放多个值，属于同一Cookie（拥有同一个名字）的这些值以关键字key来区分。
可以通过使用Response对象的Cookies集合来保存客户端信息：
Response.Cookies(name)[(key)]=value
其中，name为Cookie的名字，key（键）为可选参数，如果定义了key，则value设置的任何属性值将属于这个key。若指定的Cookie不存在，则创建它；若存在，则先将相应的旧值删去，再设置为value指定的值。
4、使用Response对象重定向浏览器
将浏览器重点向到URL指定的网页：Response.redirect URL
redirect方法是即刻生效的，在其后的脚本语句都不会被执行，因此，使用时必须在ASP程序的首行加上<% response.buffer=true %>语句，否则脚本在运行时会出错。
5、Application对象与Session对象的比较
Session对象和Application对象有很多相似之处，它们的功能都是用于在不同的ASP之间共享信息。不同之处在于：Application对象存储的是所有浏览器端共享的变量，而Session对象存储的是与个别的某个浏览器端进行会话的专用变量，即不同的用户有不同的Session对象，但有相同的Application对象。
注意：使用Session对象前，必须确保浏览器的Cookie功能已启用。因为不支持cookie的浏览器不能返回SessionID。
6、ADO对象中的Connection对象的使用
（1）创建Connection对象
Set 对象名=Server.CreateObject(“ADODB.Connection”)
（2）与数据库建立连接
Connection.open ConnectionString,UserID,Password
其中，ConnectionString表示与数据库建立连接的参考信息；UserID表示登录数据库所需用户账号；Password表示登录数据库所需用户密码。
（3）关闭数据库
Connection.Close
或者
Set Connection=nothing
（4）执行SQL命令
在建立与数据库的连接后，可以使用Execute方法来执行指定的SQL命令，具体的语法是：
Connection.Execute
Commandtext, RecordAffected, Options
其中，Commandtext表示将要执行的SQL命令；RecordAffected表示SQL命令执行完毕后所需返回或影响的数据记录的条数；Options表示对数据库请求的类型。

华锐祥云

7、ADO对象中的Recordset对象的使用
（1）创建Recordset对象
Set 对象名 =Server.CreateObject(“ADODB.Recordset”)
（2）Recordset对象的Open方法
该方法用来执行用户向数据库提出的请求，具体语法是：
Recordset.Open Source,ActiveConnection,CursorType,LockType,Options
其中，Source用来连接Command对象；ActiveConnection用来连接Connection对象；CursorType用来指定光标类型；LockType属于可选参数，用来指定打开一个Recordset对象时，提供者应使用的锁定类型；Option表示对数据库请求的类型。
（3）关闭Recordset的方法
Recordset.Close
或者
Set Recordset=nothing
（4）调整Recordset对象指针的方法
MoveFirst—将指针移到Recordset对象的第一条记录
MoveLast—将指针移到Recordset对象的最后一条记录
MoveNext—将指针移到Recordset对象的下一条记录
MovePrevious—将指针移到Recordset对象的上一条记录
Move—将指针移到指定的位置
（5）操作Recordset对象的高级方法
AddNew：用来向Recordset对象中增加一条记录
Delete：用来删除Recordset对象中的一条记录
Update：用来保存对当前记录的修改
CandelUpdate：用来取消对数据的更新操作，但该方法必须在调用Update方法之前调用才有效
（二）会员管理系统需求分析
会员管理是网站上相当常见的功能，广泛的使用于论坛、虚拟设区、网上商店等地方。浏览者欲进入这一类网站，必须先申请加入该站点的会员才有此资格。
会员管理系统应至少满足以下四个方面的需求：
1、具有注册功能：第一次来到此网站的人，必须先通过注册来加入会员。注册过程中，首先需要确认的账号的唯一性；同时还要填写该会员的一些相关信息，对于这些信息应该验证其有效性。注册完成后，你就拥有了一个独一无二的账号和相应的密码。
2、具有登录功能：对于已经成功注册了会员的人，如果输入了正确的账号和密码，就能成功登录到该网站上。
3、具有编辑会员信息功能：会员成功登录后，如果需要，允许修改或删除属于该会员自己的数据信息。
4、具有密码查询功能：如果会员登录时忘记了自己的密码，应提供密码查询的功能帮助会员找回自己的密码。
（三）系统整体设计
根据会员管理系统的需求分析，可以将系统划分为四个模块：注册模块、登录模块、会员信息管理模块、密码查询模块。
分析各个模块需要实现的相关功能，列出系统中组成网页的文件清单，分别描述每个文件的功能要求，并确定网页的执行流程。
1、参考文件清单

adofunction.asp	建立与后台数据库的连接
index.htm	这是首页，从此页可以加入会员、登录网站或查询密码
join.htm	该网页是加入会员的主页面
addmember.asp	负责收集与处理join.htm所传送出来的数据，先要验证所填写信息的有效性，如果无效，则显示提示信息，并返回到join.htm页面，要求重新填写。同时，还要验证账号的唯一性，若账号已经有人使用，也要显示信息通知申请者，然后回到上一页让申请者重新输入账号，没有的话就是申请成功
checkpwd.asp	当用户从首页登录本站时，会激活checkpwd.asp，它会检查输入的账号与密码是否正确，正确的话就把用户的登录信息写入cookie，然后自动转到main.asp页面
main.asp	该页面提供会员删除和修改本人相关信息的超级链接
modify.asp	当会员点击main.asp页面的“修改会员信息”链接时，会链接到此页面，并可以在此修改会员信息
revise.asp	负责收集从modify.asp页面提交的修改后的会员信息，然后在后台数据库中做相应更新
delete.asp	当会员点击main.asp页面的“删除会员信息”链接时，会激活delete.asp，负责把该会员的信息从后台数据库中删除
search_pwd.htm	该页面可以对忘记密码的会员提供密码查询功能
search.asp	取得search_pwd.htm页面中的表单数据来查询密码，并将密码显示在网页上

华锐祥云

1、网页的执行流程

显示“用户名或密码错误”的信息

账号及密码错误

Main.asp 会员专属网页

账号及密码正确

Index.htm   首页

Checkpwd.asp 密码验证

输入账号及密码

Join.htm 加入会员网页

Database

输入数据，并按下 “加入会员”按钮

按下“加入会员” 超级链接

Addmenber.asp 新增数据网页

将数据写入数据库

Delete.asp 删除数据网页

按下“删除会员数据”超级链接

删除数据库中的数据

Modify.asp 修改数据网页

按下“修改会员数据”超级链接

Revise.asp 更新数据网页

输入数据，并按“修改数据”按钮

将数据更新到数据库

Search.asp 处理查询网页

Search_pwd.htm 查询密码网页

发送密码

输入姓名、账号，并按下“传送”按钮

会员登录系统流程图（参考）

关于上述流程图的文字说明：
浏览主页<index.htm>，会员可以直接输入账号及密码，再按“登录”按钮即可进入会员专属页面；非会员可以点击“加入会员”链接，进入会员注册页面；会员若忘记密码，则可以点击“查询密码”链接进入密码查询页面。
当非会员点击<index.htm>页面中的“加入会员”链接，会链接到<join.htm>，输入注册所需的信息后，按下“加入会员”按钮，填好的表单会发送到web服务器，激活<addmenber.asp>，该程序负责收集与处理join.htm所传送出来的数据，先要验证所填写信息的有效性，如果无效，则显示提示信息，并返回到join.htm页面，要求重新填写注册信息。同时，还要验证账号的唯一性，若账号已经有人使用，也要显示信息通知申请者，然后回到join.htm页面让申请者重新输入。否则就注册成功，然后将数据新增至后台数据库的表中。

华锐祥云

当会员在<index.htm>页面中输入账号及密码，并按“登录”按钮，会激活<checkpwd.asp>检查账号及密码是否正确，若错误则显示“用户名称或密码错误”的信息，正确则自动进入<main.asp>，该页面提供会员删除和修改本人相关信息的链接。当会员按下“修改会员信息”链接时，会激活<modify.asp>，输入修改的会员信息，并按下“修改数据”按钮，会执行<revise.asp>，此网页会将数据更新到后台数据库的表中。若会员按下的是“删除会员信息”链接，则会执行<delete.asp>，将该会员的信息从后台数据库的表中删除。
当会员点击<index.htm>页面的“查询密码”链接，会链接到<search_pwd. htm>，会员需要输入自己的账号及注册时使用的e-mail；按下“传送”按钮，此时会链接到<search.asp>，此页面将根据输入的账号及e-mail，连接到后台数据库的表中查询相符的记录，如果有的话，则通过e-mail发送密码。
（四）后台数据库设计
1、设计数据库表
可以只为该数据库设计一个表，表的结构可参考如下：

字段名称	数据类型	字段名称	数据类型	字段名称	数据类型
Id	Char(10)	Password	Char(10)	Name	Char(10)
Sex	Char(2)	Year	Int	Month	Int
Day	Int	Telphone	Char(13)	Cellphone	Char(11)
Address	Varchar(50)	Email	Char(20)	URL	Char(30)
Comment	Text

2、配置SQL Server 2000数据库及系统ODBC
在设计了表结构后，还要在系统中配置ODBC，具体的操作步骤如下：
（1）在系统DSN中单击“添加”按钮，如下图1所示：

华锐祥云

（2）选择SQL SERVER，按“完成”按钮，弹出如下图2所示对话框
（3）按上图要求填写完成后，按“下一步”按钮弹出如下图3所示对话框
（4）在上一步骤中的登录ID和密码非常重要，如果输入错误将不能成功创建该系统DSN。输入完成后，出现如下图4所示对话框
（5）选择了合适的数据库后，按“下一步”按钮弹出如下图5所示对话框
（6）按“完成”按钮，将出现如下图6所示对话框

选择“测试数据源”按钮，如果测试成功，将完成该系统DSN的配置。

（五）前台页面设计与制作
1、规划页面的布局，确定页面的基本风格、色彩搭配等问题。
2、利用DreamWeaver或FrantPage进行页面的制作。
（六）编写公用模块
1、确定系统的公共模块
划分公共模块的原则是：将多次反复出现的、完成相同功能的程序段组织成一个公用模块，供程序调用。在本系统中，可以考虑将与后台数据库建立连接的程序段、实现各页面导航的脚本确定为通用模块。
2、完成相应公用模块的代码编写
在系统整体设计给出的参考文件清单中，adofunction.asp文件就是一个公用模块，可以在该文件中编写函数来建立与后台数据库的连接。这样，在其它需要访问数据库的地方，可以直接调用这个函数。
（七）编写代码
可参照系统整体设计中给出的参考文件清单，完成相关的ASP文件的编码。主要内容包括：
1、编写读取前台网页中表单数据的ASP代码；
2、使用SQL命令，利用ASP中的ADO对象存取数据库。
（八）测试与调试
将编写好的系统发布到Web服务器，运用软件测试的知识，对其中的网页进行链接测试、表单测试、动态内容测试、数据库测试、安全性测试、服务器性能及负载测试。利用测试结果和测试过程中提供的信息找出错误，并消除错误。
（九）编写设计报告

四、拓展思考题
1、想想还可以从哪几个方面来扩展和完善会员管理系统的功能？
2、如果后台数据库改用Access 2000，应怎样做？需要修改哪几个部分的代码？
3、如果根据系统整体设计中给出的参考文件清单进行编码，对于用户注册所填入的信息和会员修改后的信息，都是在服务器端执行表单数据确认。是否可以选择在客户端执行表单数据确认？应怎样修改？请分析这两种方式的利与弊。
4、如何在程序中预防没有登录的用户直接从某一会员网页进入？如果使用Cookie的话，会带来什么优点和缺点？

五、收获和体会

华锐祥云

由于帖子没法显示图片，我把完整版的放到附件里了~！