web课设在线投票系统
淮海工学院 计算机工程学院 课程设计报告 设计名称: Web开发课程设计 姓 名:学 号: 专业班级: 系(院):计算机工程学院 设计时间:2015.5.11——2015.5.29 设计地点: 图书馆、计算机楼计算中心 成绩: 指导教师评语: 签名: 1. 课程设计目的 Web开发课程设计是计算机软件工程专业的一个综合性实践教学环节,其目的在于促 进学生复习和巩固计算机软件设计知识,加深对软件设计方法、软件设计技术和设计思 想的理解,并能运用所学软件设计知识和Web工程技术进行综合软件设计,通过本课程 设计让学生进行简单Web应用软件系统的开发,掌握软件设计的方法和面向对象程序设 计的基本技术,提高学生在软件开发方面的综合应用能力。 2. 课程设计任务与要求: 任务: 参考课程设计指导书,根据选择的题目填写(即每个题目的具体要求部分) 要求: 要求同时使用客户端和服务器端的开发技术。客户端要求遵循结构和显示分离的原 则进行设计与实现;服务器端可以采用JSP或PHP开发技术,并遵循面向对象的开发方 法进行问题领域的设计与实现,实现时可以不使用关系型数据库和JDBC技术。每个Web 应用程序应该采用合理的文件夹结构进行组织,信息架构应该合理,推荐使用流行的CSS 框架(如 960GS, Blueprint, Bootstrap 等)简化开发。 3. 课程设计说明书 (一)需求分析 随着科学技术的不断提高,计算机科学日渐成熟,互联网技术的不断发展和普及, 众多高校,科研机构及个人从理论与实践两个方面进行了大量的研究与开发工作,涌现 出了很多在线投票系统,对学院、企业的管理起到了很好的作用。总之投票系统概括起 来就是要通过科学的管理手段和专业化管理技术来实现统一。 本系统是一个简单的投票系统,主要是为用户提供一个方便易用的投票界面,投票 选项的功能。 投票系统主要需要实现以下一些基本功能: ① 注册用户:用户可以通过首页的链接进行注册。 ② 用户的登陆:用户注册完后可以根据首页的链接进行登陆。 ③ 选择投票项目:用户在投票系统的首页上,可以通过投票页面的提示对自己 感兴趣的投票项目进行投票。 ④ 投票:用户选择好自己的感兴趣的项目后,点击选项前面的单选按钮进行投 票,然后提交。 ⑤ 管理员登陆:用户根据合法的用户名和密码即可登陆到后台管理页面进行修 改、删除、增加投票项目等。 (二)系统分析与设计 在线投票系统中需要11个页面: (1)投票系统主界面;(2)用户注册页面;(3)用户注册成功页面;(4)用户登录成功 页面;(5)用户投票主页面;(6)用户投票项目页面;(7)用户邮票成功页面;(8)管理员 登录页面;(9)管理员登录成功页面;(10)管理员发布投票页面;(11)管理员发布投票成 功页面。 本系统中共有四个 Java 文件,分别为 User, java、UserManager. java、Poll, java、 PollManager. javaoUser. java>UserManager. java是用来用户登录设置的,而Poll, java、 PollManager. java是投票环节中设置默认投票主题和选项的。 图1:投票系统的主流程图 (三)详细设计 (1)注册新用户的主要功能描述: 登录首页后,点击注册新用户可进行注册,注册新用户中包含着文本框表单 元素。内容包括:用户名,密码,确认密码,用户姓名,邮箱。点击注册链接到首页, 以便于新用户的登录。 图2:注册新用户流程图 图3:管理员页面流程图 (2)管理员界面的主要功能实现描述: 管理员登录的用户名和密码都是硬性设置的,因为管理员无需注册。管理员登录 负责增添新的投票主题,然后将它增添到pollManager. java中,使得新增添的投票主题 显示在投票界面,可供用户选择。 (3)投票环节界面的主要功能实现描述: 投票环节结合JSP语言,Java文件Poll, java和PollManager. java中输入默认的两 个投票主题,这样用户进入投票环节则会有可供选择的项目。如果管理员有发布新的主 题,那么用户则会有更多的选择。利用提交按钮可以将用户投票的内容暂时存放的虚拟 内存中,然后利用超链接转至投票界面,可选择其它的投票主题进行投票,也可选择退 图4:投票环节流程图 (四) 编码实现和测试 (1)用户登录的代码实现及测试结果: login. jsp User Login body { margin-top: 5%; text-align:center; background-image: url(images/1. jpg); } hl (color:blue;) a{ color:#006600; text-decoration: none; border-bottom:2px dotted #ff00ff; } 在线投票系统密 码:〈/p> 管理员登录 < name二 cs type= reset class= button id= cs vaiue= M S / 1 nl 妲.Wi-r |(5 http://localhost-8080/jsptut,念 Q ▼ § 0 X {jlj1舫1 因 User Login 在线投票系统 注册新用户 T~ 用户登录 用户名: 密码: 萱理员鞋