ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3

ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3

ID:40237873

大小:1.80 MB

页数:71页

时间:2019-07-28

ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3_第1页
ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3_第2页
ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3_第3页
ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3_第4页
ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3_第5页
资源描述:

《ASP动态网页设计能力教程(第二版) 李玉虹 王磊_ chp3》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、中国铁道出版社单元三制作校园聊天室1任务一制作一个简易聊天室任务描述现在的大学校园,宽带已经相当普及,办公室、宿舍一般都拥有两台或多台计算机,在办公室或宿舍构建一个小型的局域网是一件很简单的事情。如果在办公室或宿舍的小型局域网内建立一个简易聊天室,同事、同学间即使在不同的区域,也可通过聊天室进行方便、快捷地交流。2任务分析一个简易聊天室由以下几个部分组成。1.聊天室登录界面(index.asp)用户进入聊天室登录界面,输入用户名、选择喜爱的头像作为标记进入聊天室。本例使用Session变量对姓名、头像

2、等信息进行保存。单击“进入聊天室”按钮进入聊天室主界面chat.asp。用户名或密码为空时显示错误处理页面。任务一制作一个简易聊天室32.聊天室主框架界面(chat.asp)这个聊天室可以在多人之间进行通话,聊天内容只保留最新20句,设置20个Application变量用于存储20句发言。聊天室的主界面为一个框架文件chat.asp,这个框架集包含2个子框架。上部:chatmsg.asp,聊天内容显示页面,用于显示所有聊天者的发言,即20个Application变量值。下部:usermsg.asp,聊

3、天者发言表单。输入聊天信息后提交给userchat.asp文件,userchat.asp文件接收完聊天者发言后将发言信息存入Application变量中,而后直接转向chatmsg.asp用于显示聊天内容。任务一制作一个简易聊天室4本任务主要使用了表单、框架、ASP内置对象Session、Application等知识来完成用户登录、用户发言及聊天信息显示各个功能。任务流程图如下所示。任务一制作一个简易聊天室5方法与步骤1.站点发布与设置2.设计聊天室登录界面(index.asp)①在站点下新建一个名为

4、index.asp的动态网页文件,作为简易聊天室的登录界面。②在网页文件index.asp中,设计聊天室登录界面任务一制作一个简易聊天室63.设计聊天室主框架页面(chat.asp)新建框架集文件为chat.asp,作为简易聊天室的主框架界面。将上部框架保存为chatmsg.asp,下部框架保存为usermsg.asp。选中chat.asp文件,在“代码”视图前输入如下代码:任务一制作一个简易聊天室<%'读取浏览者在页面内所输入的名字及选中的头像Session("us

5、ername")=Request.Form("username")Session("userimg")=Request.Form("userimg")'若聊天者未输入名字,则显示错误信息并结束ifSession("username")=""thenResponse.Write"Sorry!"&"无名氏"&",不能登录聊天室!

"Response.Write"

6、>返回登录页面

"else'聊天内容只保留最新20句,存于Application("msg1")-Application("msg20")中'最新聊天内容放入Application("msg1")中Application.Lockfori=20to2step-1j=i-1Application("msg"&i)=Application("msg"&j)next'对初次进入聊天室者给出问候语,并存于Application("msg1")中chat="<

7、imgsrc='"&Session("userimg")&"'width=30height=30>"&"各位好!我是"&Session("username")&",请多关照!"&"["&time&"]"Application("msg1")=chatApplication.Unlockendif%>74.设计聊天显示界面(chatmsg.asp)本文件位于chat.asp文件上部,其主要功能为显示存于Application(“msg1”)~Application(“msg20”)中的聊天内容。

8、L>聊天室主窗口