《《ASP动态网页设计实用案例教程》-许新华-电子教案 第6章 实用综合案例》由会员分享，可在线阅读，更多相关《《ASP动态网页设计实用案例教程》-许新华-电子教案 第6章 实用综合案例（56页珍藏版）》请在金锄头文库上搜索。
1、第6章 实用综合案例,6.1 聊天室的分析、设计与实现 6.2网络投票系统的分析、设计与实现 6.3 论坛的分析、设计与实现 6.4 会场管理系统的分析、设计与实现,6.1 聊天室的分析、设计与实现,6.1.1聊天室的设计目标 我们设计一个聊天室让用户在线聊天，允许用户选择代表自己的颜色与图案，并统计在线人数，在线名单及在线传讯。这个聊天室有两个页面，如图6-1和6-2所示，第一个页面是要求用户输入名字并选择代表自己的颜色与图案，然后单击“登录”进入第二个页面，里面会列出目前加入聊天的名单及内容，用户可以在里面发表自己的谈话。,返回,图6-1 聊天室登录界面,返回,图6-2 聊天室界面,返回,
2、6.1.2聊天室系统的文件清单（表6.1）,返回,6.1.2聊天室系统的文件清单（续表6.1 ）,返回,6.1.3 聊天室系统源代码及简要分析 1）Globalasa文件 这个文件必须放在Web 服务器的主目录，其任务是用来存放聊天内容的21个字符串变量Application(“Msg1”)Application(“Msg21”)，其初始值设为空字符串。 Application(“MSg1”)Application(“MSg21”)这21个Application变量是用来存放聊天内容的。当用户在 输入聊天内容并按下“发送”时，表单处理程序 会先把Application(“Msg20”)存放到A
3、pplication(“Msg21”)中、把Application(“Msg19”) 存放到Application(“Msg20”)中，然后依此类推，直到把Application(“Msg1”)存放到Application(“Msg2”)中，再去读取聊天内容，然后加上代表该用户的颜色及图案并存放在Application(“Msg1”)中。,返回,2）Login.asp 这个网页为聊天室的第一个画面，提供表单让用户输入名字、选择颜色和图案。按下“登录”按钮后会调用表单处理程序 。,返回,3）Chatroom.asp 这个网页是构成聊天室第二个画面的框架网页，它有下列两个任务： （1）在用户进入聊
4、天室的时候，读取用户输入的名字及所选取的文字颜色、代表图案，然后初始化一个问候的字符串“大家好，我是XXX，请多多指教！”，再把这个字符串存放在Application(“Msg1”)变量中。 （2）声明构成聊天室的框架网页，上方框架的高度为60像素点、名称为Top、来源网页为，下方框架的高度也为60像素点、名称为Bottom、来源网页为，其他为中间框架的高度；中间左方框的宽度为160像素点、名称为Lmiddle、来源网页为，其他为中间右方框架的宽度、名称为Rmiddle来源网页为。,返回,4) userInfo.asp 这是第二个画面上方框架的来源网页,用来显示用户名字，进入时间，IP地址。若
5、按下EXIT 图案，会再度调用传送一个值为Yes 的参数 Logout。一旦检查到Logout变量的值为Yes，就会初始化一个向大家说Bye! Bye!的字符串,然后存放在Application(“Msg1”)中并关闭窗口。,返回,5) 这是第二个画面中间左方框架的来源网页，这个网页能够显示所有在线用户的名单。由于这个网页每10秒钟会自动更新一次，闲置时间则为30秒，所以一旦有新用户加入，会在10秒之内反映出来，而一旦有人离线，会在30秒钟之内反映出来。,返回,6) ChatList.asp 这是第二个画面右方框架的来源网页，用来显示存放聊天内容21个字符串变量Applecation(“Msg
6、1”)Applecation(“Msg2”)。此网页每10秒钟会自动更新一次，也就是说，任何新的聊天内容都会在10秒钟之内显示出来。,返回,7) InputMsg.asp 这是第二个画面下方框架的来源网页，提供一个单行文字框让用户输入聊天内容,按下“发送”按钮之后会调用表单处理程序。,返回,返回,8) GetChat.asp 当用户在输入聊天内容并按下”发送”时，表单处理程序会先把Application(“Msg20”)存放到Application(“Msg21”)中、把Application(“Msg19”)存放到Application(“Msg20”)中。然后依此类推，直到把Applica
7、tion(“Msg1”)存放到Application(“Msg2”)中，再去读取聊天内容，然后加上代表该用户的颜色及图案并放在Application(“Msg1”)中。,6.2网络投票系统的分析、设计与实现,6.2.1网络投票系统设计目标 网上有很多在线投票系统，允许访问者为各种事件投票，甚至允许访问者增加其它选项参与投票。我们现在设计一个“最受欢迎歌手”的投票系统，让每个人为自己喜欢的歌手投票，界面如图6-3所示；选择自己喜欢的候选人后单击“投票”按钮进入如图6-4界面查看投票结果；如果候选人名单中没有你喜爱的歌手，你也可以按“推荐候选人”按钮进入如图6-5所示界面推荐候选人；另外，这个系统
8、还允许你同时将票投给多位候选人。,返回,图6-3 投票界面,图6-4 显示投票结果界面,图6-5 推荐候选人界面,返回,6.2.2 网络投票系统的文件清单 1）数据库文件 为了保存投票人输入的id值及候选人的资料、票数，我们采用SQL Server 2000作后台数据库，在AspDB数据库中创建了两个表，分别命名为UserId 和Vote，表结构见表6.2 。,表6.2 UserId和Vote表的结构,返回,2）网页文件,表6-3 投票系统文件清单表,6.2.3 网络投票系统核心源代码及简要分析 1) 这个文件定义了二个函数：GetRecordset、GetSQLRecordset，利用这两个
9、函数中的一个可以打开数据库连接与筛选表记录，该函数的返回值是符合SQL语句的表记录的Recordset对象实例。编写这个文件的目的是减少录入代码的时间。因为每个文件打开数据库连接与筛选表记录的步骤是相同的，有了这个文件，以后每个需要打开数据库连接和筛选表记录的文件只要把这个文件Include进去就可以了。,返回,2) Index.asp 这是投票系统的首页文件，这个文件能将所有的候选人姓名、简介以表格的形式显示出来，在每个候选人的前面有一个复选框，访问者可以选择一位或多位候选人，输入与别人不重复的ID然后单击“投票”按钮将你的选择结果传送到Vote.asp文件处理；如果没有自己喜欢的候选人，还
10、可以单击“推荐候选人”按钮，进入Recommend.asp网页推荐你喜欢的候选人；也可以直接单击“观看投票结果”进入Result.asp网页查看投票结果。,返回,3) Vote.asp 当访问者在Index.asp网页按下“投票”按钮时，数据传送到本文件，该文件首先检查是否有候选人被选择，如果没有则显示出错提示和上一页链接，并停止后面代码的执行。如果候选人的参数值不为空，则打开数据库连接和表UserId记录筛选，判断用户输入的ID是否已投过票，如果没有，则将访问者选中的每个候选人的票数加一，否则提示用户这个ID已投过票，请用户返回首页进行其它操作。,返回,4) Recommend.asp 这个
11、文件将访问者输入候选人资料的表单页面和处理访问者提交的候选人资料的代码写在一起，在表单中使用一个名称为decision的Hidden控件，只有表单有数据提交，即decision的值才为true，处理访问者提交的候选人的资料这段代码才会执行，否则从index.asp进入该网页时只有“”至“”之间代码运行。,返回,5) Result.asp 这个网页用表格的方式显示所有候选人的得票情况：得票数、得票百分比和用直方图比较的得票率。查看结果完毕可以通过点击“回首页”链接返回index.asp文件进行其它操作，如图6-4所示。,返回,6.3 论坛的分析、设计与实现,6.3.1论坛的设计目标 论坛是为访问
12、者提供意见交流的场所，目前大部分Web站点都提供各种各样的的论坛，让人们针对某个特定的主题进行讨论。现在我们设计一个讨论IT技术的专业论坛，可以让访问者匿名发起主题，如图6-6所示；查看主题列表，如图6-7所示；并参与讨论，如图6-8所示。,返回,图6-6 发起新主题页面,返回,图6-7 浏览论坛主题页面,返回,图6-8 浏览并参与讨论发表意见页面,返回,返回,6.3.2论坛系统的文件清单 1)数据库文件 为了保存我们所讨论的主题和讨论的内容，我们采用SQL Server 2000作后台数据库，在AspDB数据库中创建两个表，分别命名为articles和replies，分别存储讨论主题的信息和
13、讨论内容。这两个表的结构见表6-4。,表6-4 articles和replies表的结构,返回,续表6-4 articles和replies表的结构,返回,返回,2）网页文件,表6-5 论坛系统文件清单表,返回,6.3.3论坛系统核心源代码及简要分析 1) Forum.asp Forum.asp文件能实现查看讨论主题的功能。该页面以分页形式显示当前已有的讨论主题，每页显示5个主题，每个主题以超链接形式显示，可以通过单击某个的主题来查看详细的讨论内容并发表意见，也可以通过单击页面下部的页码超链接在不同页面之间跳转，如图6-7所示。如果检测到articles表中不包含任何记录，则显示“当前没有讨论
14、主题！”，此时可以通过单击页面上部的“发表新帖”链接进入发起主题的页面（NewTheme.asp）。,返回,2) NewTheme.asp 文件NewTheme.asp给出了发表讨论主题时所用到的表单，如图6-6所示。在查看讨论主题页面（Forum.asp）中单击“发表新帖”链接可以进入该页面。访问者可以在这里输入作者姓名、要发起讨论的主题和内容，并选择自己所喜欢的头像，然后通过单击提交按钮将这些信息提交给文件saveTheme.asp进行处理。,3) SaveTheme.asp 访问者发起的讨论主题及其相关信息将提交给SaveTheme。.asp文件进行处理。在该文件中，首先检查“作者”、“
15、主题”和“内容”的值，如果其中有任何一个为空字符串，则使用Server.Transfer重新定向到发起讨论主题页面。如果这些值都不是空字符串，则连接数据库，并将该讨论主题及其相关信息保存到articles表中。保存数据后，可以单击链接返回论坛首页，如图6-9所示。,返回,图6-9 保存讨论主题页面,返回,4) ReplyTheme.asp 为了便于访问者参加针对每个主题的讨论，主题列表中的每个主题均采取超链接形式，单击某个主题，即可查看关于该主题的讨论内容（包括原创帖子和回复帖子），此时可以针对该主题发表自己的意见，也可以通过单击相应的链接来发起新的讨论主题或者返回论坛首页。当输入作者、主题和
16、内容后，可以通过单击“提交”按钮将回复信息发送给Web服务器进行处理，如图6-8所示。,返回,5) SaveReply.asp 针对某个主题的回复被提交给SaveReply.asp文件进行处理。在该文件中，首先检查“作者”、“主题”或“内容”是否为空字符串，若是则重定向到回复主题的页面，若不是则对所提交的数据进行处理。 数据处理的内容包括两方面：一方面通过更新articles表中的reply_times列使当前主题的浏览次数加1；另一方面将回复者的姓名、IP地址、回复的主题和内容等保存到replies表中。完成数据处理后，单击页面上的超链接可以返回论坛首页，如图6-10所示。,返回,图6-10 保存回复内容成功页面,返回,6.4 会场管理系统的分析、设计与实现,6.4.1会场管理系统的设计目标 现代企业开始流行使用基于WEB的办公系统。现在我们设计一个小型的会场管理办公系统系统，可以为招聘活动提供入场签名、统计、查询等功能。公司签到如图6-11所示；查看公
