基于web的留言板程序的开发

1、 淮海工学院 计算机工程学院课程设计报告设计名称： Web开发课程设计 选题名称： 基于web的留言板程序的开发 姓 名： 学 号： 专业班级： 系 （院）： 设计时间： 2014.6.232014.7.4 设计地点： 图书馆、计算机楼计算中心 指导教师评语：成绩： 签名： 年 月 日Web开发课程设计报告 第 12 页，共 12 页1课程设计目的Web开发课程设计是计算机软件工程专业的一个综合性实践教学环节，其目的在于促进学生复习和巩固计算机软件设计知识，加深对软件设计方法、软件设计技术和设计思想的理解，并能运用所学软件设计知识和Web工程技术进行综合软件设计，通过本课程设计让学生进行简单W

2、eb应用软件系统的开发，掌握软件设计的方法和面向对象程序设计的基本技术，提高学生在软件开发方面的综合应用能力。2课程设计任务与要求：任务：本系统需要实现留言板的主要功能，访客可以留言，系统需要对留言内容进行简单的审查并过滤掉其中的敏感词，留言需要在系统管理员审核通过以后才能在前台显示，留言在前台分页显示时应该按照留言的顺序分页显示。系统管理员可以删除留言并设置留言的置顶状态。要求：要求同时使用客户端和服务器端的开发技术。客户端要求遵循结构和显示分离的原则进行设计与实现；服务器端可以采用JSP或PHP开发技术，并遵循面向对象的开发方法进行问题领域的设计与实现，实现时可以不使用关系型数据库和JDB

3、C技术。每个Web应用程序应该采用合理的文件夹结构进行组织，信息架构应该合理，推荐使用流行的CSS框架（如960GS，Blueprint，Bootstrap等）简化开发。3课程设计说明书（一）需求分析 本部分为课题所需实现功能尽可能详细的描述随着互联网的迅猛发展，网站给我们带来不少便利。与此同时，留言板为用户之间的交流提供的很好的平台。我通过分析和规划，认为本留言板有如下功能：用户留言、留言查看、留言回复和管理员的管理功能。 这些功能的具体描述如下： 1、用户留言模块：这是留言板的主要功能之一，用户把话题发表到留言板上。留言需要经过管理员审核后才能显示，其中系统会禁止提交相关敏感词。 2、查看

4、留言模块：这是留言板的主要功能之一，能够把用户的留言按照顺序逐条分页列出。 3、管理功能模块：这是管理员权限的功能，包括审核留言、删除留言、置顶留言等。（二）系统分析与设计设计留言板时，首先应该区别是普通用户和管理员。普通用户留言信息应记录留言内容。管理员需记录用户名、密码及删除权限等。其中用到的类有：1. MessageVO定义留言属性的一个bean文件，定义了各个字段的get和set方法。 2. DBConn定义了连接ACCESS数据库的方法，可以通过调用此方法访问数据库。 3. MessageBean 用来进行留言管理的bean，定义了添加留言，获取留言数据，以及删除留言的方法。 4.

5、adminInfo 定义了管理员字段（adminName,adminPwd）的set和get方法。并定义了一个判断是否是管理员的方法judgeAdmin()。 5. commonBean 定义了一些常用的方法，比如中文字体处理（解决乱码问题），数据库数据转换为HTML格式显示的方法等。 （三）详细设计数据库设计：通过以上的分析，数据库应含有2个表：admin和lyb。具体设计如下：页面设计：本程序含有4个板块，分别是：首页，添加留言，使用说明，实现方法。如图：用户类型：本程序的用户有：分为普通用户和管理员两类。普通访客：普通用户可以在留言板中进行留言，留言包括：姓名，E-mail,主题，留言等

6、。管理员：管理员查看留言信息查找访客留言信息删除访客留言信息管理员登陆开始addMessage.jspindex.jspadmin_login.jsp普通用户save.jsp管理员admin-main.jspadmin_login_ok.jspadmin-msg-del.jsp用户admin-judge.jspadmin_logout.jsp开始普通用户调用index.jsp文件直接查看连接access数据库结束查看留言流程图开始普通用户使用addMessage.jsp来添加留言内容同时存储在数据库中结束用户添加留言图开始管理员连接数据库的存储admin-main.jspadmin-judge

7、.jspadmin_login.jspadmin_login_ok.jspadmin-msg-del.jsp结束管理员删除留言流程图（四）编码实现和测试实现方法：javascript脚本 :用来检查表单数据是否为空。 <script> /用于管理员登陆的验证 function check() var adminName=document.getElementById("adminName").value; var adminPwd=document.getElementById("adminPwd").value; if(adminName=

8、"" | adminPwd="") alert("用户名、密码不能为空!") document.getElementById("adminName").focus(); return false; /用于添加留言时的验证 function addCheck() var name=document.getElementById("name").value; var title=document.getElementById("title").value; var email=d

9、ocument.getElementById("email").value; var content=document.getElementById("content").value; if(name="") alert("姓名容都不能为空!") document.getElementById("name").focus(); return false; if(email="") alert("E-mail不能为空!") document.getEleme

10、ntById("email").focus(); return false; if(title="") alert("主题都不能为空!") document.getElementById("title").focus(); return false; if(content="") alert("内容不能为空!") document.getElementById("content").focus(); return false; /验证email格式 if(

11、!/(S)+1(S)+.1(w)+/.test(email) alert("请输入格式正确的 e-mail 地址！"); var e = document.getElementById ( "email" ); /e.value = "" e.focus (); return false; </script>管理员登陆功能：<table border="0" cellspacing="0" cellpadding="0" width="230&qu

12、ot;> <form name="form1" id="form1" action="admin_login.jsp" method="post" onSubmit="javascript: return check()"> <tr> <td width="15">&nbsp;</td> <td width="200" colspan="2" align="c

13、enter" class="bodyText" style="border-bottom:#000066 solid 1px">管理员入口</td> <td width="15">&nbsp;</td> </tr> <tr> <td rowspan="2">&nbsp;</td> <td align="left" class="bodyText">用

14、户名： <input type="text" name="adminName" id="adminName" /> </td> <td width="50" rowspan="2" align="center" class="bodyText"><input type="submit" name="submit" id="submit" value=&qu

15、ot;提交" class="submit1" /> </td> <td rowspan="2">&nbsp;</td> </tr> <tr> <td align="left" class="bodyText">密码： <input type="text" name="adminPwd" id="adminPwd" /> <input type=

16、"hidden" name="checkAdmin" id="checkAdmin" value="yes"/> </td> </tr> <tr> <td><img src="images/dot.gif" /></td> <td height="5" colspan="2" align="center" valign="bottom"

17、; class="smallText" id="padding3" style="border-top:#000066 solid 1px"><img src="images/dot.gif" width="1" height="1" /></td> <td><img src="images/dot.gif" /></td> </tr> </form></tab

18、le>管理员删除留言功能：function check()var adminName=document.getElementById("adminName").value;var adminPwd=document.getElementById("adminPwd").value;if(adminName="" | adminPwd="") alert("用户名、密码不能为空!") document.getElementById("adminName").focus()

19、; return false; <% page contentType="text/html; charset=utf-8" language="java" import="java.sql.*,com.web.*,java.util.*" errorPage="" %><% String LybAdmin = (String)session.getAttribute("LybAdmin");if(LybAdmin=null) LybAdmin=""if (LybAdmin.equals("") response.sendRedirect("index.jsp");return;int id = Integer.parseInt(request.getParameter("id");tryMessageBean m=new MessageBean();m.deleteMessage(id);catch(Exception e)