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

浙江工商大学计算机与信息工程学院 WEB 技术课程设计报告 课程名称： 项目名称： 班 级： 学 号： 姓 名： 2011 年 1 月 WEB 技术课程设计报告 电子商务专业 1 课程设计任务书 课程设计项目 设计起讫时间： 2011 年 1 月 10 日 2011 年 1 月 14 日 设计目的和要求： 设计目的和要求： 本小组要完成的任务由 四人共同开放完成一个留言板。系统具有以下功能： 前台：写入留言、留言列表、查看留言 后台：管理员登录/注销、查看留言、搜索留言、删除留言、回复留言 设计主要内容（含使用的工具语言、环境要求等）： 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 的一个子项目，所以 Tomcat 对 Apache 提供了强有力的支持。 4：Dreamweaver: JSP 和 html 编写工具。 通过“控制面板”中的“管理工具”中的“数据源（ODBC） ”，配置 Microsoft Office Access 的数据源 WEB 技术课程设计报告 电子商务专业 2 2011 年 1 月14日 WEB 技术课程设计报告 电子商务专业 3 目录 1 功能分析 .2 2 数据库表设计 .2 3 功能实现 .2 4 个人总结 .2 WEB 技术课程设计报告 电子商务专业 4 1 功能分析 留言簿 前台：进去欢迎页， 发表留言、人员注册登记 留言列表、查看留言 QQ 在线/离线状态交流 退出留言板 后台： 管理员登录/注销 删除留言、回复留言 根据名字搜索留言 程序部完成功能及截图如下： 以下模块为 XXX 设计编写： 前台 1，进去欢迎页： 2，写入留言 注册登记： WEB 技术课程设计报告 电子商务专业 5 3，留言列表 模块： 4，QQ 在线/离线状态： 5，退出留言薄、再见页面: WEB 技术课程设计报告 电子商务专业 6 后台： 1，管理员登录 2，管理员删除留言、回复留言 3，根据姓名搜索留言 WEB 技术课程设计报告 电子商务专业 7 2 数据库表设计 数据库名称：message 数据源名称：message UID=root 数据表 1：admin 含义：numb:管理员编号 Name:管理员名称 Pass：管理员密码 主键（name,pass） 数据包 2：user 含义：numb:用户编号 username:用户名称 mail：用户 email 地址 WEB 技术课程设计报告 电子商务专业 8 qq:用户 qq 号码 web：用户个人主页 mdn：用户留言 rem：管理员回复 images：用户头像 主键：（numb） 3 功能实现 （介绍部分关键代码介绍如何实现相应的功能点） 3.1 写入留言代码 add.jsp function check() if (document.form.username.value=|document.form.contents.value=) alert(用户名或留言没有正确填写！); return false; ; function openit() window.open(face.jsp, 图片列表, height=300,width=500,toolbar=no,scrollbars=yes); 查看留言 发表留言(有*号的必填) 你的姓名： WEB 技术课程设计报告 电子商务专业 10 * Email 地址： QQ 号码： 选择头像： WEB 技术课程设计报告 电子商务专业 11 %for (int i=1;i option value=image.gifimage * 点击查看图片列表 留言内容： * WEB 技术课程设计报告 电子商务专业 12 图 1 其中主要的功能是设置一些 text 等对话框。而其中的每一个选框（空白部分的 内容） ，都有一定的属性要求，而其中每一个的要求都是一个判断，要求每一个 内容满足后台的要求实现。 3.2 留言列表 、查看留言 index.jsp % /设置上下翻页; int allcount; /所有的记录数; int showpage; /显示第几页数; int beginpage=1; /开始的页数; int allpage; /总共的页数; int showrow=6; /每页显示记录数; int temp=1; /取得记录总数; rs.last(); allcount=rs.getRow(); WEB 技术课程设计报告 电子商务专业 13 /得到 url 参数 String row=null; row=request.getParameter(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=images/ a href=del.jsp?id=删除|a href=reply.jsp?id=回 复 a href=http:/ WEB 技术课程设计报告 电子商务专业 15 a href=mailto: 回复： WEB 技术课程设计报告 电子商务专业 16 发表时间： %while(rs.next()管理员名称： 管理员密码： WEB 技术课程设计报告 电子商务专业 18 管理员登录和注销主要是后台的数据库的作用比较大，需要对数据库信息进行 比较，在进行反映到网页当中。 3.4 搜索留言 search .jsp alert(查无此人！); self.location=index.jsp; 留言簿 WEB 技术课程设计报告 电子商务专业 20 |我要 留言|管理员入口| 退出管理|查看留言 姓名： |退 出留言簿| % /设置上下翻页; int allcount; /所有的记录数; int showpage; /显示第几页数; int beginpage=1; /开始的页数; int allpage; /总共的页数; int showrow=6; /每页显示记录数; int temp=1; /取得记录总数; rs.last(); WEB 技术课程设计报告 电子商务专业 21 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%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 href=reply.jsp?id=回复 WEB 技术课程设计报告 电子商务专业 23 a href=http:/ a href=http:/ href=mailto: 回复： WEB 技术课程设计报告 电子商务专业 24 发表时间： %while(rs.next() window.location=index.jsp; 删除功能，主要是用页面的按键来实现一个数据库中的数据。 3.6 回复留言 reply.jsp 管理员回复 function check() if(document.form.reply.value=) alert(用户名或留言没有正确填写！); return false; ; 回复留言主要的主要实现其中主要是回复是管理员的一个特定是功能。只有管 理员对留言板中的信息进行回复。 4 个人总结 （本次课程设计的小结，如自己的一些感想、团队合作的感受、遇到的开发难点及解决办 法、功能有何缺陷及如何去进一步完善的途径等） 这次 web 编程技术做留言板，是我对前面学的知识的回顾与总结，同时让我学习 web 编程 WEB 技术课程设计报告 电子商务专业 28 的思想。在设计中也出现了许多的问题，比如向数据库提交数据时，显示错误或者异常 (The ResultSet is closed ，还有插入的数据与数据库表中的字段不符等，其中的编程部分也 出现了语法，算法等方面的错误)，通过同组同学们的努力，再加上自己查询资料都将那些 问题给予解决，自己真是非常高兴。更重要的是让我知道自己在那方面的不足，为自己的 今后学习指明了方向，希望以后能有更多这样的机会。 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