PHP在線投票系統(tǒng)課程設(shè)計

TOC\o"1-5"\h\z第1部分概述1第2部分分析部分21.功能需求2第3部分系統(tǒng)設(shè)計31.功能模塊設(shè)計32.數(shù)據(jù)庫的設(shè)計3第4部分系統(tǒng)開發(fā)31.數(shù)據(jù)庫34.1.1.創(chuàng)建數(shù)據(jù)庫34.1.2.創(chuàng)建表44.1.3.連接數(shù)據(jù)庫42.功能的實現(xiàn)53.問題及解決5第5部分運行部分51.系統(tǒng)的安裝52.系統(tǒng)的使用6第6部分附錄8附錄1運行環(huán)境8.1硬件要求8.2.軟件要求9附錄2設(shè)計代碼9.vote.jsp9.result.jsp10.add.jsp11.del.jsp13.display.jsp14.modify.jsp15.DBConnect.java18第1部分概述在線投票系統(tǒng)主要用來統(tǒng)計網(wǎng)站用戶對某個主題或熱門話題的意見。決策者通過這些統(tǒng)計數(shù)據(jù)做出相應(yīng)的決策。在線投票系統(tǒng)是一般網(wǎng)站必備的程序之一，如果網(wǎng)站開發(fā)者想了解用戶對該網(wǎng)站的意見和建議。他可以設(shè)計這樣一個投票主題：你認為該網(wǎng)站如何？（A.很好B.一般C.不好）然后提供給用戶進行投票。我的投票系統(tǒng)具有極大的靈活性，投票類型分為單選投票和多選投票。管理員可以在線設(shè)計不同的投票主題供用戶進行投票。對于該設(shè)計報告還有什么不當(dāng)之處請見諒，同時也希望你能多提寶貴意見。我會認真參考您的意見，修改和完善該系統(tǒng)。術(shù)語列表：JSP:(JavaServerPages),JSP是一種基于Java的技術(shù)，用來產(chǎn)生跨平臺和跨Web服務(wù)器的動態(tài)頁面。JDBC:(JavaDataBaseConnectivity),Java數(shù)據(jù)庫連接。它主要是一套讓你訪問數(shù)據(jù)庫的API,程序人員可以利用JDBCAPI來執(zhí)行SQL語句。Servlet:Servlet可以稱之為“服務(wù)器小程序”，與Javaapplication不同，它沒有main方法，而是用一些特定的方法用于啟動、執(zhí)行和退出。通過使用Servlet,可以與運行與客戶端的Applet進行交互，也可以直接與HTML頁進行交互。JavaBeans:JavaBeans是可復(fù)用的平臺中立的軟件組件，可以在軟件開發(fā)工具中被直觀地操作。應(yīng)用程序開發(fā)者可以通過支持JavaBeans的開發(fā)工具，直接使用現(xiàn)成的JavaBeans,也可以在開發(fā)工具容器中，對組件進行必要的修改、測試而不必編寫和編譯程序。在Java模型中，組件可以修改或與其他組件組合以生成新組件或完整的應(yīng)用程序。HTML：(HypertextMarkupLanguage)超文本標(biāo)記語言，它是組織多媒體文檔的重要語

言，它不僅用來編寫Web網(wǎng)頁，而且可以使用它來制作光盤上的多媒體節(jié)目。HTML可用來編排文檔、創(chuàng)建列表、建立鏈接等等。XML:(eXtensibleMarkupLanguage)可擴展標(biāo)記語言，它是一種具有數(shù)據(jù)描述功能(Meta-language)、高度結(jié)構(gòu)性及可驗證性的語言。SQL:(StructuredQueryLanguage),結(jié)構(gòu)化查詢語言。SQL語言地任務(wù)就是與各種數(shù)據(jù)庫建立關(guān)系，SQL語言是關(guān)系型數(shù)據(jù)庫的標(biāo)準(zhǔn)語言，大多數(shù)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)都支持SQL語言并米用了SQL的語言標(biāo)準(zhǔn)。MySQL:MySQL是一個可用于各種流行操作系統(tǒng)平臺的關(guān)系數(shù)據(jù)庫系統(tǒng)，它具有客戶機/服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫管理系統(tǒng)。按照使用又可以分為DML(DataManipulationLanguage),即數(shù)據(jù)操作語言和DDL(DataDefinitionLanguage)。第2部分分析部分1.功能需求通過對用戶的需求調(diào)查分析，可以概括出用戶的功能需求如下：單選投票、多選投票、查看投票、投票設(shè)計。單選投票：用戶只能從多個選項中選取一項進行投票。多選投票：用戶可以從多個選項中選取多項進行投票。查看投票：提供用戶查看當(dāng)前投票情況，投票結(jié)果以條形圖顯示。投票設(shè)計：管理員可以設(shè)計不同的投票主題，及投票主題的內(nèi)容供用戶進行投票。投票設(shè)計又包括以下功能需求：增加主題、刪除主題、查看主題、修改主題。

第3部分系統(tǒng)設(shè)計1.功能模塊設(shè)計通過對功能需求進行分析和概括得到如圖所示的系統(tǒng)功能模塊圖:系統(tǒng)的功能模塊圖系統(tǒng)的功能模塊圖在線投票系統(tǒng)投票設(shè)計返回投票結(jié)果多選投票顯示投票表單單選投票返回投票結(jié)果投票設(shè)計返回投票結(jié)果多選投票顯示投票表單單選投票返回投票結(jié)果2.數(shù)據(jù)庫的設(shè)計該系統(tǒng)的數(shù)據(jù)庫采用MySQL,根據(jù)投票系統(tǒng)功能設(shè)計的要求，可以列出以下數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)：投票表：存放投票信息，數(shù)據(jù)項包括：序號、標(biāo)識、選項類型、投票主題、投票選項內(nèi)容、得票數(shù)。第4部分系統(tǒng)開發(fā)4.1.數(shù)據(jù)庫1.1.創(chuàng)建數(shù)據(jù)庫CREATEDATABASEdb70019618;1.2.創(chuàng)建表創(chuàng)建數(shù)據(jù)庫中用到的投票表：CREATETABLEvote(idINTNOTNULLAUTO_INCREMENT,flagint,optTypeint,questionCHAR(255),optContentCHAR(255),numberINT,PRIMARYKEY(id),);數(shù)據(jù)庫創(chuàng)建后的結(jié)構(gòu)圖如下：4++H!Field：Type：Null卜++-KeyiDefault!Extva!idFRIINULLauto_increnent'flagVES：NULL!optTvpeYES：NULL!questionchapCSSb>VES!NULL!optContentchart^55>￥E￡：NULL(number+4卜——-iYES卜J：NULL卜4——t卜1.3.連接數(shù)據(jù)庫該系統(tǒng)使用了MySQL的JDBC驅(qū)動程序來連接數(shù)據(jù)庫。因為對數(shù)據(jù)庫的訪問，在整個系統(tǒng)中比較頻繁，所以我將對數(shù)據(jù)庫的操作寫成一個DBConnect的類，通過該類來連接數(shù)據(jù)庫和訪問數(shù)據(jù)庫?！ú糠执a如下publicDBConnect(){try{//加載數(shù)據(jù)庫驅(qū)動程序Class.forName(sDBDriver);//建立連接conn=DriverManager.getConnection(sConnStr);}catch(Exceptione){System.out.println("DBConnect():"+e.getMessage());}2.功能的實現(xiàn)投票流程圖：該流程圖已經(jīng)包含了在線投票系統(tǒng)的制作的主要方法。下面的工作實際上就是按照該流程圖，寫出具體的代碼。在附錄2設(shè)計代碼中有我開發(fā)的代碼，并附有注釋。所以在這里我就不展開介紹每一個功能的開發(fā)過程。3.問題及解決這部分應(yīng)該寫在開發(fā)中遇到了哪些問題，如何解決等。第5部分運行部分1.系統(tǒng)的安裝該系統(tǒng)我在j2sdk1.4.1_01+resin-2.1.9+MySQL-4.0.12-nt環(huán)境下測試通過：安裝步驟：該系統(tǒng)需要JSP運行環(huán)境和MySQ改據(jù)庫，如果服務(wù)器還沒有搭建的話請先搭建。.把vote、WEB-INF（vote文件夾存放的是.jsp文件，WEB-INF存放的是該系統(tǒng)使用到的一些.class文件）文件夾上傳到你的主機目錄。.修改DBConnect.java里連接MySQ改據(jù)庫的IP、用戶名和密碼為你自己的IP,user,password修改編譯之后放到目錄下面。.請創(chuàng)建數(shù)據(jù)庫db70019517，然后使用mysqldb70019517<vote.sql腳本創(chuàng)建該數(shù)據(jù)庫使用到的表。（腳本存放的路徑vote\vote.sql）.然后在瀏覽器輸入URL（例如這是我的運行方法：:8080/vote/index.jsp）。

5.2.系統(tǒng)的使用為了直觀，在這里我將主要通過程序運行截圖來介紹該投票系統(tǒng)的使用。在瀏覽器地址欄里輸入在線投票系統(tǒng)的URL后，將進入在線投票系統(tǒng)的首頁。在首頁中顯示了該系統(tǒng)的操作。在線投票（姓名噴學(xué)號：加01魴18）單選投票I隆選投票II查看投票||投票設(shè)計在首頁中點擊你所要進行的操作，即可打開相應(yīng)的頁面。如點擊“單選投票”鏈接即可打開單選投票頁面。單選投票主題1：你喜炭用種語言？BJSPFHP在首頁中點擊“多選投票“鏈接，打開多選投票頁面。多選投票主題1:你喜歡邦些體育潮？球球豚泳球球豚泳

籃足排游

P17E巴在首頁中點擊“在線投票“鏈接后，可以查看在線投票的結(jié)果。

在線投票結(jié)果主題1:餌喜料些體育運動？度洋塢事算：4足球律稟毅：3排球得割：￡,赤涿褐尊數(shù)：1■主題2：你喜歡用種語言？型數(shù)如數(shù)票票票累福譚程謀型數(shù)如數(shù)票票票累福譚程謀返回主員在首頁中點擊“投票設(shè)計“鏈接后，即可打開投票設(shè)計中的”增加主題“，同時你會看到投票設(shè)計中的其它幾項功能：刪除主題、查看主題、修改主題、返回首頁。增加主題的方法如下圖所示：增加主題喈加主題II胴除主題II宜看主題II修改主題II返回苜頁請算久主題名:?你喜歡那種語言?「新嬴稿網(wǎng)目；F一創(chuàng)建選項I逢項1：J.'Ja闿藪:選項3：逢項1：J.'Ja闿藪:選項3：[C++指加主期在投票設(shè)計中點擊“刪除主題“鏈接后，即可打開刪除主題頁面。如果你要刪除某個主題以及其選項，只需在文本框中輸入其ID號即可。（如果你不知道待刪除主題的ID號你可以首先點擊”查看主題“查看其ID號。刪除主題增加主題IIH除主題II查看主題11修改主建11返回甑話輸入刪琮的序號皿）二〔叫11ttl在投票設(shè)計中點擊“查看主題“鏈接后，即可打開查看主題頁面。

查看主題喈加主題II刪除主題It有看主題H窿改主逝||返回苜面序號標(biāo)識投案主題投票選項將索數(shù)10你百嫻種語言巧null02Inullm43；1nullASP341J墓山1PKP25]nullCGI1g0你喜蝌桂體育運動？null07$null意球4&null足球3g5null排球2106null娜泳1在投票設(shè)計中點擊“修改主題“鏈接后，即可打開修改主題頁面。如果你要修改某個主題以及其選項，只需在文本框中輸入其主題名即可。（如果你不知道待修改主題的主題名你可以首先點擊”查看主題“查看其主題名并復(fù)制主題名，然后將其粘貼到修改主題名的文本框中，點查詢即可打開相應(yīng)的主題及其選項。修改主題|N^￡11西玨IliglElWil請缺磐所要修改的主題名：

|皂叫題目11"Ft?沖卡壬更新第6部分附錄附錄1運行環(huán)境硬件要求CPU使用586或更局級別的處理器內(nèi)存64MB及其以上硬盤500MB以上（根據(jù)不同的服務(wù)器要求不向）其他計算機設(shè)備網(wǎng)卡等聯(lián)網(wǎng)設(shè)備.軟件要求要使用JSP,在服務(wù)器端和客戶端都必須有對應(yīng)的運行環(huán)境。服務(wù)器主要是Servlet兼容白Web服務(wù)器，客戶端主要是瀏覽器。由于Java具有跨平臺的特點，所以只要能夠安裝JDK,就能在此安裝JSP服務(wù)器。JSP服務(wù)器能夠運行在目前絕大多數(shù)的操作系統(tǒng)上，目前在普通用戶中用到的系統(tǒng)絕大多數(shù)為Windows系列和UNIX系列。附錄2設(shè)計代碼l.vote.jsp<%@pagecontentType="text/html;charset=gb2312"%><%@pageimport="java.sql.*"%><jsp:useBeanid="dbBean"class="vote.DBConnect"scope="page"/><html><head><title>在線投票</title><linkhref="vote.css"rel="stylesheet"type="text/css"></head><body><center><h3>單選投票</h3><hr><formaction="result.jsp"method="post"><divalign="left"><%Stringsql="select*fromvotewhereflag=0andoptType=0orderbyiddesc";ResultSetrs=dbBean.executeQuery(sql);intquestionNum=0,optType,id,id1;Stringquestion,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>");ResultSetrs1;sql="select*fromvotewhereflag="+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";}%><inputtype="<%=type%>"name="vote"value="<%=id1%>"><%=optContent%><br><%}%></div><hr><divalign="left"><%}%></div><inputtype="submit"name="sumbit1"value="確定"></form><%rs.close();%></center></body></html>2.result.jsp<%@pagecontentType="text/html;charset=gb2312"%><%@pageimport="java.sql.*"%><html><head><title>投票結(jié)果</title><linkhref="vote.css"rel="stylesheet"type="text/css"></head><body><jsp:useBeanid="dbBean"class="vote.DBConnect"scope="page"/><h3align="center">單選投票結(jié)果</h3><hr><%Stringsql="select*fromvoteorderbyid";ResultSetrs=dbBean.executeQuery(sql);Stringid;id=request.getParameter("vote");sql="updatevotesetnumber=number+1whereid="+id;dbBean.executeQuery(sql);ResultSetrs1,rstotal;intquestionNum=0,optType,id1,number,total=0;Stringquestion,str,optContent;sql="select*fromvotewhereflag=0andoptType=0orderbyiddesc";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*fromvotewhereflag="+id;rstotal=dbBean.executeQuery(sql);//求得投票的總數(shù)while(rstotal.next()){number=rstotal.getInt("number");total+=number;)sql="select*fromvotewhereflag="+id;rs1=dbBean.executeQuery(sql);out.print("<hr>");//輸出各選項的得票數(shù)while(rs1.next()){id1=rs1.getInt("id");optContent=rs1.getString("optContent");number=rs1.getInt("number");%><%=optContent%>得票數(shù)：<%=number%><imgsrc=bar.gifwidth="<%=100*number/total%>"height=10><br><%}%><hr><divalign="left"><%}%></div><divalign="center"><ahref="index.jsp">返回主頁</a></div></body></html>3.add.jsp<%@pagecontentType="text/html;charset=gb2312"%>

<%@pageimport="java.sql.*"%><jsp:useBeanid="dbBean"scope="page"class="vote.DBConnect"/><%Stringquestion=request.getParameter("question");if(question==null){question="";}Stringtype=request.getParameter("type");intnum=0,optType=0;try{num=Integer.parseInt(request.getParameter("num"));}catch(Exceptione){}%><html><head><title>增加主題</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><linkhref="vote.css"rel="stylesheet"type="text/css"></head><body><center><h3>增加主題</h3><hr><ahref="add.jsp">href="display.jsp">||<ahref="modify.jsp">增加主題</a>||<ahref="del.jsp">查看主題</a>修改主題</a>||<ahref="index.jsp">刪除主題</a>||返回首頁</a><a<hr><formaction="add.jsp"method="post">請輸入主題名:<br><inputtype="text"name="question"size="50"value="<%=question%>"><p><inputtype="checkbox"value="T"name="type"<%if(type!=null){out.print("checked");optType=1;}else{optType=0;}%>>多選  請輸入選項的數(shù)目：創(chuàng)建選項">創(chuàng)建選項"><inputtype="submit"name="sumbit"value=<p><%Stringsubmit=request.getParameter("sumbit");if(submit!=null){for(inti=1;i<=num;i++){%>選項<%=i%>:<inputtype="text"name="<%=i%>"value=""size="50"><br><%}%><inputtype="submit"name="submit1"value="增力口主題"><%}%></form><%Stringsubmit1=request.getParameter("submit1"),str="",optContent,sql;intid;if(submit1!=null){sql="insertintovote(flag,optType,question)values(0,"+optType+",'"+question+"')";dbBean.executeUpdate(sql);sql="select*fromvoteorderbyiddesc";ResultSetrs=dbBean.executeQuery(sql);id=rs.getInt(1);for(inti=1;i<=num;i++){str=Integer.toString(i);optContent=request.getParameter(str);sql="insertintovote(flag,optContent,number)values("+id+",'"+optContent+"',0)";dbBean.executeUpdate(sql);}out.print("成功插入主題！");}%></center></body></html>4.del.jsp<%@pagecontentType="text/html;charset=gb2312"%><jsp:useBeanid="dbBean"scope="session"class="vote.DBConnect"/><%Stringid=request.getParameter("id");Stringsql="deletefromvotewhereid="+id;if(id!=null){

if(dbBean.executeUpdate(sql)){out.print("刪除記錄成功。");}}%><html><head><title>刪除主題</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><linkhref="vote.css"rel="stylesheet"type="text/css"></head><body><center><h3>刪除主題</h3><hr><ahref="add.jsp">href="display.jsp">增加主題</a>||<a查看主題</a>href="del.jsp">刪除主題</a>||<ahref="add.jsp">href="display.jsp">增加主題</a>||<a查看主題</a>href="del.jsp">刪除主題</a>||<a||<ahref="modify.jsp">修改主題</a>||<ahref="index.jsp">返回首頁</a><hr><formname="form1"action="del.jsp"method="post">請輸入刪除的序號(ID):<inputname="id"type="text"id="id"size="50"><inputname="submit"type="submit"value="刪除"><br><hr><formname="form1"action="del.jsp"method="post">請輸入刪除的序號(ID):<inputname="id"type="text"id="id"size="50"><inputname="submit"type="submit"value="刪除"><br></form></hr></center></body></html>5.display.jsp<%@pagecontentType="text/html;charset=gb2312"%><%@pageimport="java.sql.*"%><html><head><title>查看主題</title><linkhref="vote.css"rel="stylesheet"type="text/css"><body><center><h3>查看主題</h3><hr><ahref="add.jsp">增加主題</a>||<ahref="del.jsp">href="display.jsp">||<ahref="modify.jsp">查看主題</a><ahref="add.jsp">增加主題</a>||<ahref="del.jsp">href="display.jsp">||<ahref="modify.jsp">查看主題</a>修改主題</a>||<ahref="index.jsp">刪除主題</a>||返回首頁</a><a<hr><jsp:useBeanid="dbBean"class="vote.DBConnect"scope="page"/><%Stringsql="select*fromvote";ResultSetrs=dbBean.executeQuery(sql);%><tableborder=1align="center"><tr><td>序號</td>投票主題</div></td>投票選項</div></td>投票主題</div></td>投票選項</div></td>得票數(shù)</div></td><td><divalign="center"><td><divalign="center"><td><divalign="center"></tr><%while(rs.next()){out.println("<tr>");out.println("<td>"+rs.getInt("id")+”</td>");out.println("<td>"+rs.getInt("flag")+”</td>");out.println("<td>"+rs.getString("question")+”</td>");out.println("<td>"+rs.getString("optContent")+"</td>");out.println("<td>"+rs.getInt("number")+"</td>");out.println("</tr>");)%></table><divalign="center"><%rs.close();%></div></hr></center></body></html>6.modify.jsp<%@pagecontentType="text/html;charset=gb2312"%><%@pageimport="java.sql.*"%><jsp:useBeanid="dbBean"scope="session"class="vote.DBConnect"/><html><head><title>修改主題</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><linkhref="vote.css"rel="stylesheet"type="text/css"></head><body>

<center><h3>修改主題</h3><hr><ahref="add.jsp">增加主題</a>||<ahref="del.jsp">刪除主題</a>||<ahref="display.jsp">查看主題</a>||<ahref="modify.jsp">修改主題</a>||<ahref="index.jsp">返回首頁</a><formaction="modify.jsp"method="post">請輸入您所要修改的主題名：<br><inputtype="text"name="sql"size="50"><inputtype="submit"name="submit"value="查詢"></form><%Stringsubmit,sql;intid;submit=request.getParameter("submit");if(submit!=null){Stringsql_s=request.getParameter("sql");ResultSetrs,rs1;inti=0;if(sql_s!=null){sql="select*fromvotewherequestion='"+sql_s+""';rs=dbBean.executeQuery(sql);id=rs.getInt("id");%><formaction="modify.jsp"method="post"><table><tr><td>題目</td></tr><tr><td><inputtype="hidden"name="id"value="<%=id%>">size="50"<inputname="question"type="text"size="50"value="<%=rs.getString("question")%>maxlength="50"></td></tr><tr><td>選項</td></tr><tr><td><%sql="select*fromvotewhereflag="+id;rs1=dbBean.executeQuery(sql);while(rs1.next()){%><inputtype="text"name="optContent<%=i%>"size="100"value="<%=rs1.getString("optContent")%>"><inputtype="hidden"name="id<%=i%>"value="<%=rs1.getInt("id")%>"><%i++;}%><inputtype="hidden"name="count"value="<%=i%>"></td></tr><tr><td>是否多選<%inttype=rs.getInt("optType");Strings_type="";if(type==1){s_type="checked";}%><inputtype="checkbox"name="multiple"value="1"<%=s_type%>></td></tr><tr><td><inputtype="submit"name="submit1"value="更新"></td></tr></table></form><%}}Stringsubmit1;submit1=request.getParameter("submit1");if(submit1!=null){intcount=Integer.parseInt(request.getParameter("count"));intflag=Integer.parseInt(request.getParameter("id"));StringoptType,optType1;optType=request.getParameter("multiple");if(