web网页设计期末大作业_留言板制作

1、本科学生综合性实验报告姓名李朝彭 学号_1341004242_学院_信息学院 专业 软件工程 班级 13F 课程名称 Web应用开发技术实验名称 综合性作品设计留言板_指导教师_ 白磊_开课学期 2014 至 2015 学年下 学期 上课时间 2015 年 下学期 _ 云南师范大学教务处编印实验时间2015.6.24 / 26实验地点宿舍和睿智4机房3111、 实验目的：（1）通过本学期学习的web知识研发一个简单的B/S系统2.设计初衷：通过学习了一个学期的Web知识，加上老师扩充的知识，让我自己对网页设计等的知识有所了解并且产生了浓厚的兴趣，基于对知识不算太熟练的掌握，还无法达到较高水平，

2、所以制作了这个简易留言板三设计方案和工具概要：（1）设计方案：采用的是用户界面和后台管理结合的模式，用户界面提供了留言和阅览留言板的功能！后台则提供了管理员登陆和删除还有回复留言等功能！（2）工具开发平台采用的是dreamweaver cs6，数据库采用的是SQL server2008，Logo制作采用Photoshop，开发语言采用ASP！四开发过程：（一）.主页制作主页功能模块描述：主页提供了用户留言跳转页面，查看其它用户的IP地址，浏览留言板功能，听歌功能，翻页功能，还有就是管理员后台登陆界面！Logo制作：Photoshop2.效果图：3.主页代码：tdfont-size:12px;

3、当前位置a href= >> 留言板 李朝彭制作！  _    % strSourceFile = Server.MapPath(siva.xml) Set objXML = Server.CreateObject(Microsoft.FreeThreadedXMLDOM) objXML.load(strSourceFile) Set objRootsite = objXML.documentElement.selectSingleNode(guestbook) 每页显示*条留言 PageSize = cint(&num&) 获取子节点数据（因为是从节

4、点数从0开始的所最大子节点数要减1） AllNodesNum = objRootsite.childNodes.length - 1 算出总页数 PageNum = AllNodesNumPageSize + 1 PageNo = cint(Request.querystring(PageNo) 如果是每一次获得页面则定位到每一页显示最新的留言 if PageNo= or PageNo=0 then PageNo = 1 end if 获得起始节点 StarNodes = AllNodesNum - (PageNo - 1)*PageSize 获得结束节点 EndNodes = StarNod

5、es - PageSize + 1 if EndNodes AllNodesNum then 如果超过则结束节点要减去(StarNodes-AllNodesNum)的差值否则下标会超界出错 EndNodes=EndNodes-(StarNodes-AllNodesNum) StarNodes=AllNodesNum end if if EndNodes = EndNodes id=objRootsite.childNodes.item(StarNodes).childNodes.item(0).text name=objRootsite.childNodes.item(StarNodes).c

6、hildNodes.item(1).text email=objRootsite.childNodes.item(StarNodes).childNodes.item(2).text sex=objRootsite.childNodes.item(StarNodes).childNodes.item(3).text content=objRootsite.childNodes.item(StarNodes).childNodes.item(4).text addtime=objRootsite.childNodes.item(StarNodes).childNodes.item(5).text

7、 reply=objRootsite.childNodes.item(starNodes).childNodes.item(6).text hftime=objRootsite.childNodes.item(starNodes).childNodes.item(7).text ip=objRootsite.childNodes.item(starNodes).childNodes.item(8).text ip=split(ip,.) uip=ip(0)&.&ip(1)&.&ip(2)&.* %  留言时间：    ：a href=mailt

8、o: img border=0 src=images/ IP： % response.write replace(content,chr(13),) if reply then response.write 站长回复： response.write reply response.write 回复时间： response.write hftime response.write end if %  页数：/  %if pageno 1 then response.write 首页 response.write  上一页 else response.write 首页&n

9、bsp;上一页 end if if pageno pagenum then response.write  下一页 response.write  尾页 else response.write  下一页 尾页 end if%    共有篇(每页篇)   李朝彭制作，引用请务必标明出处！ （二）.用户发表留言界面该界面提供了用户发表新留言的界面，留言选项提供了“昵称”，“邮箱”。“头像”。“内容”，“提交”，“重填”，“返回留言板”，以及听歌界面！Logo制作：Photoshop效果图：用户发表留言界面代码：tdfo

10、nt-size:12px;function checkspace(astr)bstr=cd=astr.lengthfor(i=0;i=0) bstr=bstr+ if(bstr=astr) return true;elsereturn false;function checkemail(qemail)if(qemail.charAt(0)=. |qemail.charAt(0)=|qemail.indexOf(, 0) = -1 | qemail.indexOf(., 0) = -1 | qemail.lastIndexOf()=qemail.value.length-1 | qemail.l

11、astIndexOf(.)=qemail.value.length-1)return true; function checkform() if(checkspace(.value) alert (请输入昵称!); .value=;.focus();return false;if(checkspace(form1.content.value) alert (请输入留言内容!); form1.content.value=;form1.content.focus();return false;if(!checkspace(form1.em

12、ail.value) if(checkemail(form1.email.value) alert(Email地址格式不正确!);form1.email.value=; form1.email.focus();return false;return true;form1.subm.disabled=true;当前位置 >> 发表留言   请您留言 (注：*为必填项)   昵 称： * ：   头 像： 内 容： *    李朝彭制作，引用请务必标明出处！! tdfont-size:12px;function checkspace(a

13、str)bstr=cd=astr.lengthfor(i=0;i=0) bstr=bstr+ if(bstr=astr) return true;elsereturn false;function checkemail(qemail)if(qemail.charAt(0)=. |qemail.charAt(0)=|qemail.indexOf(, 0) = -1 | qemail.indexOf(., 0) = -1 | qemail.lastIndexOf()=qemail.value.length-1 | qemail.lastIndexOf(.)=qemail.value.length-1)return true; function checkform() if(checkspace(.value) alert (请输入昵称!); .value=;.focus();return false;if(checkspace(form1.content.value) alert (请输入留言内容!); form1.content.value=;form1.content.focus();return false;if(!checkspac