2015-2016-1网站开发工具用大作业报告.doc

武 汉 轻 工 大 学 《网站开发工具》大作业报告 专业 网络工程 班级 1302班 学号 1305110149 姓名 龚 帅 日期 2015年12月25日 【目的】 通过制作一个网页式公共聊天室来掌握使用 HTML、CSS、JAVASCRIPT等网页前端开发语言。 【要求】 一、应该具有以下功能： 1．用户登录 2．在线聊天 3．匿名聊天 4．本次聊天在线时间 5．发送表情 6．文字颜色 7．聊天背景 8．清除聊天内容 二、扩展功能 1．私聊（留言） 2．在线人员名单 【需求分析】 本程序实现一个基于Web的多人聊天室程序，访客可以自由加入聊天室，并设定自己的昵称，支持聊天室成员之间进行私聊，聊天室管理员可以设置聊天室的主题，并可以将恶意用户踢出聊天室，设置最多用户人数限制，最短发言时间间隔等。 【系统框架】 基本构成 模块构成 主体处理 流程图 【编码实现】 登录界面：index.asp html //调用了样式 style type=text/css !-- body { background-color: #B8B4DA; } -- /style script language=javascript//验证是否输入了昵称 function check() { if(document.form.txtname.value==) { alert(昵称不能为空！); return false; } } /script ! -- 生成登录界面 -- p align=right font color=#33CC33 font class=3dfont size=2今天是font color=#000000 script language=JavaScript//日期显示的功能 function initArray() { this.length = initArray.arguments.length for (var i = 0; i this.length; i++) this[i+1] = initArray.arguments[i] } var WeekArray = new initArray(星期日,星期一,星期二,星期三,星期四,星期五,星期六); var MonthArray = new initArray(1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月); var LastModDate = new Date(document.lastModified); document.write(LastModDate.getYear()+00,年 ); document.write(MonthArray[(LastModDate.getMonth()+1)], ); document.write(LastModDate.getDate()+日 ); document.write(WeekArray[(LastModDate.getDay()+1)]); /script h1 align=center聊天室/h1 //表单 这里获取用户昵称 form name=form onSubmit=JavaScript:return check();action=main.asp method=post div align=center 请输入你的昵称： input name=txtname type=text id=txtname size=10 input type=submit name=b1 value=登录input type=reset name=b2 value=重置 /div /form /html 聊天室框架：main.asp html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title网络聊天室/title /head % session(username)=Trim(Request.Form(txtname))//获取用户昵称 % frameset rows=*,118 cols=* bordercolor=#9966CC frameset rows=* cols=*,179 framespacing=1 frameborder=yes border=1 bordercolor=#9966CC frame src=xs.asp