基于JavaScript班级网站开发之留言板.doc

javascript 课程设计 Javascript留言板课程设计课题 基于JavaScript的班级网站开发 专业班级 中印计算机11级软件1班 学生姓名 马安顺 学 号 201101080020 指导教师 陈凤萍 组 长 邵园园 日 期 2013. 1. 10 成 绩 课程设计任务书院系：中印计算机软件学院 专业：软件技术 班级： 11软1 学号： 201101080020 一、课程设计时间2012年12月24日至2013年1月11日，共计3周。二、课程设计内容使用html+javascript+css 完成以下任务：1、能够熟练使用css结合html实现网页布局。2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。3、熟练使用javascrip中的对象，实现网页的动态效果。三、课程设计要求1. 课程设计质量： 贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。2. 课程设计说明书：课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模板。4、 指导教师和学生签字指导教师： 学生签名： 5、 教师评语： Javascript留言板课程设计一 需求分析随着互联网的迅猛的发展，网站给我们带来不少的便利，于此同时，论坛基本是每个网站必有的功能，为用户之间的交流提供的很好的平台。我通过仔细的分析和规划，本论坛有如下功能：用户注册，登录，用户信息修改，签写留言，留言查看，回复留言和管理员的普通维护功能等。这些功能的具体描述如下：1）用户登录模块：基本是每个系统必备的模块，本论坛的登录的模块分为两个小模块：普通用户登录，另一个是管理员登录。2)查看留言模块：这也是论坛的主要功能之一，把用户发表的留言逐条，安顺序显示出来。3)签写留言模块：这是论坛的主要功能之一，用户把自己感兴趣的话题发表到论坛上，与网上的会员进行探讨。4)回复留言模块：这也是论坛的主要功能之一，用户对别的用户发表的留言进行回复。二 分析和设计（页面和数据库）设计网站论坛时，首先应该区别是普通用户登录还是管理员登录。如果是普通用户登录，那么该用户只有查看和回复留言的权限。如果是管理员登录，则除了具有查看和回复权限外，还用具有管理论坛的权限。在用户发表留言后，将显示该用户的用户名、性别、留言内容和留言时间等内容。如果在某个留言有回复内容，则显示出是谁恢复了该篇留言和回复的内容。另外还能在页面中显示当前的系统的时间和访问权限。数据库设计通过以上的分析：数据库应有四个表，tb_user、td_topic、tb_reply、tb_counter。由于是个小型的论坛，选择AEESS数据库。具体各表的设计如下：1 分析得知tb_user表功能的记录用户的信息，具有如下字段：ID、UserName、PWD、Birthday、Sex、OICQ、Tel、homepage、address、postcode、Email、status。2 分析得知tb_topic表功能是存放用户发表的留言，具有如下字段：ID、anthor、face、content、datetime。3 分析得知tb_reply表功能是用于存放用户对每条留言所回复的信息，具有如下字段：ID、TpoicID、content、replyuser。页面设计1 网站的流程体如下：1） 用户登陆（Login_User_deal.jsp）在top.jsp中设计的是当用户单击登录连接的时候，弹出一个小的对话框来提供用户的登录功能，所以在在个页面中需要刷新用户登录后的页面，用到了脚本语言（javascript）中的一段代码：open.location.reload().管理员登录（login_manager_deal.jsp）与此页面的代码相似，下面就不再写了。主要的代码如下：opener.location.reload();window.close();alert(您输入的密码不正确，请重新输入！);history.back();alert(您输入的用户名不正确，请重新输入！);history.back();2） 查看留言（index1.jsp）将所有的；留言记录通过循环显示在客户端，并将某条留言的回复记录和回复者的姓名也显示出来。如果是登录用户的权限为普通用户，那么该用户的权限极为回复留言。如果是管理员，那么该用户的权限就是回复和删除留言。由于涉及到多条记录的显示，我们用了分页显示的方法出来。定义每个页面显示的记录，通过ResultSet对象计算出总的记录数，通过这两个数据计算总的页数。主要代码如下：-%boolean tj=rs_user.next();String str=(String)request.getParameter(Page);if(str=null)str=0;int pagesize=5; /每页显示的数据条数rs.last();int RecordCount=rs.getRow(); /获得记录的总条数int maxPage=0;maxPage=(RecordCount%pagesize=0)?(RecordCount/pagesize):(RecordCount/pagesize+1); /得到的是总页数int Page=Integer.parseInt(str); /当前时第几页if(PageRecordCount)Page=maxPage;rs.absolute(Page-1)*pagesize+1);for(int i=1;i()生表情： img src=images/email.GIF alt=Email: width=16 height=16img src=images/home-menu.gif alt=个人主页： width=26 height=20img src=images/atusers.gif alt=OICQ号码： width=14 height=16img src=images/datetime.gif alt= width=18 height=18 留言时间：% out.println(回复 );if(tj)out.println(删除);% 回复 当前页数：/ 1)%第一页a href=index1.jsp?Page=上一页%if(Pagea href=index1.jsp?Page=下一页a href=index1.jsp?Page=最后一页 3)签写留言4） 留言回复（reply_deal.jsp）回复留言的关键如何准确地将回复内容和留言关联起来。本例通过获得留言查看（index1.jsp）页面中的留言回复连接所传递过来的参数TopicTD（留言记录ID），来完成回复功能。添加留言（Topic_add_deal.jsp）于此相似，在次就不在介绍。主要程序代码如下：回复信息0)String sql=Insert into tb_reply(TopicID,content,replyuser) values(+TopicID+,+content+,+replyuser+);int ret=0;ret=stmt.executeUpdate(sql);if(ret!=0)out.println(alert(回复信息成功！);window.location.href=index1.jsp;);elseout.println(alert(回复信息失败！);window.location.href=index1.jsp;);elseresponse.sendRedirect(index1.jsp);%8） 这段代码比较简单，只要将Session对象中存储的值清空即可。主要的代码如下：function mym(message)alert(message);三 关键技术和说明在网站的设计中用到的关键就技术如下：1 通过视图将各个表中的数据联系起来，可以对数据进行高效率的操作。（具体的操作在数据库设计中已经介绍，在次就不赘述）。2 使用脚本（javascript）实现系统当前时间的显示、用户登录是的录入信息控制、系统提示。3 通过Application对象实现网站访问两的统计，并通过标签实现访问量的滚动显示。4 通过刷新top.jsp 来提供用户登录后的权限。5 用来出里乱码，尤其时向数据库提交数据时，是非常关键的。5 把数据库的连接文件放在一个文件里，既方便以后的修改，也提高的编码的效率。五 设计总结同过做个留言板，是我对前面学的知识的回顾与总结，同时让我学习软件工程的思想