实验4简易聊天室.ppt

简易聊天室 聊天室设计过程： 1. index.asp页面的制作 （1）新建一个动态页面，取名为index.asp。（2）插入一个表单，在表单内输入相关文本，插入两个文本框和一个提交按钮。（3）设置其中一个文本框的名字为：txtUserID；另一个为“txtUserPWD”。（4）选择表单，在其属性面板中的动作框内输入：do_login.asp。 2. do_login.asp页面的制作 新建一个动态页面，取名为do_login.asp，切换到代码窗口，添加如下代码：　　　　 %　　　　　　strUserID = Request(txtUserID)　　　　　　strUserPWD = Request(txtUserPWD)　　　　　　Session(username) = strUserID　　　　　　Session(no)= strUserPWD　　　　　　Response.Redirect(chatpage.htm) 　　　　% 3. message.asp页面的制作 （1）新建一个动态页面，取名为message.asp。（2）设置页面背景色为蓝色。（3）插入一个表单，在表单内插入一个文本框和一个提交按钮。（4）设置文本框的名字为：message。（5）选择表单，在其属性面板中的动作框内输入：message.asp。（6）切换到代码视图，在代码的最前面添加如下代码：% mywords = Request(message)oneSentence = 姓名： Session(username) oneSentence = oneSentence 机器号: Session(no) 说:　 mywordsApplication.Lock()Application(talk) = Application(talk) oneSentence brApplication.UnLock()%? 4. display.asp页面的制作 （1）新建一个动态页面，取名为display.asp。（2）切换到代码视图，在head标记内添加如下代码：　　　　SCRIPT LANGUAGE=JavaScript 　　　　　function scrollWindow() 　　　　　{　 　　　　　　　 this.scroll(0,65000)　　　　　　　setTimeout(scrollWindow(),200)　　　　　} 　　　　　scrollWindow()　　　/SCRIPT（3）在body标记内添加如下代码：　　　　%　　　　　Response.Write(Application(talk))　　　　% 5. chatpage.htm页面的制作 （1）新建一个静态页面，单击菜单命令“插入”-“HTML” -“框架”-“上方”。（2）按住Alt键，鼠标左键单击上方框架，在属性面板的源文件框中选择display.asp。（3）按住Alt键，鼠标左键单击下方框架，在属性面板的源文件框中选择message.asp。（4）单击菜单命令“文件”-“框架集另存为”，以chatpage.htm为文件名保存。 * 登录界面： 聊天界面： *