《《WEB技术》课程设计报告留言板.doc》由会员分享，可在线阅读，更多相关《《WEB技术》课程设计报告留言板.doc（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 本身就是 Apach
3、e 的一个子项目，所以 Tomcat 对 Apache 提供了强有力的支持。 4：Dreamweaver: JSP 和 html 编写工具。 通过“控制面板”中的“管理工具”中的“数据源（ODBC） ” ，配置 Microsoft Office Access 的数据源 2011 年 1 月14日 目录目录 1 功能分析功能分析.2 2 数据库表设计数据库表设计.2 3 功能实现功能实现.2 4 个人总结个人总结.2 1 功能分析功能分析 留言簿留言簿 前台：进去欢迎页，前台：进去欢迎页， 发表留言、人员注册登记发表留言、人员注册登记 留言列表、查看留言留言列表、查看留言 QQ 在线在线/离线状
4、态交流离线状态交流 退出留言板退出留言板 后台：后台： 管理员登录管理员登录/注销注销 删除留言、回复留言删除留言、回复留言 根据名字搜索留言根据名字搜索留言 程序部完成功能及截图如下： 以下模块为 XXX 设计编写： 前台前台 1，进去欢迎页： 2，写入留言 注册登记： 3，留言列表 模块： 4，QQ 在线/离线状态： 5，退出留言薄、再见页面: 后台后台： 1，管理员登录 2，管理员删除留言、回复留言 3，根据姓名搜索留言 2 数据库表设计数据库表设计 数据库名称：message 数据源名称：message UID=root 数据表 1：admin 含义：numb:管理员编号 Name:管
5、理员名称 Pass：管理员密码 主键（name,pass） 数据包 2：user 含义：numb:用户编号 username:用户名称 mail：用户 email 地址 qq:用户 qq 号码 web：用户个人主页 mdn：用户留言 rem：管理员回复 images：用户头像 主键：（numb） 3 功能实现功能实现 （介绍部分关键代码介绍如何实现相应的功能点） 3.1 写入留言代码 add.jsp function check() if (document.form.username.value=|document.form.contents.value=) alert(用户名或留言没有正确
6、填写！); return false; ; function openit() window.open(face.jsp, 图片列表, 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(row!=null)
8、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/ a href=del.jsp?id=删除|a
9、 href=reply.jsp?id=回 复 a href=http:/ a href=mailto: 回复： 发表时间： %while(rs.next()管理员名称： 管理员密码： 管理员登录和注销主要是后台的数据库的作用比较大，需要对数据库信息进行 比较，在进行反映到网页当中。 3.4 搜索留言 search .jsp alert(查无此人！); self.location=index.jsp; 留言簿 |我要 留言|管理员入口| 退出管理|查看留言 姓名： |退 出留言簿| % /设置上下翻页; int allcount; /所有的记录数; int showpage; /显示第几页数;
10、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(row!=null) beginpage=Integer.parseInt(row); showpage=beginpage; /计算页数 allpage=allcount/showrow+1; if (allcount%sho
11、wrow=0) allpage=allpage-1; /判断合法性; if(beginpageallpage) beginpage=1; /开始页数; if (beginpage!=1) beginpage=(beginpage-1)*showrow+1; rs.absolute(beginpage); % 姓名: img src=images/ a href=del.jsp?id=删除|a href=reply.jsp?id=回复 a href=http:/ a href= href=mailto: 回复： 发表时间： %while(rs.next() window.location=ind
12、ex.jsp; 删除功能，主要是用页面的按键来实现一个数据库中的数据。 3.6 回复留言 reply.jsp 管理员回复 function check() if(document.form.reply.value=) alert(用户名或留言没有正确填写！); return false; ; 回复留言主要的主要实现其中主要是回复是管理员的一个特定是功能。只有管 理员对留言板中的信息进行回复。 4 个人总结个人总结 （本次课程设计的小结，如自己的一些感想、团队合作的感受、遇到的开发难点及解决办 法、功能有何缺陷及如何去进一步完善的途径等） 这次 web 编程技术做留言板，是我对前面学的知识的回顾与总结，同时让我学习 web 编程 的思想。在设计中也出现了许多的问题，比如向数据库提交数据时，显示错误或者异常 (The ResultSet is closed ，还有插入的数据与数据库表中的字段不符等，其中的编程部分也 出现了语法，算法等方面的错误)，通过同组同学们的努力，再加上自己查询资料都将那些 问题给予解决，自己真是非常高兴。更重要的是让我知道自己在那方面的不足，为自己的 今后学习指明了方向，希望以后能有更多这样的机会。