WEB技术课程设计报告留言板

《WEB技术课程设计报告留言板》由会员分享，可在线阅读，更多相关《WEB技术课程设计报告留言板（29页珍藏版）》请在装配图网上搜索。

1、浙江工商大学计算机与信息工程学浙江工商大学计算机与信息工程学院院WEBWEB 技术技术课程设计报告课程设计报告课程名称：课程名称： 项目名称：项目名称： 班班 级：级： 学学 号：号： 姓姓 名：名： 20112011 年年 1 1 月月课程设计任务书课程设计任务书课程设计项目课程设计项目设计起讫时间： 2011 年 1 月 10 日 2011 年 1 月 14 日 设计目的和要求：设计目的和要求：设计目的和要求：本小组要完成的任务由四人共同开放完成一个留言板。系统具有以下功能：前台：写入留言、留言列表、查看留言后台：管理员登录/注销、查看留言、搜索留言、删除留言、回复留言设计主要内容（含使用

2、的工具语言、环境要求等）：设计主要内容（含使用的工具语言、环境要求等）：1、jdk1.5.0_09：Java2 的软件开发工具，是 Java 应用程序的基础。JSP 是基于 Java技术的，所以配置 JSP 环境之前必须要安装 J2SDK。 2、 Apache 服务器：Apache 组织开发的一种常用 Web 服务器，提供 Web 服务。 3、apache-tomcat-5.5.20：Apache 组织开发的一种 JSP 引擎，本身具有 Web 服务器的功能，可以作为独立的 Web 服务器来使用。但是，在作为 Web 服务器方面， Tomcat本身就是 Apache 的一个子项目，所以 Tom

3、cat 对 Apache 提供了强有力的支持。4：Dreamweaver: JSP 和 html 编写工具。通过“控制面板”中的“管理工具”中的“数据源（ODBC） ” ，配置 Microsoft Office Access 的数据源 2011 年 1 月14日目录目录1 功能分析功能分析.22 数据库表设计数据库表设计.23 功能实现功能实现.24 个人总结个人总结.21 功能分析功能分析留言簿留言簿前台：进去欢迎页，前台：进去欢迎页，发表留言、人员注册登记发表留言、人员注册登记留言列表、查看留言留言列表、查看留言QQ 在线在线/离线状态交流离线状态交流退出留言板退出留言板后台：后台： 管理

4、员登录管理员登录/注销注销删除留言、回复留言删除留言、回复留言根据名字搜索留言根据名字搜索留言程序部完成功能及截图如下：以下模块为 XXX 设计编写：前台前台 1，进去欢迎页：2，写入留言 注册登记：3，留言列表 模块：4，QQ 在线/离线状态： 5，退出留言薄、再见页面:后台后台：1，管理员登录2，管理员删除留言、回复留言3，根据姓名搜索留言2 数据库表设计数据库表设计数据库名称：message数据源名称：messageUID=root数据表 1：admin含义：numb:管理员编号Name:管理员名称Pass：管理员密码主键（name,pass）数据包 2：user含义：numb:用户编号

5、 username:用户名称 mail：用户 email 地址 qq:用户 qq 号码 web：用户个人主页 mdn：用户留言rem：管理员回复images：用户头像主键：（numb） 3 功能实现功能实现（介绍部分关键代码介绍如何实现相应的功能点）3.1 写入留言代码 add.jspfunction check()if (document.form.username.value=|document.form.contents.value=)alert(用户名或留言没有正确填写！);return false;function openit()window.open(face.jsp, 图片列表

6、, height=300,width=500,toolbar=no,scrollbars=yes);     查看留言 发表留言(有*号的必填) 你的姓名：    * Email 地址：    QQ 号码：    选择头像：    %for (int i=1;i option value=image.gifimage *   点击查看图片列表  留言内容：    * 图 1其中主要的功能是设置一些 text 等对话框。而其中的每一个选框（空白部分的内容）

7、，都有一定的属性要求，而其中每一个的要求都是一个判断，要求每一个内容满足后台的要求实现。3.2留言列表 、查看留言 index.jsp% /设置上下翻页;int allcount; /所有的记录数;int showpage; /显示第几页数;int beginpage=1; /开始的页数;int allpage; /总共的页数;int showrow=6; /每页显示记录数;int temp=1;/取得记录总数;rs.last();allcount=rs.getRow();/得到 url 参数String row=null; row=request.getParameter(id);if(ro

8、w!=null)beginpage=Integer.parseInt(row);showpage=beginpage;/计算页数allpage=allcount/showrow+1;if (allcount%showrow=0)allpage=allpage-1;/判断合法性;if(beginpageallpage)beginpage=1;/开始页数;if (beginpage!=1)beginpage=(beginpage-1)*showrow+1;rs.absolute(beginpage); %    姓名:  img src=images/  

9、 a href=del.jsp?id=删除|a href=reply.jsp?id=回复   a href=http:/  a href=mailto:   回复：   发表时间： %while(rs.next()&temp 共有留言页 条每页显示条 1) % 首页 a href=index.jsp?id=上一页 首页 上一页 下一页 尾页 a href=index.jsp?id=下一页 a href=index.jsp?id=尾页 留言板列表其中的表现主要重点和难点主要是在实现把数据库中的一些内容等什么东西，反映到网页中，而对与页面

10、的大小，数据量，数据的规格等。每一个有显示几个记录；所有的记录数，页码数等等都需要对数据库里面是数据进行计算，才反映到页面当中。其中的浏览列表中的 QQ 状态等是事实体现，其中的每一个的信息和游客直接相关。3.3管理员登录和注销 admin.jsp 管理员登陆  管理员名称：    管理员密码：   管理员登录和注销主要是后台的数据库的作用比较大，需要对数据库信息进行比较，在进行反映到网页当中。3.4 搜索留言 search .jspalert(查无此人！);self.location=index.jsp; 留言簿  | 我要留言&n

11、bsp;| 管理员入口 |  退出管理 | 查看留言 姓名：   | 退出留言簿 | % /设置上下翻页;int allcount; /所有的记录数;int showpage; /显示第几页数;int beginpage=1; /开始的页数;int allpage; /总共的页数;int showrow=6; /每页显示记录数;int temp=1;/取得记录总数;rs.last();allcount=rs.getRow();/得到 url 参数String row=null; row=request.getPar

12、ameter(id);if(row!=null)beginpage=Integer.parseInt(row);showpage=beginpage;/计算页数allpage=allcount/showrow+1;if (allcount%showrow=0)allpage=allpage-1;/判断合法性;if(beginpageallpage)beginpage=1;/开始页数;if (beginpage!=1)beginpage=(beginpage-1)*showrow+1;rs.absolute(beginpage);%    姓名:  img src=

13、images/    a href=del.jsp?id=删除|a href=reply.jsp?id=回复   a href=http:/  a href=http:/ href=mailto:   回复：   发表时间： %while(rs.next()&temp 共有留言页 条每页显示条 1) % 首页 a href=index.jsp?id=上一页 首页 上一页 下一页 尾页 a href=index.jsp?id=下一页 a href=index.jsp?id=尾页 搜索页面的主要实现在与对原有的数据库和先输入的信

14、息进行比较，最后作出反应。在返回到原有的显示页面当中，进一步用原有的页面中，数据传递过去之后显示页面。3.5 删除留言 del.jspalert(删除成功！);window.location=index.jsp;删除功能，主要是用页面的按键来实现一个数据库中的数据。3.6 回复留言 reply.jsp管理员回复function check()if(document.form.reply.value=)alert(用户名或留言没有正确填写！);return false;   回复留言主要的主要实现其中主要是回复是管理员的一个特定是功能。只有管理员对留言板中的信息进行回复。4

15、个人总结个人总结（本次课程设计的小结，如自己的一些感想、团队合作的感受、遇到的开发难点及解决办法、功能有何缺陷及如何去进一步完善的途径等）这次 web 编程技术做留言板，是我对前面学的知识的回顾与总结，同时让我学习 web 编程的思想。在设计中也出现了许多的问题，比如向数据库提交数据时，显示错误或者异常(The ResultSet is closed ，还有插入的数据与数据库表中的字段不符等，其中的编程部分也出现了语法，算法等方面的错误)，通过同组同学们的努力，再加上自己查询资料都将那些问题给予解决，自己真是非常高兴。更重要的是让我知道自己在那方面的不足，为自己的今后学习指明了方向，希望以后能有更多这样的机会。