令中国铁道出版社 114聊天室 1141认识聊天室( Chatroom) 1142组成网页的文件清单 114.3网页的执行流程 1144必须具备的知识 114.5完整程序代码清单
1 11.4 聊天室 • 11.4.1 认识聊天室(Chatroom) • 11.4.2 组成网页的文件清单 • 11.4.3 网页的执行流程 • 11.4.4 必须具备的知识 • 11.4.5 完整程序代码清单
令中国铁道出版社 114聊天室 1141认识聊天室 Chatroom 许多网站会提供聊天室让用户从事在线聊天,而 且多数聊天室不仅会提供文本模式交谈,还允许用户 选择代表自己的颜色与图案,并统计在线人数、在线 名单及在线传讯 现在,我们来看个实例,图a、图b(见下页)是我 们即将要制作的聊天室。这个聊天室有两个画面,第 个画面是要求用户输入名字并选择代表自己的颜色 与图案,然后单击“登录”按钮进入第二个画面,里 面会列出目前加入聊天的名单及内容,用户可以发表 自己的谈话
2 11.4 聊天室 • 11.4.1 认识聊天室(Chatroom) 许多网站会提供聊天室让用户从事在线聊天，而 且多数聊天室不仅会提供文本模式交谈，还允许用户 选择代表自己的颜色与图案，并统计在线人数、在线 名单及在线传讯。 现在，我们来看个实例，图a、图b (见下页) 是我 们即将要制作的聊天室。这个聊天室有两个画面，第 一个画面是要求用户输入名字并选择代表自己的颜色 与图案，然后单击“登录”按钮进入第二个画面，里 面会列出目前加入聊天的名单及内容，用户可以发表 自己的谈话
令中国铁道出版社 114聊天室 ·1141认识聊天室( Chatroom) 快乐聊天室-夏 icrosoft Internet Explorer 文件『)编辑)查看)收藏)工具)帮助Q ⊙后退··批次收夹的总回,口 链接”地址0)tt0/ pterll/pages/login.asp 转到 织樂聊天空 1.输入名字 请输入您的名字:了宏盛 2.选择颜色 请选择您的颜色:蓝色 4单击“录”请图0。月。。参。A回 3.选择图案 登录]「重新输入 工 nternet 图a 3
3 11.4 聊天室 • 11.4.1 认识聊天室(Chatroom) 1. 输入名字 2. 选择颜色 3. 选择图案 4. 单击“登录” 图a
令中国铁道出版社 114聊天室 1141认识聊天室 Chatroom 强快乐聊天室- icrosoft Internet Explorer 区 后退·搜收的总· 链接”地址)萄Mt0.0./ hapterll/pages/ Chatroom. asp 5.进入聊 霜黄林扶于2061215:8:9进入快乐聊天室。IP为127.0.0.1cLBD 天室,目 加入 目前在线人数: 的名单 黄林扶说:好呀<15:28 大家好,我是黄林扶,请多多指教!<15:28〉 聊天的内容 1.丁宏盛 2.黄林扶 丁宏盛说:我想与你聊天(15:28 大家好,我是丁宏盛 请多多指教 <15:27〉 “发送”按 请输入谈话内容:好呀 钮 若要发表谈话,请在此输入,然后按“发送”按 图b
4 11.4 聊天室 • 11.4.1 认识聊天室(Chatroom) 聊天的内容 5. 进入聊 天室，目 前加入聊 天的名单 图b 若要发表谈话，请在此输入，然后按“发送”按 钮 “发送”按 钮
令中国铁道出版社 114聊天室 1142组成网页的文件清单 制作这个聊天室需要如下文件,见下表 文件名称 说 明 1.gif x 6.gif 这6个G动画图形文件放在聊天室的第一个画面中 这个JPEG图形文件是聊天室 Fig. jpg 第一个画面的标题图片织柴天 这两个JPEG图形文件放在聊天室的第二个画面中 Figl. jpg、Fg2Jpg O EXIT 这个初始化文件必须放在Web服务器的主目录中,其任 务是将用来存放聊天内容的21个字符串变量 Globalasa Application("Msg1")~ Application("Msg21")初设为空字符 串
5 11.4 聊天室 • 11.4.2 组成网页的文件清单 制作这个聊天室需要如下文件，见下表。 文件名称 说 明 1.gif ~ 6.gif 这 6 个 GIF 动画图形文件放在聊天室的第一个画面中 Fig.jpg 这个JPEG图形文件是聊天室 第一个画面的标题图片 Fig1.jpg、Fig2.jpg 这两个JPEG图形文件放在聊天室的第二个画面中 Global.asa 这个初始化文件必须放在 Web 服务器的主目录中，其任 务是将用来存放聊天内容的 21 个字符串变量 Application("Msg1")~ Application("Msg21") 初设为空字符 串
令中国铁道出版社 114聊天室 1142组成网页的文件清单 续上表。 文件名称 说 明 这个网页为聊天室的第一个画面,提供表单让用户输入 Login. asp 名字、选择颜色和图案,按下“登录″按钮之后会调用 表单处理程序< Chatroom. asp 这个网页是构成聊天室第二个画面的框架网页,它 除了指定各个框架的大小和来源网页(共有4个,分别是 Chatroom. asp 上下各个,中间有两个),还会在用户进入聊天室时 读取用户输入的名字及所选取的颜色、图案,并初始化 个问候的字符串“大家好,我是XXX,请多多指教! 第二个画面上方框架的来源网页,用来显示用户的名字、 UserInfo. asp 进入时间、P,若要离开聊天室,可以按下￠
6 11.4 聊天室 • 11.4.2 组成网页的文件清单 续上表。 文件名称 说 明 Login.asp 这个网页为聊天室的第一个画面，提供表单让用户输入 名字、选择颜色和图案，按下“登录”按钮之后会调用 表单处理程序 Chatroom.asp 这个网页是构成聊天室第二个画面的框架网页，它 除了指定各个框架的大小和来源网页 (共有4个，分别是 上下各一个，中间有两个)，还会在用户进入聊天室时， 读取用户输入的名字及所选取的颜色、图案，并初始化 一个问候的字符串“大家好，我是XXX，请多多指教！” UserInfo.asp 第二个画面上方框架的来源网页，用来显示用户的名字、 进入时间、IP，若要离开聊天室，可以按下 图案
令中国铁道出版社 114聊天室 1142组成网页的文件清单 续上表。 文件名称 说 明 UserList. asp 第二个画面中间左方框架的来源网页,用来显示聊天室 的名单,每10秒钟会自动更新次 第二个画面中间右方框架的来源网页,用来显示存 ChatList. asp 放聊天内容的21个字符串变量 Application("Msg1") pplication("Msg21"),每10秒钟会自动更新次 InputMsg. asp 第二个画面下方框架的来源网页,提供一个单行文字方 块让用户输入聊天内容,按下“发送”按钮后会调用表 单处理程序 这个程序用来读取用户输入的聊天内容,然后将聊天内 Get Chat. asp 容加上代表该用户的颜色及图案,再存放到字符串变量 Application(Msg1") (7
7 11.4 聊天室 • 11.4.2 组成网页的文件清单 续上表。 文件名称 说 明 UserList.asp 第二个画面中间左方框架的来源网页，用来显示聊天室 的名单，每 10 秒钟会自动更新一次 ChatList.asp 第二个画面中间右方框架的来源网页，用来显示存 放聊天内容的 21 个字符串变量Application("Msg1")~ Application("Msg21")，每 10 秒钟会自动更新一次 InputMsg.asp 第二个画面下方框架的来源网页，提供一个单行文字方 块让用户输入聊天内容，按下“发送”按钮后会调用表 单处理程序 GetChat.asp 这个程序用来读取用户输入的聊天内容，然后将聊天内 容加上代表该用户的颜色及图案，再存放到字符串变量 Application("Msg1")
令中国铁道出版社 114聊天室 114.3网页的执行流程 首先,执行 会读取用 户输入的名字、颜色及图案。若名字字段是空白的, 就结束程序,否则就初始化一个问候字符串并执行框 架网页的各个来源网页,如下页图所示
8 11.4 聊天室 • 11.4.3 网页的执行流程 首先，执行 ，要求用户输入名字、选 择颜色及图案，然后按下“登录”按钮，就调用表单 处理程序 。 会读取用 户输入的名字、颜色及图案。若名字字段是空白的， 就结束程序，否则就初始化一个问候字符串并执行框 架网页的各个来源网页，如下页图所示
令中国铁道出版社 114聊天室 114.3网页的执行流程 Login.asp 输入名字,选择颜 色及图案 初始化问候字符 串并加载框架网 页的来源网页 Userinfo. asp UserListasp ChatListasp Inp. pmSg asp 上方框架的来源中间左方框架的中间右方框架的 方框架的来源 网页,用以显示使来源网页,用以显来源网页,用以显网页,用以输入聊 用看信息及寓开示在线人数与在示聊天内容 天内容 聊天室 线名单 内容 将聊天内容写入 Application"Mg1”)中
9 11.4 聊天室 • 11.4.3 网页的执行流程
令中国铁道出版社 114聊天室 1144必须具备的知识 首先,读者必须熟悉HIM语法或其他网页编辑 软件(如 Macromedia dreamweaver mX2004),因为我们 将用到框架、表单及读取表单数据等技巧。其次,您 必须了解 Application变量和 Session变量的意义及用法
10 11.4 聊天室 • 11.4.4 必须具备的知识 首先，读者必须熟悉 HTML 语法或其他网页编辑 软件(如Macromedia Dreamweaver MX 2004)，因为我们 将用到框架、表单及读取表单数据等技巧。其次，您 必须了解Application变量和Session变量的意义及用法