当前位置:文档之家› 在线投票系统详细设计说明书

在线投票系统详细设计说明书

第1部分概述在线投票系统主要用来统计网站用户对某个主题或热门话题的意见。

决策者通过这些统计数据做出相应的决策。

在线投票系统是一般网站必备的程序之一,如果网站开发者想了解用户对该网站的意见和建议。

他可以设计这样一个投票主题:你认为该网站如何?(A.很好B.一般C.不好)然后提供给用户进行投票。

我的投票系统具有极大的灵活性,投票类型分为单选投票和多选投票。

管理员可以在线设计不同的投票主题供用户进行投票。

对于该设计报告还有什么不当之处请见谅,同时也希望你能多提宝贵意见。

我会认真参考您的意见,修改和完善该系统。

术语列表:JSP:(Java Server Pages),JSP是一种基于Java的技术,用来产生跨平台和跨Web 服务器的动态页面。

JDBC:(Java DataBase Connectivity),Java数据库连接。

它主要是一套让你访问数据库的API,程序人员可以利用JDBC API来执行SQL语句。

Servlet: Servlet可以称之为“服务器小程序”,与Java application不同,它没有main方法,而是用一些特定的方法用于启动、执行和退出。

通过使用Servlet,可以与运行与客户端的Applet进行交互,也可以直接与HTML页进行交互。

JavaBeans: JavaBeans是可复用的平台中立的软件组件,可以在软件开发工具中被直观地操作。

应用程序开发者可以通过支持JavaBeans的开发工具,直接使用现成的JavaBeans,也可以在开发工具容器中,对组件进行必要的修改、测试而不必编写和编译程序。

在Java 模型中,组件可以修改或与其他组件组合以生成新组件或完整的应用程序。

HTML:(Hypertext Markup Language)超文本标记语言,它是组织多媒体文档的重要语言,它不仅用来编写Web网页,而且可以使用它来制作光盘上的多媒体节目。

HTML可用来编排文档、创建列表、建立链接等等。

XML:(eXtensible Markup Language)可扩展标记语言,它是一种具有数据描述功能(Meta-language)、高度结构性及可验证性的语言。

SQL:(Structured Query Language),结构化查询语言。

SQL语言地任务就是与各种数据库建立关系,SQL语言是关系型数据库的标准语言,大多数关系型数据库管理系统都支持SQL语言并采用了SQL的语言标准。

MySQL:MySQL是一个可用于各种流行操作系统平台的关系数据库系统,它具有客户机/服务器体系结构的分布式数据库管理系统。

按照使用又可以分为DML(Data Manipulation Language),即数据操作语言和DDL(Data Definition Language)。

第2部分分析部分2.1.功能需求通过对用户的需求调查分析,可以概括出用户的功能需求如下:单选投票、多选投票、查看投票、投票设计。

◆单选投票:用户只能从多个选项中选取一项进行投票。

◆多选投票:用户可以从多个选项中选取多项进行投票。

◆查看投票:提供用户查看当前投票情况,投票结果以条形图显示。

◆投票设计:管理员可以设计不同的投票主题,及投票主题的内容供用户进行投票。

投票设计又包括以下功能需求:增加主题、删除主题、查看主题、修改主题。

第3部分系统设计3.1.功能模块设计通过对功能需求进行分析和概括得到如图所示的系统功能模块图:该系统的数据库采用MySQL,根据投票系统功能设计的要求,可以列出以下数据项和数据结构:投票表:存放投票信息,数据项包括:序号、标识、选项类型、投票主题、投票选项内容、得票数。

第4部分系统开发4.1.数据库4.1.1.创建数据库CREATE DATABASE db70019618;4.1.2.创建表创建数据库中用到的投票表:CREATE TABLE vote(id INT NOT NULL AUTO_INCREMENT,flag int,optType int,question CHAR(255),optContent CHAR(255),number INT,PRIMARY KEY(id),);数据库创建后的结构图如下:该系统使用了MySQL的JDBC驱动程序来连接数据库。

因为对数据库的访问,在整个系统中比较频繁,所以我将对数据库的操作写成一个DBConnect的类,通过该类来连接数据库和访问数据库。

//部分代码如下public DBConnect() {try {//加载数据库驱动程序Class.forName(sDBDriver);//建立连接conn = DriverManager.getConnection(sConnStr);}catch (Exception e) {System.out.println("DBConnect():" + e.getMessage());}}4.2.功能的实现投票流程图:该流程图已经包含了在线投票系统的制作的主要方法。

下面的工作实际上就是按照该流程图,写出具体的代码。

在附录2 设计代码中有我开发的代码,并附有注释。

所以在这里我就不展开介绍每一个功能的开发过程。

4.3.问题及解决这部分应该写在开发中遇到了哪些问题,如何解决等。

第5部分运行部分5.1.系统的安装该系统我在j2sdk1.4.1_01+resin-2.1.9+MySQL-4.0.12-nt环境下测试通过:安装步骤:该系统需要JSP运行环境和MySQL数据库,如果服务器还没有搭建的话请先搭建。

1.把vote、WEB-INF(vote文件夹存放的是.jsp文件,WEB-INF存放的是该系统使用到的一些.class文件)文件夹上传到你的主机目录。

2.修改DBConnect.java里连接MySQL数据库的IP、用户名和密码为你自己的IP,user, password修改编译之后放到WEB-INF\classes\目录下面。

3.请创建数据库db70019517,然后使用mysql db70019517<vote.sql脚本创建该数据库使用到的表。

(脚本存放的路径vote\vote.sql)4.然后在浏览器输入URL:(例如这是我的运行方法:http://127.0.0.1:8080/vote/index.jsp)。

5.2.系统的使用为了直观,在这里我将主要通过程序运行截图来介绍该投票系统的使用。

☞在浏览器地址栏里输入在线投票系统的URL后,将进入在线投票系统的首页。

在首页中显示了该系统的操作。

☞在首页中点击你所要进行的操作,即可打开相应的页面。

如点击“单选投票”链接即可打开单选投票页面。

☞在首页中点击“多选投票“链接,打开多选投票页面。

☞在首页中点击“在线投票“链接后,可以查看在线投票的结果。

☞在首页中点击“投票设计“链接后,即可打开投票设计中的”增加主题“,同时你会看到投票设计中的其它几项功能:删除主题、查看主题、修改主题、返回首页。

增加主题的方法如下图所示:☞在投票设计中点击“删除主题“链接后,即可打开删除主题页面。

如果你要删除某个主题以及其选项,只需在文本框中输入其ID号即可。

(如果你不知道待删除主题的ID号你可以首先点击”查看主题“查看其ID号。

☞在投票设计中点击“查看主题“链接后,即可打开查看主题页面。

☞在投票设计中点击“修改主题“链接后,即可打开修改主题页面。

如果你要修改某个主题以及其选项,只需在文本框中输入其主题名即可。

(如果你不知道待修改主题的主题名你可以首先点击”查看主题“查看其主题名并复制主题名,然后将其粘贴到修改主题名的文本框中,点查询即可打开相应的主题及其选项。

第6部分附录附录1 运行环境1.1硬件要求CPU 使用586或更高级别的处理器内存64MB及其以上硬盘500MB以上(根据不同的服务器要求不同)其他计算机设备网卡等联网设备1.2.软件要求要使用JSP,在服务器端和客户端都必须有对应的运行环境。

服务器主要是Servlet兼容的Web服务器,客户端主要是浏览器。

由于Java具有跨平台的特点,所以只要能够安装JDK,就能在此安装JSP服务器。

JSP 服务器能够运行在目前绝大多数的操作系统上,目前在普通用户中用到的系统绝大多数为Windows系列和UNIX系列。

附录2 设计代码1.vote.jsp<%@page contentType="text/html;charset=gb2312"%><%@page import="java.sql.*"%><jsp:useBean id="dbBean" class="vote.DBConnect" scope="page" /><html><head><title>在线投票</title><link href="vote.css" rel="stylesheet" type="text/css"></head><body><center><h3>单选投票</h3><hr><form action="result.jsp" method="post"><div align="left"><%String sql="select * from vote where flag = 0 and optType=0 order by id desc"; ResultSet rs=dbBean.executeQuery(sql);int questionNum=0,optType,id,id1;String question,str,optContent,type;while(rs.next()){//输出投票的主题questionNum++;str="主题"+questionNum+":";question=rs.getString("question");optType=rs.getInt("optType");id=rs.getInt("id");out.print(str+question+"<br>");ResultSet rs1;sql="select * from vote where flag="+id;rs1=dbBean.executeQuery(sql);out.print("<hr>");//输出该主题的选项while(rs1.next()){id1=rs1.getInt("id");optContent=rs1.getString("optContent");if(optType==0)type="radio";else{type="checkbox";}%><input type="<%=type%>" name="vote" value="<%=id1%>"><%=optContent%> <br><%}%></div><hr><div align="left"><%}%></div><input type="submit" name="sumbit1" value="确定"></form><%rs.close();%></center></body></html>2.result.jsp<%@page contentType="text/html;charset=gb2312"%><%@page import="java.sql.*"%><html><head><title>投票结果</title><link href="vote.css" rel="stylesheet" type="text/css"></head><body><jsp:useBean id="dbBean" class="vote.DBConnect" scope="page" /><h3 align="center">单选投票结果</h3><hr><%String sql="select * from vote order by id ";ResultSet rs=dbBean.executeQuery(sql);String id;id = request.getParameter("vote");sql="update vote set number=number+1 where id="+id;dbBean.executeQuery(sql);ResultSet rs1,rstotal;int questionNum=0,optType,id1,number,total=0;String question,str,optContent;sql="select * from vote where flag=0 and optType=0 order by id desc"; rs=dbBean.executeQuery(sql);while(rs.next()){questionNum++;str="主题"+questionNum+":";question=rs.getString("question");optType=rs.getInt("optType");id=Integer.toString(rs.getInt("id"));out.print(str+question+"<br>");sql="select * from vote where flag="+id;rstotal=dbBean.executeQuery(sql);//求得投票的总数while(rstotal.next()){number=rstotal.getInt("number");total+=number;}sql="select * from vote where flag="+id;rs1=dbBean.executeQuery(sql);out.print("<hr>");//输出各选项的得票数while(rs1.next()){id1=rs1.getInt("id");optContent=rs1.getString("optContent");number=rs1.getInt("number");%><%=optContent%> 得票数:<%=number%><img src = bar.gif width ="<%=100*number/total%>" height = 10><br> <%}%><hr><div align="left"><%}%></div><div align="center"><a href="index.jsp"> 返回主页 </a> </div></body></html>3.add.jsp<%@page contentType="text/html;charset=gb2312"%><%@page import="java.sql.*"%><jsp:useBean id="dbBean" scope="page" class="vote.DBConnect"/><%String question=request.getParameter("question");if(question==null){question ="";}String type=request.getParameter("type");int num=0,optType=0;try{num=Integer.parseInt(request.getParameter("num"));}catch(Exception e){}%><html><head><title>增加主题</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><link href="vote.css" rel="stylesheet" type="text/css"></head><body><center><h3>增加主题</h3><hr><a href="add.jsp">增加主题</a>||<a href="del.jsp">删除主题</a>|| <a href="display.jsp">查看主题</a>|| <a href="modify.jsp">修改主题</a> ||<a href="index.jsp">返回首页</a><hr><form action="add.jsp" method="post">请输入主题名:<br><input type="text" name="question" size="50" value="<%=question%>"><p><input type="checkbox" value="T" name="type"<%if(type!=null){out.print("checked");optType=1;}else{optType=0;}%>>多选 &nbsp;&nbsp; 请输入选项的数目:<input typ="text" name="num" size="5" value="<%=num%>"><input type="submit" name="sumbit" value="创建选项"><p><%String submit=request.getParameter("sumbit");if(submit!=null){for(int i=1;i<=num;i++){%>选项<%=i%>:<input type="text" name="<%=i%>" value="" size="50"><br><%}%><input type="submit" name="submit1" value="增加主题"><%}%></form><%String submit1=request.getParameter("submit1"),str="",optContent,sql;int id;if(submit1!=null){sql="insert into vote(flag,optType,question) values(0,"+optType+",'"+question+"')";dbBean.executeUpdate(sql);sql="select * from vote order by id desc";ResultSet rs=dbBean.executeQuery(sql);id=rs.getInt(1);for(int i=1;i<=num;i++){str=Integer.toString(i);optContent=request.getParameter(str);sql="insert into vote(flag,optContent,number) values("+id+",'"+optContent+"',0)";dbBean.executeUpdate(sql);}out.print("成功插入主题!");}%></center></body></html>4.del.jsp<%@page contentType="text/html;charset=gb2312"%><jsp:useBean id="dbBean" scope="session" class="vote.DBConnect"/><%String id=request.getParameter("id");String sql="delete from vote where id="+id ;if(id!=null){if(dbBean.executeUpdate(sql)){out.print("删除记录成功。

相关主题