|
4.2.3 登录失败页面 在5.3.1节里，在“登录用户”对话框中对“如果登录失败，转到”栏设置为转到“denglubad.asp”，当用户登录失败后，转到这个页面，这个页面将完成两个功能：一个是提示用户操作失败，二是让用户选择下一步的操作。 paper51.com 根据总体设计以及用户登录失败，可能的两种情况如下所示。 paper51.com (1)用户忘记了用户名或者密码，此时，用户可以选择“重新登录”返回到“登录页面”。 http://www.paper51.com (2)用户没有帐号，此时，可以选择“注册新用户”转到“注册页面”。登录失败的页面，如图9所示。 http://www.paper51.com 如图9所示，把“返回登录页面”文本字样设置超链接到“denglu.asp”,把“注册新用户”文本字样设置链接到“zhuche.asp”,把“回首页”文本字样设置超链接到主界面“index.asp”。 内容来自论文无忧网 www.paper51.com 图8 登录失败页面 paper51.com
4.2.4 注册页面 http://www.paper51.com 注册页面的设计与登录页面的设计类似，首先来设计如图10所示的页面。 paper51.com 图9 注册页面 paper51.com
在完成网页设计后，就可用“服务器行为”来完成对注册的操作和处理。其具步骤如下： copyright paper51.com (1)检查表单 内容来自www.paper51.com 在“文档窗口”中选择“提交”按钮，然后打开“行为”面板，单击“添加行为”按钮；在弹出的菜单中选择“检查表单”菜单命令；弹出“检查表单”对话框，在“命名的栏位”中选择表单项，“值”选择为“必需的”，“可接受”选择“任何东西”，以上操作针对“用户名”、“密码”、“密码提示问题”、“密码提示答案”、“教师课件密码”表单元素；对于“电子邮件”来说，因为是可选项，所以其“值”不需要选择“必需的”，但“可接受”应选择为“电子邮件地址”。 http://www.paper51.com
这里的“检查表单”是进行客户端的表单元素内容的检查，比如，当会员注册时忘记输入了密码等“必需”的内容，或输入的电子邮件地址不符合邮件地址规范等情况时，网页会提示注册用户正确填写。在通过这项检测后，则可将注册的信息“插入记录”了。 http://www.paper51.com (2)插入记录 内容来自www.paper51.com 如图11所示,打开“服务器行为”面板,单击“添加”按钮,在弹出菜单中选择“插 http://www.paper51.com 入记录”，弹出如图所示的“插入记录”对话框，进行如下设置。 内容来自论文无忧网 www.paper51.com 图10 “插入记录”对话框 内容来自论文无忧网 www.paper51.com
(3)检查新用户名 paper51.com 如图12所示，打开“插入”面板，选择“应用程序”标签，单击“用户身份身份验证”按钮后的向下箭头，在弹出菜单中选择“检查新用户名”，在弹出的对话框中进行如下设置。 paper51.com 图11 检查新用户名 内容来自论文无忧网 www.paper51.com 4.3.5 注册成功页面 paper51.com 当注册成功时将转到注册成功页面，页面的设计如图13所示。 paper51.com
图12 注册成功页面 paper51.com 此页面表示注册操作已经完成，在此页面中添加一个“登录”链接返回到登录页面。 copyright paper51.com 4.2.6 注册失败页面 http://www.paper51.com
当用户名已经存在时，注册操作会失败，则通过注册失败页面来提示用户，如图14所示。 http://www.paper51.com 在文档窗口的“设计”视图中，选中“返回”文本字样，然后在“属性检查器”面板的“链接”栏添加以下代码： paper51.com Javascript: onclick=history.go (-1) copyright paper51.com 在此页面中单击“返回”链接，页面将返回到上一页，即注册页面。 paper51.com 图13 注册失败页面 内容来自论文无忧网 www.paper51.com 以上是教师登录和注册模块的设计实现，与之相关的学生登录和注册模块的设计与此相似，这里省略，详细情况见源代码。 paper51.com 4.3 管理功能模块设计 内容来自论文无忧网 www.paper51.com
4.3.1 用户修改信息页面 copyright paper51.com 在用户登录后可以根据情况修改自己的个人信息页面如图15所示，具体步骤如下。 http://www.paper51.com (1)单击“绑定”面板上的加号（+）按钮，在弹出的菜单中选择“记录集（查询）”命令，将弹出“记录集”对话框，在此对话框中的“连接”下拉列表框中选择已建立的数据连接“conn”，在“表格”下拉列表框中选择数据库表“tea”，然后在“筛选”的下拉列表中选择“t_name”列，操作符为“=”，筛选类型选择“阶段变量”，变量名输入为“MM_Usernamer”。然后如图17所示设置该页面。 内容来自论文无忧网 www.paper51.com (2)在“服务器行为”面板上单击加号（+），选择“更新记录”，弹出对话框，“连接”下拉列表框中选择“conn”,“要更新的表格”为“tea”，“唯一键列”为“t_id”，“在更新后，转到”为“../../index.asp”。 http://www.paper51.com
这样就完成了用记修改个人信息的功能，修改成功后将转到首页。这里是教师修改个人信息，学生修改个人信息和管理员修改用户信息与此类似，这里省略。 copyright paper51.com
图14 修改教师信息 copyright paper51.com 4.3.2 用户找回密码功能 copyright paper51.com 查找密码第一步：输入需要查询密码的用户名。建立查询输入平台页“pw1.asp”,该查询输入平台页面具有表单元素，用以提供浏览者输入注册用户名进行查询，同时并做客户端检测：浏览者有没有输入表单元素内容， http://www.paper51.com
查找密码第二步：接收pw1.asp中传递的用户名，给出两种反馈信息。 http://www.paper51.com (1)经检测若无此注册用户，则提醒出错信息，并提供跳转到pw1.asp的链接，重新输入用户名。 内容来自www.paper51.com (2)经检测具有该用户名，则输出“找回密码问题”信息内容，并提供“找回密码答案”的文本输入框，提交给pw3.asp进行接收处理操作。 copyright paper51.com 查找密码第三步：接收pw2.asp中传递的“注册用户名”、“找回密码问题”以及“找回密码答案”3个表单元素的值，与数据库中相应的列（字段）值进行比较。根据比较结果，做两种信息的反馈。 paper51.com (1)“找回密码答案”不正确，显示错误提示信息，并提跳转到重新输入“找回密码答案”的页面pw2.asp。 内容来自www.paper51.com (2)“找回密码答案”与数据库表中对应列值完全吻合，则显示注册密码。 内容来自www.paper51.com
具体设计见源程序“课件管理系统”，这里省略。 copyright paper51.com
4.3.3 管理员编辑用户信息和删除用户 内容来自论文无忧网 www.paper51.com
管理员编辑用户信息与用户修改个人信息相似，参照5.4.1节，这里省略。 http://www.paper51.com 删除页，必须确保删除的记录不能误删，这就需要绑定正确的记录集，如图16所示设计用户列表页，在用户列表页tlist.asp中选中要删除的用户，传递该用户的t_id值到删除页面del.asp，确保删除对象。 copyright paper51.com
内容来自www.paper51.com
图15 用户列表页 内容来自论文无忧网 www.paper51.com 在删除页del.asp的制作中，设计如图17所示： paper51.com 图16 删除页面del.asp 内容来自论文无忧网 www.paper51.com 打开服务器面板，单击添加按钮，从弹出菜单中选择“删除记录”菜单命令，进行如图18设置。 内容来自www.paper51.com 图17 删除记录设置 paper51.com 4.3.4 课件管理 http://www.paper51.com
教师可以上传课件和删除不需要的课件，管理员也可以管理所有教师的课 内容来自论文无忧网 www.paper51.com
件，一般表现在可以删除不需要的课件，课件列表页klist.asp如图19所示，参照该图进行设置，点击“删除”可链接到课件删除页delk.asp。 paper51.com 图18 课件列表页 http://www.paper51.com 图19 课件删除页面delk.asp copyright paper51.com 图20 删除记录设置 paper51.com 如上图20所示，设计课件删除页delk.asp，单击服务器面板，选择“删除记录”，如图21所示进行设置： http://www.paper51.com 切换到“代码”视图，加入如下代码，以上设置只是删除数据库记录，并没有删除上传的文件，加入以下代码则可以删除硬盘上的文件。 内容来自论文无忧网 www.paper51.com <% dim objfso, URL paper51.com
URL=Trim (Recordset1.Fields ("k_loadurl")) http://www.paper51.com
Set objfso=server.createobject ("scripting.filesystemobject") paper51.com If objfso.fileexists (server.mappath (URL)) then 内容来自论文无忧网 www.paper51.com objfso.deletefileserver.mappath (URL), true 内容来自论文无忧网 www.paper51.com Else paper51.com response.write "文件不存在" copyright paper51.com End if 内容来自www.paper51.com Set objfso=nothing copyright paper51.com %> http://www.paper51.com 4.4 课件上传与下载功能模块设计4.4.1 无组件上传类文件 http://www.paper51.com 化境无组件上传类文件主要功能是实现文件的上传，文件内容可从官方网站下载获得。本系统所使用的上传类文件名为“upload_5xsoft.inc”，将下载的文件保存在“课件管理系统”的“tan”文件夹内。 内容来自论文无忧网 www.paper51.com 4.4.2 文件上传平台 内容来自www.paper51.com 1．独立的文件上传平台，如图22所示。 paper51.com (1)在“课件管理系统”的“tan”文件夹内新建文件“upload.asp”。 copyright paper51.com (2)在“文档窗口”中打开该文件，打开“插入”面板，单击“表单”类别中的“表单”按钮，在文档中插入黄色虚线框。 内容来自论文无忧网 www.paper51.com (3)选择插入在页面中的表单，打开“属性”面板，“动作”输入为“upfile.asp”，并选择“MIME类型”为“multipart/form-data”。 http://www.paper51.com (4)单击“表单”类别中的“文件域”按钮，在表单区域中插入一个具有“浏览”按钮的表单元素，打开其“属性”面板，，“文件域名称”输入为“file”。 内容来自论文无忧网 www.paper51.com (5)在文档中插入“隐藏域”，打开其“属性面板”，定义名称为“upfilefolder”,输入其“值”为“uploadfile”。 copyright paper51.com
(6)在表单区域内插入“按钮”，“值”为“上传”，“动作”为“提交表单”。 内容来自www.paper51.com 图21 文件上传平台页面(upload.asp) http://www.paper51.com
2.课件上传页的文件上传功能 paper51.com 单独的上传平台页在Web应用系统中还需要结合到相关的数据录入页中，一般采用iframe浮动框架进行引用。 内容来自论文无忧网 www.paper51.com (1)如图23所示，在“文档窗口”中打开表示“上传课件”的“shangchuan.asp” 内容来自www.paper51.com
文件，切换至“拆分”视图，将鼠标光标定位在网页代码中即将插入“浮动框架”的位置。 内容来自论文无忧网 www.paper51.com (2)打开“插入”面板中的“HTML”类别，单击“框架”按钮后的向下箭头，从弹出菜单中选择“浮动框架”，即在网页中插入了浮动框架的HTML标签“<iframe></iframe>”。 内容来自www.paper51.com (3)在HTML标签“<iframe></iframe>”上单击鼠标右键，从弹出菜单中选择“编辑标签”。 copyright paper51.com (4)弹出“标签编辑器”对话框，选择“源”为独立上传平台页“upload.asp”。 内容来自www.paper51.com 图22 插入浮动框架 copyright paper51.com 4.4.3 文件上传功能页 paper51.com
上传功能页主要是接收上传平台页upload.asp通过“浏览”选择的所需上传文件，并进行相关处理后将文件上传至服务器的操作。 paper51.com 1.建立文件上传功能页 copyright paper51.com 在站点“tan”文件夹内新建文件“upfile.asp”,表示文件上传的功能页，在“文档窗口”中打开该文件，切换至“代码”视图，在HTML标签<body>的上方输入代码“<!--#include file=”upload_5xsoft.inc”-->”，表示该文件对化境无组件上传类文件的引用。在HTML标签<body>…</body>之间输入如下代码。 内容来自www.paper51.com <%filesizemin=1 copyright paper51.com Filesizemax=200000*1024 copyright paper51.com Set upload=new upload_5xSoft 内容来自www.paper51.com
f_folder=upload.form ("upfilefolder") 内容来自论文无忧网 www.paper51.com
%> copyright paper51.com 其中filesizemin和filesizemax分别定义上传文件的大小所需的最小值和最大值，upload表示建立的上传对象，f_floder则是一变量，该变量的值即是接收的上一页中表单元素名称是“upfilefolder”的值。 copyright paper51.com
|