《《Web指导应用技术课程设计》报告材料》由会员分享，可在线阅读，更多相关《《Web指导应用技术课程设计》报告材料（12页珍藏版）》请在金锄头文库上搜索。
1、word 淮海工学院 计算机工程学院课程设计报告设计名称：Web开发课程设计 选题名称：基于web的留言板程序的开发姓 名：学 号：专业班级：系 院：设计时间：2014.7.4 设计地点： 图书馆、计算机楼计算中心 指导教师评语：成绩： 签名： 年 月 日 / 1课程设计目的Web开发课程设计是计算机软件工程专业的一个综合性实践教学环节，其目的在于促进学生复习和巩固计算机软件设计知识，加深对软件设计方法、软件设计技术和设计思想的理解，并能运用所学软件设计知识和Web工程技术进展综合软件设计，通过本课程设计让学生进展简单Web应用软件系统的开发，掌握软件设计的方法和面向对象程序设计的根本技术，提
2、高学生在软件开发方面的综合应用能力。2课程设计任务与要求：任务：本系统需要实现留言板的主要功能，访客可以留言，系统需要对留言容进展简单的审查并过滤掉其中的敏感词，留言需要在系统管理员审核通过以后才能在前台显示，留言在前台分页显示时应该按照留言的顺序分页显示。系统管理员可以删除留言并设置留言的置顶状态。要求：要求同时使用客户端和服务器端的开发技术。客户端要求遵循结构和显示别离的原如此进展设计与实现；服务器端可以采用JSP或PHP开发技术，并遵循面向对象的开发方法进展问题领域的设计与实现，实现时可以不使用关系型数据库和JDBC技术。每个Web应用程序应该采用合理的文件夹结构进展组织，信息架构应该合
3、理，推荐使用流行的CSS框架如960GS，Blueprint，Bootstrap等简化开发。3课程设计说明书一需求分析 本局部为课题所需实现功能尽可能详细的描述随着互联网的迅猛开展，给我们带来不少便利。与此同时，留言板为用户之间的交流提供的很好的平台。我通过分析和规划，认为本留言板有如下功能：用户留言、留言查看、留言回复和管理员的管理功能。 这些功能的具体描述如下： 1、用户留言模块：这是留言板的主要功能之一，用户把话题发表到留言板上。留言需要经过管理员审核后才能显示，其中系统会禁止提交相关敏感词。 2、查看留言模块：这是留言板的主要功能之一，能够把用户的留言按照顺序逐条分页列出。 3、管理功
4、能模块：这是管理员权限的功能，包括审核留言、删除留言、置顶留言等。二系统分析与设计设计留言板时，首先应该区别是普通用户和管理员。普通用户留言信息应记录留言容。管理员需记录用户名、密码与删除权限等。其中用到的类有：1. MessageVO定义留言属性的一个bean文件，定义了各个字段的get和set方法。 2. DBConn定义了连接ACCESS数据库的方法，可以通过调用此方法访问数据库。 3. MessageBean 用来进展留言管理的bean，定义了添加留言，获取留言数据，以与删除留言的方法。 4. adminInfo 定义了管理员字段adminName,adminPwd的set和get方法
5、。并定义了一个判断是否是管理员的方法judgeAdmin()。 5. monBean 定义了一些常用的方法，比如中文字体处理解决乱码问题，数据库数据转换为HTML格式显示的方法等。 三详细设计数据库设计：通过以上的分析，数据库应含有2个表：admin和lyb。具体设计如下：页面设计：本程序含有4个板块，分别是：首页，添加留言，使用说明，实现方法。如图：用户类型：本程序的用户有：分为普通用户和管理员两类。普通访客：普通用户可以在留言板中进展留言，留言包括：，,主题，留言等。管理员：管理员查看留言信息查找访客留言信息删除访客留言信息管理员登陆开始普通用户管理员用户开始普通用户连接access数据库
6、完毕查看留言流程图开始普通用户来添加留言内容同时存储在数据库中完毕用户添加留言图开始管理员连接数据库的存储完毕管理员删除留言流程图四编码实现和测试实现方法：javascript脚本 :用来检查表单数据是否为空。 /用于管理员登陆的验证 function check() var adminName=document.getElementById(adminName).value; var adminPwd=document.getElementById(adminPwd).value; if(adminName= | adminPwd=) alert(用户名、密码不能为空!) document.
7、getElementById(adminName).focus(); return false; /用于添加留言时的验证 function addCheck() var name=document.getElementById(name).value; var title=document.getElementById(title).value; var email=document.getElementById(email).value; var content=document.getElementById(content).value; if(name=) alert(容都不能为空!)
8、document.getElementById(name).focus(); return false; if(email=) alert(不能为空!) document.getElementById(email).focus(); return false; if(title=) alert(主题都不能为空!) document.getElementById(title).focus(); return false; if(content=) alert(容不能为空!) document.getElementById(content).focus(); return false; /验证em
9、ail格式 if(!/(S)+1(S)+.1(w)+/.test(email) alert(请输入格式正确的 地址！); var e = document.getElementById ( email ); /e.value = ; e.focus (); return false; 管理员登陆功能： 管理员入口 用户名： 密码： 管理员删除留言功能：function check()var adminName=document.getElementById(adminName).value;var adminPwd=document.getElementById(adminPwd).value;if(adminName= | adminPwd=) alert(用户名、密码不能为空!) document.getElementById(adminName).focus(); return false; % String LybAdmin = (String)session.getAttribute(LybAdmin
