網(wǎng)上投票系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

TOC\o"1-5"\h\z［摘要］ 1［關(guān)鍵詞］ 1\o"CurrentDocument"引言 1\o"CurrentDocument"1開(kāi)發(fā)技術(shù)簡(jiǎn)介 1\o"CurrentDocument"PHP語(yǔ)言 1\o"CurrentDocument"HTML技術(shù) 2\o"CurrentDocument"JavaScript技術(shù) 2\o"CurrentDocument"CSS簡(jiǎn)介 2\o"CurrentDocument"Bookstrap框架 2\o"CurrentDocument"2系統(tǒng)需求分析 32.1可行性分析 3系統(tǒng)需求 4\o"CurrentDocument"3系統(tǒng)設(shè)計(jì) 53.1開(kāi)發(fā)的設(shè)計(jì)思想 5數(shù)據(jù)庫(kù)設(shè)計(jì) 9\o"CurrentDocument"4 系統(tǒng)的實(shí)現(xiàn) 114.1網(wǎng)上投票系統(tǒng)首頁(yè)界面設(shè)計(jì) 11用戶(hù)注冊(cè) 13用戶(hù)登錄 14查看公告 154.5在線留言 164.6投票操作 184.7 后臺(tái)登錄界面 204.8后臺(tái)管理界面 20密碼設(shè)置模塊 21用戶(hù)管理模塊 224.11投票管理模塊 234.12公告管理模塊 264.13投票設(shè)置模塊 284.14留言管理模塊 32\o"CurrentDocument"5系統(tǒng)測(cè)試 335.1系統(tǒng)測(cè)試的介紹 335.2測(cè)試內(nèi)容 335.3測(cè)試結(jié)果 33\o"CurrentDocument"6總結(jié)和反思 34參考文獻(xiàn) 34[Abstract] 35[Keywords] 35\o"CurrentDocument"致謝 35河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）網(wǎng)上投票系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)軟件工程韋麗金指導(dǎo)老師：韋靜［摘要］在科學(xué)技術(shù)不斷進(jìn)步的今天，建立一個(gè)嚴(yán)謹(jǐn)科學(xué)的管理系統(tǒng)是十分有必要的。僅僅依靠傳統(tǒng)手工管理的方式管理投票已經(jīng)不能順應(yīng)時(shí)代的發(fā)展。在傳統(tǒng)的方法中存在著諸多弊病，如交互性差，不能實(shí)時(shí)了解票數(shù)動(dòng)態(tài)。在面對(duì)大量的投票時(shí)，數(shù)據(jù)處理的效率也比較差。手工處理數(shù)據(jù)也容易出現(xiàn)漏票等問(wèn)題。這給投票管理工作帶來(lái)了很多不便。而網(wǎng)上投票系統(tǒng)的出現(xiàn)恰好解決了這些問(wèn)題。本系統(tǒng)遵循人們的實(shí)際需求，順應(yīng)時(shí)代的發(fā)展。利用計(jì)算機(jī)科學(xué)與技術(shù)，提高處理的效率，管理人員將更多地精力放在結(jié)果的判斷上，而不是機(jī)械的處理數(shù)據(jù)，也使得票數(shù)的管理更方便。同時(shí)，也能夠利用投票系統(tǒng)更加直觀快速的了解到用戶(hù)真實(shí)的內(nèi)心想法，從而選出更加合適的選項(xiàng)。因此本系統(tǒng)的開(kāi)發(fā)對(duì)于投票是有非常重大的意義的。［關(guān)鍵詞］PHP；JavaScript；HTML；CSS；引言在越來(lái)越民主的今天，通過(guò)投票來(lái)反應(yīng)用戶(hù)的內(nèi)心真實(shí)需求已經(jīng)變得十分普遍。而在用戶(hù)投票后票數(shù)的處理也是一項(xiàng)十分重大的工程，首先它的數(shù)據(jù)量是很大的，選手選項(xiàng)也比較多，傳統(tǒng)手工方法處理比較繁雜緩慢且容易出錯(cuò)。在需要投票時(shí)，還需要用戶(hù)本人親自到現(xiàn)象進(jìn)行投票表決，這是一件很費(fèi)時(shí)費(fèi)力的事情。其次，投票用戶(hù)也有保密的需要，比如有些用戶(hù)不愿意泄露用戶(hù)名以及投票的內(nèi)容等。傳統(tǒng)的統(tǒng)計(jì)方法中可能也不能很好地滿(mǎn)足用戶(hù)對(duì)于保密方面的需求。因此，為了保護(hù)投票隱私性，使得投票流程更加的簡(jiǎn)潔迅速直觀，很有必要編寫(xiě)出一個(gè)網(wǎng)上投票系統(tǒng)來(lái)進(jìn)行投票。1開(kāi)發(fā)技術(shù)簡(jiǎn)介PHP語(yǔ)言PHP是一種位于服務(wù)器端的腳本語(yǔ)言，它的代碼是免費(fèi)且開(kāi)源的，并且具有很多非常強(qiáng)大的特性，他的執(zhí)行方法是將程序嵌入到HTML文檔中，然后去快速的執(zhí)行動(dòng)態(tài)網(wǎng)頁(yè)，因此PHP程序執(zhí)行的效率是十分高的。在執(zhí)行編譯后代碼方面，PHP也具有很大的優(yōu)勢(shì)。它能夠?qū)崿F(xiàn)加密和優(yōu)化代碼運(yùn)行。PHP具有很多的優(yōu)點(diǎn)，比如開(kāi)發(fā)速度比較快、運(yùn)行效率比較高、安全性較強(qiáng)等。并且在全球所有的網(wǎng)站中，其中60%都是使用PHP語(yǔ)言編寫(xiě)的。在國(guó)內(nèi)網(wǎng)站中，有80%的動(dòng)態(tài)網(wǎng)站都是使用PHP開(kāi)發(fā)?，F(xiàn)如今，越來(lái)越多的公司在項(xiàng)目中開(kāi)始使用PHP，PHP語(yǔ)言已經(jīng)開(kāi)始成為全球最受歡迎的語(yǔ)言之一，PHP已經(jīng)開(kāi)始大行其道，PHP已經(jīng)具有很好的發(fā)展勢(shì)頭，它將成為Web開(kāi)發(fā)領(lǐng)域的主流技術(shù)體系。因此利用PHP的這些特點(diǎn)，結(jié)合投票管理無(wú)疑對(duì)提高辦公效率是很有好處的。HTML技術(shù)因?yàn)镠TML是通過(guò)URL指針的方式來(lái)使瀏覽器獲得網(wǎng)頁(yè)的，所以將它稱(chēng)為超文本標(biāo)記語(yǔ)言，HTML是一種規(guī)范和標(biāo)準(zhǔn)，它的頁(yè)面中包含了圖片、鏈接、音頻等，在顯示的網(wǎng)頁(yè)中的各個(gè)部分時(shí)它是通過(guò)標(biāo)記符號(hào)的方式來(lái)進(jìn)行標(biāo)記的。JavaScript技術(shù)JavaScript屬于客戶(hù)端腳本語(yǔ)言，它是基于對(duì)象和事件驅(qū)動(dòng)的。在安全性能等方面的能力是無(wú)可置疑的。在通常情況下它是用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的一些動(dòng)態(tài)操作，使得網(wǎng)頁(yè)更加具有互動(dòng)性。因此，互動(dòng)性是它的一個(gè)很大的特點(diǎn)。JavaScript通過(guò)結(jié)合php語(yǔ)言、HTML語(yǔ)言等編程語(yǔ)言，使得用戶(hù)和系統(tǒng)之間實(shí)現(xiàn)了實(shí)時(shí)的溝通和表達(dá)，擺脫了網(wǎng)站中原來(lái)單向溝通的單一方式。同時(shí)，它的程序設(shè)計(jì)方式還是面向?qū)ο笤O(shè)計(jì)，可以進(jìn)行模塊化的開(kāi)發(fā)，也可以重復(fù)的進(jìn)行調(diào)用。它的出現(xiàn)彌補(bǔ)了很多HTML語(yǔ)言已經(jīng)存在的缺陷。CSS簡(jiǎn)介css是為了表現(xiàn)HTML等文件樣式的一種層疊樣式表，能夠精確的控制網(wǎng)頁(yè)中的所有元素，包括字體字號(hào)，顏色等。它在1994年由哈坤?利提出，具有非常豐富的樣式定義,可以多頁(yè)面應(yīng)用，容易使用和修改等特點(diǎn)。它大大簡(jiǎn)化的網(wǎng)頁(yè)的修改和維護(hù)，減少了維護(hù)人員很大的工作量。Bookstrap框架Bookstrap是Twitter推出的一款前端開(kāi)源工具包，是基于HTML語(yǔ)言、JavaScript河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))語(yǔ)言和css的一款前端框架，在Bootstarp中使用柵格系統(tǒng)來(lái)布局，它本身自帶全局的css設(shè)置、基本的HTML元素樣式、可擴(kuò)展的class，還有十幾個(gè)可重用的組件和十幾個(gè)自定義的JQuery插件。所以由于其簡(jiǎn)潔靈活，開(kāi)發(fā)快捷等特點(diǎn)，目前受到很大的歡迎。該框架也對(duì)本系統(tǒng)的前端建設(shè)起到了非常大的作用。2系統(tǒng)需求分析2.1可行性分析可行性分析的目的就是要以盡可能小的成本在盡可能短的時(shí)間內(nèi)確定系統(tǒng)的可執(zhí)行程度，在項(xiàng)目開(kāi)發(fā)之前進(jìn)行可行性分析，能對(duì)整體項(xiàng)目的實(shí)施有一個(gè)全面的規(guī)劃和掌控。從開(kāi)支，收益等不同的方面對(duì)開(kāi)發(fā)系統(tǒng)進(jìn)行估算，并合理的調(diào)查軟件件系統(tǒng)將帶來(lái)的社會(huì)效益。這樣可以讓在實(shí)施對(duì)軟件項(xiàng)目的開(kāi)發(fā)過(guò)程中的風(fēng)險(xiǎn)與收益有一個(gè)提前的預(yù)估，避免系統(tǒng)在投入大量人力物力后才發(fā)現(xiàn)問(wèn)題，浪費(fèi)資源，因此擬從以下幾點(diǎn)進(jìn)行考慮：經(jīng)濟(jì)可行性：網(wǎng)上投票系統(tǒng)投票系統(tǒng)能夠比較準(zhǔn)確的了解到投票者內(nèi)心真正的心理需求，利用網(wǎng)上投票系統(tǒng)，一方面可以節(jié)省人力資源和物力資源，降低信息收集的成本，另一方面，網(wǎng)上投票系統(tǒng)能夠快速的進(jìn)行數(shù)據(jù)的處理，體現(xiàn)出投票的效率。技術(shù)可行性：開(kāi)發(fā)一個(gè)投票系統(tǒng)，涉及到的最核心的技術(shù)問(wèn)題就是如何使投票能夠被準(zhǔn)確的記錄并且不傷害到用戶(hù)的隱私，所以本系統(tǒng)主要采用php+MySQL技術(shù)實(shí)現(xiàn)了這一訴求。而這是學(xué)生在校時(shí)就掌握的知識(shí)，經(jīng)過(guò)一定的努力是可以實(shí)現(xiàn)的，所以在技術(shù)方面也不會(huì)存在很大的問(wèn)題。法律可行性：該系統(tǒng)是作為學(xué)生本人的畢業(yè)設(shè)計(jì)而設(shè)計(jì)與開(kāi)發(fā)的，由學(xué)生本人自主開(kāi)發(fā)與設(shè)計(jì)的，未用于商業(yè)用途，僅供畢業(yè)設(shè)計(jì)答辯使用，因此法律上未涉及到侵權(quán)行為也未損害他人利益，因此在法律上是可以實(shí)行的的。根據(jù)上面的分析，該系統(tǒng)在技術(shù)上可以由學(xué)生本人實(shí)現(xiàn)用于畢業(yè)設(shè)計(jì)，法律上不會(huì)產(chǎn)生任何侵權(quán)的問(wèn)題，經(jīng)濟(jì)上，不會(huì)產(chǎn)生經(jīng)濟(jì)問(wèn)題，技術(shù)上也是可以實(shí)現(xiàn)的，因此本項(xiàng)目是可行的。2.2系統(tǒng)需求本子系統(tǒng)為網(wǎng)上投票系統(tǒng)，對(duì)運(yùn)行環(huán)境的基本要求是：硬件需求-4G及以上的安裝內(nèi)存?10G及以上的硬盤(pán)空間。?Intel(R)core(TM)i3-5005ucpu@2.00GHz及以上的處理器軟件需求?操作系統(tǒng)：windows操作系統(tǒng)?Web服務(wù)器環(huán)境：phpstudy-數(shù)據(jù)庫(kù)服務(wù)器：MySQL。-語(yǔ)言編輯器：能夠?qū)hp語(yǔ)言源文件編譯成可執(zhí)行軟件的工具。功能需求功能描述如下：面向用戶(hù)登錄功能在投票前正確填寫(xiě)注冊(cè)好的用戶(hù)名和密碼即可進(jìn)行投票注冊(cè)功能注冊(cè)時(shí)需要填寫(xiě)登錄用戶(hù)名，密碼。注冊(cè)后可進(jìn)行登錄投票功能顧客瀏覽投票頁(yè)面，對(duì)自己選中的對(duì)象進(jìn)行投票留言功能顧客可以在登錄后再網(wǎng)站中發(fā)布留言留下自己的寶貴意見(jiàn)查看公告、查看選手游客可以查看選手和公告上公布的獲獎(jiǎng)名單后臺(tái)管理賬號(hào)密碼修改管理員登錄后臺(tái)后可以自行修改或選擇不修改自己的登錄密碼。用戶(hù)管理管理員登錄后臺(tái)后可以對(duì)已經(jīng)注冊(cè)的用戶(hù)執(zhí)行查詢(xún)，修改，注銷(xiāo)賬號(hào)的操作投票管理管理員登錄后臺(tái)后可以新建投票活動(dòng)，并查詢(xún)投票情況以及對(duì)投票活動(dòng)進(jìn)行修改和刪除公告管理管理員登錄后臺(tái)后可以發(fā)布公告3系統(tǒng)設(shè)計(jì)3.1開(kāi)發(fā)的設(shè)計(jì)思想投票管理系統(tǒng)采用的是前后臺(tái)分離的方式進(jìn)行管理。前臺(tái)部分，如果是未經(jīng)注冊(cè)的游客，則只可以查看投票、留言、和公告，只有在注冊(cè)完賬號(hào)之后才可以使用投票功能和留言功能，否則系統(tǒng)將要求用戶(hù)先進(jìn)行登錄。后臺(tái)部分，只設(shè)置了一個(gè)管理員賬號(hào)，只有通過(guò)該賬號(hào)才能登錄系統(tǒng)后臺(tái)進(jìn)行管理。管理員登錄后臺(tái)之后，可以修改密碼，并進(jìn)行用戶(hù)管理，留言管理，公告管理等操作。以下為系統(tǒng)設(shè)計(jì)時(shí)為了方便理解畫(huà)出的一些功能模塊圖以及流程圖。河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖1-1系統(tǒng)整體功能模塊圖河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖圖1-2用戶(hù)投票流程圖河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖圖1-2用戶(hù)投票流程圖河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖圖1-3管理員后臺(tái)流程圖河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖圖1-3管理員后臺(tái)流程圖河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）3.2數(shù)據(jù)庫(kù)設(shè)計(jì)本系統(tǒng)設(shè)計(jì)到信息表主要有：用戶(hù)信息表、公告信息表、留言信息表、活動(dòng)規(guī)則信息表、投票分類(lèi)信息表、投票結(jié)果信息表、參賽者信息表由于這些表有相關(guān)的聯(lián)系，所以將這些數(shù)據(jù)表全部存放在同一數(shù)據(jù)庫(kù)中（toupia。），以提高數(shù)據(jù)的操作速度。數(shù)據(jù)庫(kù)中共包含有以下各表：用戶(hù)信息表（users）排序cid,主鍵自增。用戶(hù)信息表中包含了用戶(hù)的：用戶(hù)名,密碼。詳細(xì)的表結(jié)構(gòu)如表2-1所示。表2-1用戶(hù)信息表（users）列名數(shù)據(jù)類(lèi)型長(zhǎng)度空主鍵cidInt20NousernameVarchar11MopasswdVarchar11NoadminVarchar12NoisvoteVarchar12No公告信息表（gg）排序id,主鍵自增，如表2-2所示。公告信息表主要包含的信息有：公告發(fā)布標(biāo)題、公告發(fā)布內(nèi)容、公告發(fā)布時(shí)間。如表2-2所示。表2-2公告信息表（gg）列名數(shù)據(jù)類(lèi)型長(zhǎng)度空主鍵idInt11NoTitleVarchar12NocontentVarchar12NotimeDate18No留言信息表（msg）排序id,主鍵自增。留言信息表主要包含的信息有：留言人名稱(chēng)、留言?xún)?nèi)容、留言時(shí)間。如表2-3所小。表2-3留言信息表（msg）列名數(shù)據(jù)類(lèi)型長(zhǎng)度空主鍵idInt11NouserVarchar12No

活動(dòng)規(guī)則信息表（sysconfig）排序cid,主鍵自增?；顒?dòng)規(guī)則信息表主要包括：活動(dòng)名稱(chēng)、活動(dòng)開(kāi)始時(shí)間、活動(dòng)描述、活動(dòng)結(jié)束時(shí)間、活動(dòng)規(guī)則說(shuō)明如表2-4所示表2-4活動(dòng)規(guī)則信息表（sysconfig）列名數(shù)據(jù)類(lèi)型長(zhǎng)度空主鍵cidInt11NoVote-nameVarchar12NodietimeDate18Nodescriptionvarchar12NostimeDate18Noregvarchar12Nomsg

timeVarcharmsg

timeVarchar12NoDate18No投票分類(lèi)信息表（type）排序id,主鍵自增。投票分類(lèi)表主要包含的信息有：分類(lèi)、描述。如表2-5所示。表2-5投票分類(lèi)信息表（type）列名idtypenamedecs數(shù)據(jù)類(lèi)型IntVarcharvarchar列名idtypenamedecs數(shù)據(jù)類(lèi)型IntVarcharvarchar長(zhǎng)度111218空NoNoNo主鍵投票結(jié)果信息表（voteips）排序cid,主鍵自增。投票結(jié)果信息表主要包含的信息有：投票用戶(hù)名，投票ip，投票選手，投票標(biāo)題，投票時(shí)間，如表2-6所示。表2-6投票結(jié)果信息表（sysconfig）列名cid數(shù)據(jù)類(lèi)型長(zhǎng)度空Int11No主鍵河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）圖圖3-1網(wǎng)上投票系統(tǒng)首頁(yè)UserVarchar12Noipint18Notitlevarchar18NotimeDate12No參賽者信息表（votename）排序cid，主鍵自增，該參賽者信息表主要包含的信息有：參賽者名稱(chēng)、總票數(shù)、投票者、參賽者圖片、參賽者描述、分類(lèi)。如表3-7所示。表2-7參賽者信息表（votename）列名數(shù)據(jù)類(lèi)型長(zhǎng)度空主鍵cidInt20NoQuestion-namevarchar12MoSumvotenumint12NoUserVarchar12NopicVarchar12Nodesvarchar80Notypeidint18No4系統(tǒng)的實(shí)現(xiàn)4.1網(wǎng)上投票系統(tǒng)首頁(yè)界面設(shè)計(jì)首頁(yè)頁(yè)面如圖3-1所示，首頁(yè)中主要有活動(dòng)規(guī)則、投票選手、留言。頁(yè)面整體風(fēng)格主要的采用扁平化化設(shè)計(jì)的方法，并采用藍(lán)、灰、黑的配色方案。使得系統(tǒng)看上去更加的具有趣味性，更加童趣和具有觀賞性，以達(dá)到吸引用戶(hù)進(jìn)行投票的目的。未注冊(cè)賬號(hào)的游客進(jìn)入系統(tǒng)可以查看投票活動(dòng)的一些情況，查看公告和查看留言。但是如果想進(jìn)行投票，必須先進(jìn)行注冊(cè)并登陸后才能投票。如圖3-1網(wǎng)上投票系統(tǒng)前臺(tái)首頁(yè)。vrO苗言vrO苗言MST flJ?-門(mén)收■AmIHi #心戸Jb即w心?■KM NN 13眾HHT■mgj*efljK^uULLMt習(xí)叵1日囚ED回4.2用戶(hù)注冊(cè)游客在如果想進(jìn)行投票，則需要先注冊(cè)，點(diǎn)擊導(dǎo)航欄的注冊(cè)按鈕即可跳轉(zhuǎn)到注冊(cè)頁(yè)面。注冊(cè)時(shí)用戶(hù)需要自行設(shè)置登陸的用戶(hù)名和登陸密碼。關(guān)于代碼實(shí)現(xiàn)部分，主要是用post方法來(lái)實(shí)現(xiàn)數(shù)據(jù)的傳遞，首先用戶(hù)需要先在表單填寫(xiě)數(shù)據(jù)，再傳輸?shù)胶笈_(tái)°php文件頭部首先需要通過(guò)include（）語(yǔ)句引用conn.php文件連接數(shù)據(jù)庫(kù)，再通過(guò)sql語(yǔ)句先查詢(xún)數(shù)據(jù)庫(kù)中是否已經(jīng)存在該用戶(hù)，如果未存在則進(jìn)行插入操作，將用戶(hù)注冊(cè)的數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)表中。如果用戶(hù)已經(jīng)存在，則提示該用戶(hù)已經(jīng)注冊(cè)。圖3-2是用戶(hù)注冊(cè)前臺(tái)頁(yè)面。圖3-3是注冊(cè)頁(yè)面主要實(shí)現(xiàn)php代碼。flati嘗員注冊(cè)圖3-2用戶(hù)注冊(cè)頁(yè)面河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))圖圖3-3用戶(hù)登錄界面河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))圖圖3-3用戶(hù)登錄界面<?plhp■iFicludeCcDrin.php!S]；二2；if($_P05T[!usernarfter]$user二$_POST[ruseI-name']；$pass二$_POST[rpassu/d']J,^■resuilt=$db->query(,!sa"Lettuserman^-efromuser^whereosernsanie=p$userp；n)；■if(^result->num_rows>Q)(echo'^scriptlanguage=丫1law*卩t:、">a"Lert:(\”讀用戶(hù)已)；</scr"ipt>"；}else(Sresult=$db->query(ninsertintousers(usernameppasswd,,admin)values{r$u5erpy1Spass1,W)/)；iif($result)￡^session_start();$_SESSIONE'userp]?二true;$_SESSIO：I1['nanier]■-$usern3me;header(''locatiain:login?php11);}}}圖3-2用戶(hù)注冊(cè)頁(yè)面主要實(shí)現(xiàn)代碼4.3用戶(hù)登錄已經(jīng)注冊(cè)過(guò)賬號(hào)的用戶(hù)點(diǎn)擊登錄按鈕即可進(jìn)行登錄。登錄部分代碼實(shí)現(xiàn)方法和注冊(cè)部分相似，用post方法來(lái)實(shí)現(xiàn)數(shù)據(jù)的傳遞，用戶(hù)在登錄表單填寫(xiě)數(shù)據(jù)后，傳輸?shù)胶笈_(tái)。php文件頭部首先需要通過(guò)include()語(yǔ)句引用conn,php文件連接數(shù)據(jù)庫(kù)，再通過(guò)sql語(yǔ)句先查詢(xún)數(shù)據(jù)庫(kù)中是否已經(jīng)存在該用戶(hù)，如果用戶(hù)存在則進(jìn)行登錄操作，否則將提示用戶(hù)需要先進(jìn)行注冊(cè)才能登錄。如圖3-3所示是用戶(hù)前臺(tái)登錄頁(yè)面。圖3-4是登錄功能主要php代碼。lati貧百注冊(cè)S3lati貧百注冊(cè)S3用戶(hù)登錄河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))<7--<?php1nclude(R,commonuphp11)；includef"conn-php");Snav=3;Suser=$_POST[1username1]；Spass=$_P05T[1passwd1]；if($_P05T['usernamer])($result二$db->query{11selectusern^niefromuserswhereiLJsername=p$user1andpa35wd=r$ipass1；")>■if($result->nurn_row,s>0){@session_start()；$_SESSIM['user']=true；^_SEESIDW['adnin^=-falsej$_SESSIOW[!name'J=$username;headerLo-cation:iridex,php1')；}else(echor,<&cript>alert('賬戶(hù)或密碼錯(cuò)誤『)</s€ript>,1;echow<metahttp-equiv=\MRefresh\Hcontent=\l,?；url=log_im. ；}圖3-4用戶(hù)登錄代碼4.4查看公告查看公告是不論游客還是注冊(cè)用戶(hù)都可以進(jìn)行查看的，公告由管理員在后臺(tái)統(tǒng)一進(jìn)行發(fā)布，可用于公布獲獎(jiǎng)名單以及一些重要通知，前臺(tái)用戶(hù)只能進(jìn)行查看，沒(méi)有權(quán)限進(jìn)行編輯。代碼實(shí)現(xiàn)部分，主要用mysqli_fetch_assoc()函數(shù)從結(jié)果集中取得數(shù)據(jù)作為關(guān)聯(lián)數(shù)組，返回根據(jù)從mysql_query()返回的結(jié)果生成的關(guān)聯(lián)數(shù)組顯示到前臺(tái)。分頁(yè)部分，主要用ajax來(lái)實(shí)現(xiàn)分頁(yè)功能，調(diào)用getPageBar()類(lèi)結(jié)合for()函數(shù)實(shí)現(xiàn)。如圖3-5所示是公告前臺(tái)頁(yè)面。圖3-6是主要實(shí)現(xiàn)php代碼。河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）最新公告擲SE星球務(wù)早 2019-0^-06詞噸黃耘節(jié)耆躍］電黃啊弔耆蔻通扣 2019-05-06力尊FF!發(fā)坪；?蟲(chóng)g.濁*:專(zhuān)色行Bfr&W吏禮桓*眠客參迂尊食冬蟲(chóng)!特園之毆嚥名單 2019-05-05圖3-5查看公告界面PhPhPncliucle(,lconn+phpN)；nav二5；eader("Cache-cortroltprivateN)；f($_GET['do'])("i$_GET[1dor]==，1logoL.tr,){unset($_SESSION[rL.ser1]):unset($_SESSION[1name1])；(Ssession_destroy();^result=Jdb->queryC1select*fr-ainsyscanfig11);$row=mysqlii_fetch_assoc($result)J$user=$_SESSI0-N[1name1]J圖3-6查看公告代碼4.5在線留言在首頁(yè)的下方是用戶(hù)留言的展示，在此模塊中，用戶(hù)可以對(duì)投票系統(tǒng)的不足之處或者可取之處發(fā)表一些個(gè)人的感想。主要用于用戶(hù)之間進(jìn)行一些交流溝通，以及系統(tǒng)管理員了解用戶(hù)的一些意見(jiàn)。留言功能只有登錄的用戶(hù)才能進(jìn)行留言，否則，系統(tǒng)將會(huì)提醒用戶(hù)先進(jìn)行登錄在發(fā)表留言。代碼實(shí)現(xiàn)部分，主要用array口函數(shù)循環(huán)輸出來(lái)創(chuàng)建留言

數(shù)組，然后進(jìn)行輸出。如圖3-7所示是在線留言頁(yè)面。圖3-8是主要實(shí)現(xiàn)php代碼。IM***-■HEESQIM***-■HEESQ圖3-7在線留言頁(yè)面['Jphp@session?start()；echa*<mretahttp-equiv="*Content-Type11content=11 t/html；charset=utf-8r ；~include(，!common.phpr,):1mclud€(11cann..php");$nav=4;faction=$_POST[1action1])Juser=$_P0ST[huser,]；軸與g=$_POST['msg,]；$time=date(nV-m-dn);if[$nisg){$resuit=$db->query(r,insertintom5&(userfmsg,tiine)values(1S-user13p$rnsg,?1itime11)JM)；if($resu"Lt)(echorescriptlsnguage=\nJavaSernpt\">alert；</script>n；}else￡echoM<.scriptl^nguage=\r,JavaScriptVt(\H/scrip-=>r,；-if($_SESSIDN['uE&rr]==true)(}($usermame=$_SESSION[11name1]；if($username-=|!p){echori<sc.rJipT>alert('請(qǐng)登錄再留言')；</script>1'；echoN<scr~ipt>window,Location.href=1login■php1J</&cript^1"；Mt。；圖3-8在線留言代碼4.6投票操作首頁(yè)的中部是關(guān)于投票的一些介紹，游客和用戶(hù)可以在冊(cè)查看活動(dòng)的投票介紹、投票規(guī)則、投票時(shí)間、活動(dòng)分類(lèi)、以及選手一些基本情況和獲得的票數(shù)。同樣的只有登錄的用戶(hù)才能進(jìn)行投票，游客只能進(jìn)行查看。點(diǎn)擊選手下方查看的按鈕可以查看選手的基本情況和簡(jiǎn)介。點(diǎn)擊投票按鈕就可以進(jìn)行投票。并且系統(tǒng)還通過(guò)限制ip地址的方式，限制每個(gè)用戶(hù)每天只能投一票。代碼實(shí)現(xiàn)部分，投票介紹、投票規(guī)則、投票時(shí)間是管理員可以后臺(tái)設(shè)置所以用到了query（）函數(shù)從數(shù)據(jù)庫(kù)進(jìn)行查詢(xún)，保存到變量$row中需要時(shí)結(jié)合HTML代碼輸出到前臺(tái)。投票操作也是用query（）函數(shù)從數(shù)據(jù)庫(kù)進(jìn)行查詢(xún)，保存到變量$result_vote中進(jìn)行輸出，點(diǎn)擊投票和簡(jiǎn)介按鈕時(shí)，系統(tǒng)會(huì)傳輸投票選手的id進(jìn)行將數(shù)據(jù)傳輸回?cái)?shù)據(jù)庫(kù)保存起來(lái)，并在刷新后顯示出數(shù)據(jù)。如圖3-8所示是投票操作頁(yè)面。圖3-9是主要實(shí)現(xiàn)php代碼。圖3-8投票操作截圖圖3-8投票操作截圖</pnp■ineludeconn?php1,1)；ijsession_start()*$ss=$_POST；if($_POST[c-id]=='*){$msg[1code1]=G*$HI3g[1IH5gp]二F,清選擇沒(méi)票主矗引；echojson_encode(Siri&g);functionvoteing($sss$db){$suecess=true;foreach($ssas&Rvalue}($result=$db->query(11selectsumvorenumfromvotenamewhereeid=r11..Rvalue.R,1；")；$row=mysq)l1?fetch?as&oc($resultJ;$result=$db->query(^updatevotenarreset.sumivotenumi=1p,.($row[1sumivatenumi1]+1),1,11whereeid=1''Rvalue.H'p,)；I$resul.t){$suecessfalse；]}if{^success]{fareach($ssas$key=>$value)($result二$db->query("selectsum(votenum)fromvoteoptionwhereupid=l，s,,$keyr；r,)J$row二mysqli_fetch_assoc($resuit)；$result=$db->query(n,update-voteramc-setsunivotenurn=1nB.$rowj[1sum(votenum)1]?B,rwherecid=r$keyp；")；if(I$result)￡$success二false；圖3-9投票操作代碼截圖4.7后臺(tái)登錄界面由于本系統(tǒng)是前后臺(tái)分離的管理方式，所以管理員登錄時(shí)有獨(dú)立的登錄路徑。如圖4-13所示。管理員后臺(tái)登陸用戶(hù)名密碼用戶(hù)名密碼噸入率圖3-10后臺(tái)登錄界面4.8后臺(tái)管理界面在后臺(tái)管理界面中，包含有密碼設(shè)置、用戶(hù)管理、投票管理、公告管理、投票設(shè)置、留言管理幾大模塊，如圖3-11所示。河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))fl 踏8ilf&A>3hEid*間密畏gAilf&A>3hEid*間密畏gA周朔=1SMBE■釧*理■鈕圈匿=■言履序1馴曲亨*.心fi?圖3-11后臺(tái)管理界面4.9密碼設(shè)置模塊■帛戶(hù)■建=瞄整囹=^?BE=世専設(shè)BE■貨■■理管理員在登錄后臺(tái)后可以對(duì)自己的登錄密碼進(jìn)行修改，修改時(shí)需要先輸入原來(lái)的密碼在進(jìn)行修改，此功能主要用于保障管理員賬號(hào)的安全性。代碼實(shí)現(xiàn)方面，主要是用post方法來(lái)實(shí)現(xiàn)數(shù)據(jù)的傳遞，首先用query■帛戶(hù)■建=瞄整囹=^?BE=世専設(shè)BE■貨■■理BMAIH吉啊HWAPIST^dppiigH圖3-12密碼設(shè)置界面河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）k?phpinclud^tU</connphpr];■include(rcommon「phpk?phpinclud^tU</connphpr];■include(rcommon「phpr)；if(S-POSTL1oldpass1]j{$oldpass-$_P0ST[1oldpass11]J$newpass=$_P0ST[1newpassh]J$ne-bvpass2二$_POST[pnewpassZ1]；$result=$db->query(■'select*fromuserswhereu]5ernanre='admin1andpa&swd=rSoldpass1")；if(^result->Fium_rows==0)￡echoB,<.&cript>onlo-ad二function^){document-getElementIByldJrerrortsxtr),irinerHTML=1原由言密&?rt&深！1;}c/￡er-ipt>w;1-elsefif($newass1=5newpass2){echo11<script^onlo3d=fuincfion()(document.getElententById(1rrortext1)■innerHTFL-1兩次回碼軸入不一S?1 ;comr!on.}else{$result二$db->qnery(lvupdst:euserssetpaaswdl=rfnewpass1whereusernsme=radmin1")；1f(Sresult)￡echos,Cscript>onlciad二funeti)￡document.getELementIById[perrortextp)-innerHTML-1修改成V)1；}</script>r,；}else{echoB,cscript>onlo3d二function(){document (*errortext innerHTML=1 1:}?：7script>Ni}echos,Cscri圖3-13密碼設(shè)置代碼界面4.10用戶(hù)管理模塊用戶(hù)管理界面如圖3-13所示。用戶(hù)管理界面可以查看已經(jīng)注冊(cè)的用戶(hù)的用戶(hù)名、密碼，在用戶(hù)的有要求時(shí)，還可以聯(lián)系管理員進(jìn)行密碼的修改。?度蝦復(fù)■■writs=TSETSE三塵fitH■理■按専艘㈱員礎(chǔ)id用0MIS峪E122峰諷□asST123口擋■.二L234覇隱口為ua□37CNE2口招1231腐改|睥*||砌塩圖3-13用戶(hù)管理界面<?php$result=miysq11_query($db3h,select*fromliterswhere団dnrHn='0'；14)&wh"i1e($row二rniysqli_fetch_assoc($result))(<tr><tdheig!ht=,,<tr><tdheig!ht=,,2BB,valign=B,middll&p'Xinputnaims=，!checkboxi"temr,type=Mcheckbox1'value=11<?phpecho$row['cid1];Wx?phpechoSrowf'cid1];<td><?phpeclioSrow[1username1]；?></td>ctd><?phpecho$itdw[1passwdp]；?5</td><td><iinputstyle="width:43px;height:22pm;11waljo=l,fl^3t11typ?=11button"onClick=,,location.href="7do^change&id-<7phpecho$raw[rcid1]；?>111<td><inputsty"le=FlwndthMQpx；heiglht^Zpx；11 冊(cè)降"Type=r,button0cmClick="locatJioni.href=r1do=delete&id-<?phpecho$row[rcid1]；?>'',,x/td></tr><?php}?><tr><tdcDlspan=,,5l,X-input<inputvalu&=,'i&^^SE"typ^="biuttonB,vail戲二"取消全選”type="buttan"valu玲二"刪除Wf選”type=11botton-lonCl-i€k=，1Eelectall()B,/>onClick=,lunselectall()"'/>onClRk=p,deleteBelect()p,/></td></tr>圖3-14用戶(hù)管理代碼4.11投票管理模塊投票管理模塊中包含了標(biāo)題管理、參賽者票數(shù)情況、活動(dòng)票數(shù)情況幾個(gè)分類(lèi)。標(biāo)題管理界面如圖3-15所示。標(biāo)題管理界面可以查看所有的參賽標(biāo)題，同樣的,在有需要時(shí)管理員可以對(duì)已經(jīng)發(fā)布的活動(dòng)標(biāo)題進(jìn)行在線的修改或者直接刪除操作。*蛙觸曽=用。**蛙觸曽=用。*彊"■鹿V"_12電>況ESIfE=卷25艮理=fflWSS■喧S8善□4修改□5嗨之=□6也陽(yáng)1□7■*1部分祐至I*視圖3-15標(biāo)題管理界面<?php$r&sult=mysqli_query(''selectTfromtype； ；74^1^($row二mysqli_fetch_3<sso€($result))(?><tr><tdheHght=l,28'1valign=,"m-iddle,,'>iCinputname=11checkboxiternritype=11checkbox11value=,,<?phpecho?>'*><?phpecho$r_aw[1id']；?x/td><tdl><?phpechoSrDw['typenamettdl><trputstyle=nwidth^^px；height"22pxJ11value=”修改”type="button11dhCHck=Mlocatiori,href=1?dD=change&-id=<?phpecho$row['id1]；?>1n></td><tdxinputstyte二p,widizh:4Gpxjheights22pxj11valg="'謝除"type=11button11onCIitk="Iqcation+href=1?dD=deleted=<?phpecho$row[11d1]；?>1</tr><?php}?>"S'^Cinput type="S'^Cinput type=r,button11<inputvalue=R!取浩全選引type=nbutton<-inputgig,刪除所選引type=Nbutton^onClick=r,selectall()M/>onCl_ick=nun5el€Ctall{)ri/>onCl-ick="deLetflseT-Ect()M/><tdlcolspaai=</td></tr>圖3T6標(biāo)題管理代碼參賽者票數(shù)情況界面如圖3-17所示。在參賽者票數(shù)情況界面中可以查看所有的參賽選手的票數(shù)情況，簡(jiǎn)介以及照片。主要實(shí)現(xiàn)代碼如圖3-18所示。*KW&B*KW&B=用日曾理=圖MS>>律毋>I^UW殳旦擔(dān)誕貧=SEU強(qiáng)e海KGH弁Mla51毎2以血牌帝目舌TJ53班.SUJWMZm的齡生.干頗.喂等喧中年立比.「國(guó).北巨崖瘁f尋口喫行童學(xué)'蘭崖大蝦*.A4>loa(V^e/3019O5W/2O19O5ffil6152*_5375&jpQi瀆1險(xiǎn)Q52L=SlfflHF*SSri52W.字討齡亡E.玲#:*:踴權(quán)莎子A^IOdd/^e/2fll9Q5ffi/201905?161B21_5Q561jpg譯際Q待L.嵐1外平助W津打皿I.W.WJH事.旺市粗郵訖職鼠A^load/^e/2fll9QW201905051613SM9144jpgQ53.9LSM3W**B1SK163M.嵐1相皿的齡生.=W池寢等皎中隼立％.因反的國(guó)馭ESjcpQB田:吁18掌一蘭里大哄蜃箏關(guān)照A^IOdd/^e/2019Q5ffi/201905?162D15_aQ339Djpg1酰牡01?標(biāo)流擊圖3-17參賽者票數(shù)情況界面<?php^result二mysqIn_query($db/'seiect*fromvotenante;11);while($irow二mysqli_feteh_assot(^result)){?><tr><tdheight=,l28M><iinput5tyle=p,width115px；"name="checkboxitem"Typ?=ncheckbox"value=,l<?phpecho$row['end1J；?>llx?phpecho$row[pcidr];<tdl><?phpecho$row[1quest!on_n3rner]；?></td><tdl><?phpecho$row[psumvotenumr]；<tdlX?phpecho$raw['de^1]；<tdl><?phpecho$row[1pic1]；?></tdl>- 〈.d><7wpc/twfyle三-wld弋，空#；h&ight￡22px^TIvalue5擬改二type=^butTanwI-fck=tian.hrefsrt?phpecho$row[rcidp]J?><rd><Hnputstyle="wjHdth：40px；height:22px*"二mlLj皂二‘‘珊除"type=B,button1'onClnck：=111ocarion.href="?do=deletefiid=<?phpecho$row[1end1]*?>1n>c/td></tr><?php)?><Tr><rdcolsp3n=s,<rdcolsp3n=s,7B!><input<inputvalue="選揑wig二“取消全選成wluu“刪I除所選成tvpe=MbuttonB!tvpe：=''buttonB!type-1'buttonB!onCl-ick=r!selectallQn/>onClick=p'uriselectall￡)!,/>GinClick=r,deleteselect()i!/Hg5Hg5=用貝営屋==捆富置團(tuán)>M—IIW*!.:書(shū)==gira■摧―領(lǐng)</td>圖3-18參賽者票數(shù)情況代碼活動(dòng)票數(shù)情況界面如圖3-19所示。在活動(dòng)票數(shù)情況界面中可以查看所有的活動(dòng)的票數(shù)情況，參賽人數(shù)，以及具體的參賽者的票情況。主要實(shí)現(xiàn)代碼如圖3-20所示。同尊徇1■靠宣.祺専咬O+22■?二532|m500■?07涵之=鼻三明00■?圖3-19活動(dòng)票數(shù)情況界面1fpnp$>res.ult_nane=$db->query{selectTfromtypep,)]tf($resuilt_nanie){while($rcw_nane二myaqli_feteh_sssoc($resLilt_rame))￡Stypeid-fovj_nanefp"idrJ■；$sqL2=select*fromvotenamewheretypeid=$typeid■'iSquery二$db->query($sql2);5El=6；Susemum=G；wtiile(Srg二mysq11_fetch_assot($ciuery)){$m= 「MLimvotEriuiE「]：$>usernurn+=1；}<tr^ctdhe_ight=p,2fil!valign=l,middLe^J<1nputname=p,checkbox!tem!，type=p,checkboki!value=p,<?phpecha$type-id；7>"J17phpecho$row_nanre[ridr]；7></td?<td><?php拍匚tw$[11>'];?></td><td><?phpecho$n；?></rd><td><?phpechoSusernijm；7></td><td><inputstyle=11width;height:22px;Mv3lue="SS11■tj/p-e="bmittcnt,onClick="show(<7php-echoftypeidlj?>)n>/td></tr>"php}}?>圖3-20活動(dòng)票數(shù)情況代碼4.12公告管理模塊公告管理模塊中包含了發(fā)布公告、查看公告兩個(gè)分類(lèi)。管理員可以在發(fā)布公告頁(yè)面將公告內(nèi)容發(fā)布到網(wǎng)站上，在查看公共頁(yè)面可以查看所有公告，并可以對(duì)公告信息進(jìn)行編輯。發(fā)布公告界面如圖3-21所示。在發(fā)布公告界面中可以管理員可以對(duì)公告進(jìn)行發(fā)布。發(fā)布時(shí)需要編輯好相關(guān)的標(biāo)題以及公告內(nèi)容，最后點(diǎn)擊發(fā)布即可進(jìn)行發(fā)布。主要實(shí)現(xiàn)代碼如圖3-22所示。御義綻后臼網(wǎng)站首凱用戶(hù)哲理=略設(shè)罟御義綻后臼網(wǎng)站首凱用戶(hù)哲理=略設(shè)罟圖3-21發(fā)布公告界面kTphpdate_default_timezone_Bet("PRC")；?><?php■irielude(f?./conn-php1)；intlude(rcomm0n*phpr)；$action二$_POST[!action']JSt-itle=$_POST[rtntler]；^content=$_POST[fcontent1]；$fime=daret^Y-m-dH:its")；if(Stitle&&$content)($resiJilt=$db->query(Ninsertintogg(titie3content3tivalues(rrj,1$ccntent1j.r$time「)；”)；iff^resultHfuncti0n{){dacunient.getEl_em-entByLd(1functi0n{){dacunient.getEl_em-entByLd(1errortextr)hinnerHTML=1係與公古，成Stl*;}</5cript>14;}else{function(){document..getElementById(function(){document..getElementById(1errortextr).innerlrlTML='保薦公告生BE1;}-</script>H;}?>圖3-22發(fā)布公告代碼查看公告界面如圖3-23所示。在查看公告界面中可以管理員可以查看所有已經(jīng)發(fā)布的公告，對(duì)公告實(shí)行編輯或刪除等操作。主要實(shí)現(xiàn)代碼如圖3-22所示?！鰐o?.*■=SiEHEE<?php撾布時(shí)間MM□9辦屮功HSftffi毛.201MS-■±Ob□太東下午釁袞;KHI&!=SiEHEE<?php撾布時(shí)間MM□9辦屮功HSftffi毛.201MS-■±Ob□太東下午釁袞;KHI&!已座宜而aWxffBijai2S5fflj3S.弟壬工承奉冨配也歐散爸i10till□畫(huà)衛(wèi)n做苫酩」喧■騎濟(jì)弔慟酔」嚙■稲弟會(huì)ffffi*11M□畫(huà)衛(wèi)n做苫酩」喧■騎濟(jì)弔慟酔」嚙■稲弟會(huì)ffffi*12M圖3-23查看公告界面mysqli.query($dbr''selectTfromggJ")；$resultwhile($row=nny5qli_fetch_3SS0c{$result)){width=1,144"hen<ht=28”,jal_ign=：,,,iniddlennputstyle="width:15px;"name=F,checkbox1temi,'type-richeckbox"1Ed<td<td><?phpecho><?phpecho><?phpechovaloe=''<?phpecho$row[rid']；?>"><?phpecho$row[pidp]J^row[1titler]；$row[1contentr];$row[1tine1'];■width=l,*,lxinputstylez^'width:4?px;height:22p^/'『slue二葉修改11typ^z'^jrion1'onCl-ick=?Location.href=11do=change&id=<?phpechoSrow[1id1]J?>r></td>c：tdCtdwidth=,i,34,,><-input =dth：40px；height：22px；11MmluE二”地除"type=p,button11onClick=Hlacat:iona.href=1?do=delete￡did=<?phpecho$row[1id1],?>r",></td></tr><?php)■?><tdcol3pan="6"><nnput<input<inputvah圮/選捍全部”v.3lije="BS消全選vaIue=I冊(cè)除所選叫type=Mbuttonr,type=!1buttonritype=MbuttonrionCHck="aelect^ll()B,/>onCtick=Flun5electall()M/>onCHck=F,del.ete5elpct()11/c/td></tr>圖3-24查看公告代碼4.13投票設(shè)置模塊投票設(shè)置模塊中包含設(shè)置活動(dòng)介紹、添加投票標(biāo)題、添加選手幾個(gè)分類(lèi)。

=他皿■林瞄>媛玲f*■臼>r±C3^=他皿■林瞄>媛玲f*■臼>r±C3^=習(xí)ISIS國(guó)IFSKW0S1L在令（j￡JH中苴収為L(zhǎng)SifiiSAlftlC2,.京二董■政更董■個(gè)人胸什：元貝可以投一球2fli9-os-ai'壓詞景C叩湖協(xié)【ifiZB^a^ARiW圖3-25投票設(shè)置界面設(shè)置活動(dòng)介紹界面如圖3-26所示。在活動(dòng)介紹界面，管理員可以設(shè)置活動(dòng)的投票規(guī)則，投票起止時(shí)間以及投票方式等。設(shè)置完成后，數(shù)據(jù)將會(huì)同步到前臺(tái)。主要實(shí)現(xiàn)代碼如圖3-27所示。<風(fēng)蹄重=用戶(hù)IBSI=虹土01三S団二備聲>勤［￡SI?%￡<!&=-=奮色I(xiàn)B田ICappdQhlaitEBTST^W圖3-26設(shè)置活動(dòng)介紹界面<FORMaction=s,Voteset.php"(?1日七11口出二"卩口$1:"enctype=i!muLtipart/form-data"name=i,torml11id=”十c?「ni丄"><DIVclaEs^^con-trol-group'^KlabelMw"'[北mir_f投票主通：JLabe"L><DIVclass=11controls11XlNPUTclas&="usernameH叮的曰=”對(duì)。代11的帖"size=H30!i,ma?tleingth="3?11type=textvalue=11<?phpecho$row[fvat：€_ramMS1]；?>MXPclass=help-bl?ck></P></OIV：：-</DIV><DIVcl如s=11control-group"><labelc：lass=11L誠(chéng)5_f七投票介蠟=f吳I*<DIVclass=,,controlsH><textaE3naiw二Ndescription'1cols=11"rows="引style='牌idth:5瞼px;helght:2&6pK；paddIng.;l?px2&pKM><?phpecho$row['descriptwn'];?>c/textarea><Pclass=heIp-blcckx/P></DIV></DIV><DIVclass=11cantrol-group"><labelc：lsss="laber.from"^投塁規(guī)則]<DIVcl3ss=,,control.sn>ctextareannme="re^r,cdIs='imrow5=PI"style=R,width150?px；heightl：100px；padding^10p>i20pxFI><?phpeclho$row[rreg1]*?>C/t-extara3>cPelass=help-block></P>C/DIVJ</DIV><DIVcls="control-groupp,>clabelclaEs=B,laber_from11，投票幵華時(shí)間《/labels<DIVclass=，!contrDlsp,><-inputname=，!stime1'type=p,textB,value=n<?phpecho$row[!5-tirTier]；?>p,id=s,stime1"s-ize="30p,maxlengths''IO"onCliclk="newCal_endar().show(this):"「已■二「EmdoFilY”/><Pclass=heIp-btockx/P></DlV>圖3-27設(shè)置活動(dòng)介紹代碼添加投票標(biāo)題界面如圖3-28所示。在添加投票界面中，管理員可以自行添加投票標(biāo)題，并對(duì)其作出簡(jiǎn)要的說(shuō)明。主要實(shí)現(xiàn)代碼如圖3-29所示。投票系統(tǒng)后臺(tái)網(wǎng)站首頁(yè)*盛碼瞄=用戶(hù)管理三*盛碼瞄=用戶(hù)管理三投票管理=公告管理三投票設(shè)置護(hù)始泓=留言管理投票抵題名稱(chēng)簡(jiǎn)單說(shuō)明投票標(biāo)題名稱(chēng)圖3-28添加投票標(biāo)題河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文（設(shè)計(jì)）河池學(xué)院2019河池學(xué)院2019屆畢業(yè)論文(設(shè)計(jì))<DIVcLass-,lcontroL-group"1><labelc1as11"Laber_from14，扌.曰咨聽(tīng)逝名稱(chēng)《/label_><DIVclass=11controls"XINPUTclass=B,p,style=N\M-idth:3afipx；"name^11typename"type=textpLm匚曰holdsI■二”投襄標(biāo)鯉名稱(chēng)”><：Pclass=help-block></P></DIV>CDIUclass=l!control-grou]pM><labelclass=l,l-aber_from，筒里說(shuō)明</Label><DIVclass=11controts,，!Xtextareanarne=,,dec3l，!style=Hwidth：300pxJhe-ighti100px；padding：10px-'></textarea></DIV></DIV>圖3-29添加投票代碼添加選手界面如圖3-30所示。在添加選手界面中，管理員可以自行添加投票選手,在此是對(duì)選手進(jìn)行逐個(gè)添加，上上傳選手資料時(shí)管理員需要設(shè)置好選手的名稱(chēng)，參賽標(biāo)題，上傳照片并對(duì)其作出簡(jiǎn)要的說(shuō)明，以便于前臺(tái)用戶(hù)在進(jìn)行投票時(shí)更夠更好更快的了解選手。主要實(shí)現(xiàn)代碼如圖3-31所示。投票襁后臺(tái)網(wǎng)站首頁(yè)三用戶(hù)檔哩選手名程請(qǐng)輸入選手者稱(chēng)三投票管哩T三公告管理=投票諼置上傳國(guó)片* J上傳>妲活^共三說(shuō)明>瀚口辱.■:三雷言首理圖3-30添加選手界面T|c?php1ncIude(11a/conn-php「);common.include(rcommoi-i.php1)；t if($_POSTcommon.Ssub]eat=§_POST[1votesubject']；Stypc二S_POST[';Suiser=5_PO5T['userp]；Spic=$_POST[1thvmbnanI*]；$des二$_PO￡T['namelp]；Stypeid=$_PD5T['typeid']；Sre&ult：=$db->query(■'insertintawotenairt-e(question_name? ?UE.e-r?pic ?typandl)values,('Ssubjecfr$type'j,r$u&er'r$pnc'd'$desRd1Stypeid1)")；if(^-result)(}else{『■echo"*scr1pt>onloadechoi!<script?onload-funetion{){documen"tage"tEl?HeintById(!errartextr),innei'IHTML-r潘加問(wèn)題成Sh1}else{『■echo"*scr1pt>onloadfunet1on<)-[docum河t,菖応tElemenTByld('^rrort^xth)innerHTML=1i^llDIr?^$user=$_5ES5IOH[1nsn*e1]；圖3-31添加選手代碼4.14留言管理模塊在留言管理模塊中，管理員可以對(duì)前臺(tái)用戶(hù)的留言進(jìn)行查詢(xún)，對(duì)于一些不恰當(dāng)?shù)牧粞?，管理員可以進(jìn)行刪除留言操作。留言管理模塊中，管理員可以查詢(xún)到留言的用戶(hù)的用戶(hù)名、留言?xún)?nèi)容、留言時(shí)間。留言管理界面如圖3-29所示。■蛭變躍■蛭變躍=用”優(yōu)=搜環(huán)甘匣■小曾理-財(cái)瞄■>Id圖W人員三內(nèi)容eta：pk□2USE3RASffSCft-S.^KfE75S:Ws辦說(shuō)Jfc曰子,岑咤光■:即帝酒,一三園為皮草r—園為空序單因.溟■常早?Rift肆且曰市.既■往2MjM3?2Sno?UEERR.為朗匠為若瑚i,気sb了一日:栗二日上午頃風(fēng)虹目贋口."FT上年北古.由回*12.市已曲t不圧角.BIB至一eft傘即莖.穿陸我間5.推日三晚王員a富昌翎.舊位陟不點(diǎn)心.甲扃1不長(zhǎng)轄:iSSREST一&芟更嫩4年已二.北糸已采g兩三用.此訂11了一金,S3庁壽定急E：己塔魚(yú)古.艷曰三？?拓.旭"：KKff.側(cè)法不殲J2D19D3-20啪□426220)6412 財(cái)用了工，垣了斯對(duì)E,此■德■■行沃行孝格丁.eirmiy亍剛演可啲鑫他良旦仁呻刨:hfl■araj~-—r,〔一―r~. irwCopyHflk(￡E!S￥i=t.Aj^W2D19-fla-igVI隆圖3-29留言管理界面5系統(tǒng)測(cè)試5.1系統(tǒng)測(cè)試的介紹系統(tǒng)測(cè)試作為整個(gè)系統(tǒng)項(xiàng)目的最后一個(gè)階段，其重要的地位是不容置疑的。軟件測(cè)試是項(xiàng)目投入使用前檢測(cè)其穩(wěn)定性、正確性、完整性的一項(xiàng)操作。在軟件測(cè)試階段，系統(tǒng)測(cè)試人員需要從用戶(hù)的角度出發(fā)應(yīng)用所學(xué)習(xí)的測(cè)試原則耐心的找出系統(tǒng)中還存在的一些缺陷，發(fā)現(xiàn)程序錯(cuò)誤并且進(jìn)行詳細(xì)的記錄以方便后期對(duì)所需要修改的部分進(jìn)行修改，以確保軟件系統(tǒng)在最終完工時(shí)的質(zhì)量。常見(jiàn)的軟件測(cè)試技術(shù)有黑盒測(cè)試法、白盒測(cè)試法、靜態(tài)測(cè)試法、動(dòng)態(tài)測(cè)試法、自動(dòng)化測(cè)試法、隨機(jī)測(cè)試法、驗(yàn)證法和確認(rèn)法等。這些都是比較實(shí)用的測(cè)試方法，測(cè)試者可以選用其中的一個(gè)或者幾個(gè)來(lái)對(duì)軟件進(jìn)行測(cè)試以達(dá)到找出系統(tǒng)問(wèn)題的目的。5.2測(cè)試內(nèi)容由于經(jīng)濟(jì)還有其他一些原因的限制，本系統(tǒng)擬采用黑盒測(cè)試法，對(duì)系統(tǒng)進(jìn)行最后的確認(rèn)測(cè)試。從用戶(hù)的角度出發(fā)，對(duì)系統(tǒng)的各個(gè)功能在電腦本地進(jìn)行運(yùn)行試用，對(duì)于出現(xiàn)的問(wèn)題進(jìn)行及時(shí)的修正。并對(duì)代碼進(jìn)行及時(shí)的維護(hù)，確保系統(tǒng)在正式使用時(shí)能夠較為穩(wěn)定的的運(yùn)行出來(lái)，其中測(cè)試項(xiàng)目包括包括注冊(cè)、登錄、投票、留言、公告、后臺(tái)管理員管理數(shù)據(jù)的增刪改查操作等。目的是使系統(tǒng)能夠更加的穩(wěn)定，確保能夠?qū)崿F(xiàn)需求分析時(shí)的所有需求。5.3測(cè)試結(jié)果通過(guò)耐心的測(cè)試，不斷的修改代碼和完善系統(tǒng)結(jié)構(gòu)，系統(tǒng)最終較為穩(wěn)定的運(yùn)行了起來(lái)，測(cè)試結(jié)果也比較令人滿(mǎn)意，大體上滿(mǎn)足了最初的系統(tǒng)需求分析。以下為修改后最終檢測(cè)時(shí)記錄下來(lái)的一些數(shù)據(jù)表格。檢查項(xiàng)檢查結(jié)果注冊(cè)、登錄功能是否正常運(yùn)行正常運(yùn)行投票規(guī)則、投票介紹、投票時(shí)間設(shè)置正常運(yùn)行投票分類(lèi)設(shè)置正常運(yùn)行投票、簡(jiǎn)介按鈕正常運(yùn)行公告的發(fā)布、查詢(xún)正常運(yùn)行留言的發(fā)布、查詢(xún)正常運(yùn)行管理員密碼設(shè)置正常運(yùn)行用戶(hù)管理的修改、刪除正常運(yùn)行活動(dòng)票數(shù)情況、參賽人員情況的管理正常運(yùn)行參賽人員的添加正常運(yùn)行6總結(jié)和反思本論文主要介紹我編寫(xiě)的網(wǎng)上投票系統(tǒng)的一些詳細(xì)信息，從簡(jiǎn)單的注冊(cè)、登錄、到投票等等功能我都作出了詳細(xì)的介紹以及對(duì)相應(yīng)的操作界面以及主要實(shí)現(xiàn)代碼進(jìn)行了截圖。這是為了自己編寫(xiě)時(shí)更加方便直觀有條理，同時(shí)也是為了他人與老師在閱讀的過(guò)程中有更好的體驗(yàn)。本系統(tǒng)雖然略顯稚嫩，但是也是我花費(fèi)了很多的心血才磨礪出來(lái)的。尤其是在整個(gè)系統(tǒng)的風(fēng)格方面，我更是猶豫了很多次，最終決定采用面向年輕人的扁平化的風(fēng)格。扁平化的風(fēng)格，顯得系統(tǒng)更加具有童心和樂(lè)趣，能夠吸引到比較年輕的大學(xué)生們參與。在系統(tǒng)的整體風(fēng)格的把握上面我還是比較有信心的。在系統(tǒng)功能方面，我在系統(tǒng)頭部增加了投票簡(jiǎn)介、投票介紹、投票時(shí)間等一些介紹，使得投票者在進(jìn)入系統(tǒng)之后便能夠大概了解本次的投票活動(dòng)。同時(shí)也是為投票增加了許多的選項(xiàng)，在評(píng)選時(shí)可以更加的靈活。頁(yè)面底部留有留言功能，方便用戶(hù)對(duì)系統(tǒng)發(fā)表一些個(gè)人意見(jiàn)，此外，還有公告，后臺(tái)的管理等等。無(wú)一不是我經(jīng)過(guò)周密的思考不斷的修改才做出來(lái)的。在系統(tǒng)完工時(shí)，我認(rèn)為系統(tǒng)還是達(dá)到了我預(yù)期的一些需求分析的，并且還是比較具有創(chuàng)意的。經(jīng)過(guò)漫長(zhǎng)的努力過(guò)程，終于完成了本次網(wǎng)上投票系統(tǒng)的設(shè)計(jì)與編寫(xiě)。在編寫(xiě)過(guò)程中,不僅鍛煉了我查閱資料的能力以及解決技術(shù)問(wèn)題的能力更使得我對(duì)軟件開(kāi)發(fā)的整套流程有了一個(gè)更加清晰的認(rèn)識(shí)，從中我也深深也了解到，一個(gè)完善的系統(tǒng)從設(shè)計(jì)到投入使用，需要花費(fèi)許多的心血。在前期的工作中，我到圖書(shū)館查閱了大量的有關(guān)管理系統(tǒng)以及投票系統(tǒng)所需要的資料。對(duì)有幫助的書(shū)籍都做了一些摘抄，并且閱讀了多篇知網(wǎng)上的同類(lèi)論文，都一一做了詳細(xì)的注釋以及分類(lèi)，這使我吸收到了很多在系統(tǒng)設(shè)計(jì)方面的經(jīng)驗(yàn)使我對(duì)系統(tǒng)的設(shè)計(jì)以及編寫(xiě)有了更加深刻的認(rèn)識(shí)。同時(shí)在系統(tǒng)正式完工之前，我的指導(dǎo)老師韋靜老師更是多次對(duì)我的系統(tǒng)做出了很多具有建設(shè)性的修改意見(jiàn)，我也積極的配合了她的一些修改意見(jiàn)。但是，不可否認(rèn)的是，我在系統(tǒng)的代碼編寫(xiě)方面還有系統(tǒng)設(shè)計(jì)方面存在著很多缺陷