基于web的在線問(wèn)卷調(diào)查系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)--軟件綜合課程設(shè)計(jì)

1、沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)報(bào)告課程設(shè)計(jì)名稱：軟件綜合課程設(shè)計(jì) 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)院（系）：計(jì)算機(jī)學(xué)院專 業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)班 級(jí)：學(xué) 號(hào)：2姓 名：指導(dǎo)教師：說(shuō)明：結(jié)論（優(yōu)秀、良好、中等、及格、不及格）作為相關(guān)教環(huán)節(jié)考核必要依據(jù);格式不符合要求；數(shù)據(jù)不實(shí)，不予通過(guò)。報(bào)告和電子數(shù)據(jù)必須作為實(shí)驗(yàn)現(xiàn)象重復(fù)的關(guān)指導(dǎo)教師評(píng)語(yǔ):簽名:審查結(jié)論學(xué)術(shù)誠(chéng)信聲明本人聲明：所呈交的報(bào)告（含電子版及數(shù)據(jù)文件）是我個(gè)人在導(dǎo) 師指導(dǎo)下獨(dú)立進(jìn)行設(shè)計(jì)工作及取得的研究結(jié)果。盡我所知，除了文中 特別或撰寫過(guò)的研究結(jié)果，也不包含其它教育機(jī)構(gòu)使用過(guò)的材料。與 我一同工作的同學(xué)對(duì)本研究所做的任何貢獻(xiàn)均己在報(bào)告中做了明確的 說(shuō)明并表示了謝意

2、。報(bào)告資料及實(shí)驗(yàn)數(shù)據(jù)若有不實(shí)之處，本人愿意接 受本教學(xué)環(huán)節(jié)“不及格”和“重修或重做”的評(píng)分結(jié)論并承擔(dān)相關(guān)一 切后果。沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)任務(wù)書(shū)課程設(shè)計(jì)名稱軟件綜合課程設(shè)計(jì)專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)生姓名班級(jí)學(xué)號(hào)題目名稱基于web的在線問(wèn)卷調(diào)查系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)起止口期2016 年12月19起至 2017 年 1 月13止課設(shè)內(nèi)容和要求：在校園、企事業(yè)單位里，由于各種調(diào)查研究的需要，經(jīng)常會(huì)有各種各樣的調(diào)查問(wèn)卷， 在傳統(tǒng)模式下，人們不但要花費(fèi)不少的費(fèi)用印刷問(wèn)卷，而且還要消耗大量時(shí)間和精力 對(duì)調(diào)查問(wèn)卷進(jìn)行發(fā)放和回收，對(duì)調(diào)查問(wèn)卷進(jìn)行統(tǒng)計(jì)，并且人工操作調(diào)查問(wèn)卷隨意性較 大，容易產(chǎn)生遺漏等問(wèn)題。本系統(tǒng)建立在

3、信息技術(shù)基礎(chǔ)上，構(gòu)建一個(gè)在線的問(wèn)卷設(shè)計(jì)、 分發(fā)、調(diào)查、回收、統(tǒng)計(jì)的系統(tǒng)，基木解決傳統(tǒng)問(wèn)卷的上述老大難問(wèn)題。1實(shí)現(xiàn)用戶管理系統(tǒng)，注冊(cè)用戶可以發(fā)布、編輯問(wèn)卷；非注冊(cè)用戶只可以填寫問(wèn)卷。2實(shí)現(xiàn)問(wèn)卷發(fā)布管理系統(tǒng)，可以對(duì)問(wèn)卷進(jìn)行增加，修改，刪除，查詢等操作。3實(shí)現(xiàn)數(shù)據(jù)可視化，對(duì)問(wèn)卷統(tǒng)計(jì)結(jié)果通過(guò)圖表進(jìn)行展示。4界面美觀，用戶交互、體騎良好。參考資料：麥克勞克林.php & mysql實(shí)戰(zhàn)手冊(cè)-第二版m.中國(guó)電力出版社，2014.楊克李強(qiáng)，裴云，黃向黨.piip和mysql web開(kāi)發(fā)從新手到高手m人民郵電出版 社，2013.教研室審核意見(jiàn)：教研室主任簽字：指導(dǎo)教師（簽名）2016 年 12月 16

4、日學(xué)生（簽名）2016 年 12月 19日課程設(shè)計(jì)總結(jié)：木次課程設(shè)計(jì)的主要任務(wù)是在線問(wèn)卷系統(tǒng)。此實(shí)現(xiàn)了問(wèn)卷創(chuàng)建，編輯，用戶 管理，問(wèn)卷信息統(tǒng)計(jì)等功能，使用php語(yǔ)言的laravel框架，mysql數(shù)據(jù)庫(kù)。在這次課程設(shè)計(jì)屮，使我懂得了理論與實(shí)際相結(jié)合是很重要的，只有知識(shí)是 遠(yuǎn)不夠的，只有把所學(xué)理論知與實(shí)踐相結(jié)合起來(lái)從中得出識(shí)是遠(yuǎn)不夠的，只有把 所學(xué)理論知與實(shí)踐相結(jié)合起來(lái)從中得出才能真正為社會(huì)服務(wù)，從而提高自己的實(shí) 際動(dòng)手力和獨(dú)立思考。才能真正為社會(huì)服務(wù)，從而提高自己的實(shí)際動(dòng)手力和獨(dú)立 思考。才能真正為社會(huì)服務(wù)，從而提高自己的實(shí)際動(dòng)手力和獨(dú)立思考。才能真正 為社會(huì)服務(wù)，從而提高自己的實(shí)際動(dòng)手力和獨(dú)

5、立思考。系統(tǒng)中存在的一些不足和 設(shè)計(jì)上存在的缺憾，說(shuō)明自己這些方面還有很多不足z處有待自己進(jìn)一步學(xué)習(xí)、 提高。在這次課程設(shè)計(jì)中，我學(xué)到很多東西真正達(dá)與用合，增強(qiáng)了對(duì)數(shù)據(jù)庫(kù)方面應(yīng) 用的理解自己今后參與開(kāi)發(fā)系統(tǒng)積累不少經(jīng)驗(yàn)，在課程設(shè)計(jì)過(guò)中從建立數(shù)據(jù)開(kāi)始 對(duì)庫(kù)理念及思想上有更高的認(rèn)識(shí)。從書(shū)本上知運(yùn)用到實(shí)際動(dòng)手操作來(lái)，收獲頗多 我真正學(xué)了計(jì)算機(jī)教科書(shū)上所沒(méi)有或者真正用到了課木的知識(shí)。這樣，既鞏固舊 又掌握了新知識(shí)。不僅提高自己的動(dòng)手能力，更體會(huì)到軟件開(kāi)發(fā)樂(lè)趣加深入的了 解數(shù)據(jù)庫(kù)實(shí)際應(yīng)用，為我們將來(lái)踐打下良好的基礎(chǔ)。在課設(shè)期間，與同學(xué)z間的 相互探討對(duì)我有很大的啟發(fā)。讓我對(duì)有關(guān)知識(shí)有了更加深入的理解，也

6、增強(qiáng)了我 解決困難，克服困難的勇氣和決心。這次課設(shè)的感悟?qū)ξ襢i后的學(xué)習(xí)和工作有了 很大的促進(jìn)作用。hi目 錄需求分析11系統(tǒng)開(kāi)發(fā)背景11.2系統(tǒng)開(kāi)發(fā)目的11.3系統(tǒng)開(kāi)發(fā)意義22概要設(shè)計(jì)32總體設(shè)計(jì)32.2功能設(shè)計(jì)32.2.1用戶系統(tǒng)設(shè)計(jì)32.2.2問(wèn)卷系統(tǒng)設(shè)計(jì)32.3數(shù)據(jù)庫(kù)設(shè)計(jì)42.3交互設(shè)計(jì)63詳細(xì)設(shè)計(jì)73.1用戶管理系統(tǒng)73.1.1用戶注冊(cè)73.1.2用戶登錄93.2問(wèn)卷管理系統(tǒng)9321問(wèn)卷信息管理93.2.2題目信息管理123.2.3選項(xiàng)信息管理143.2.4問(wèn)卷結(jié)果統(tǒng)計(jì)173.2.5 問(wèn)卷生成183.2.6問(wèn)卷提交194測(cè)試204出現(xiàn)的錯(cuò)誤204.2解決方法20參考文獻(xiàn)21附 錄（關(guān)

7、鍵部分程序清單）221. 路由文件222. 用戶管理后臺(tái)文件233 .問(wèn)卷后臺(tái)管理文件274. 問(wèn)卷生成文件415. 登錄界面456. 注冊(cè)頁(yè)面467. 問(wèn)卷信息管理頁(yè)面478. 題目信息管理頁(yè)面509. 選項(xiàng)信息管理頁(yè)面5310. 選擇題統(tǒng)計(jì)信息展示5511. 簡(jiǎn)答題統(tǒng)計(jì)信息展示5812. 錯(cuò)誤頁(yè)面5913. css 文件6014. javascript 文件761需求分析1.1系統(tǒng)開(kāi)發(fā)背景隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，互聯(lián)網(wǎng)的全球覆蓋，交互功能等特性給調(diào)查方 法帶來(lái)新的變化，在線調(diào)查作為一種基于互聯(lián)網(wǎng)平臺(tái)上信息采集及處理方式，越 來(lái)越受到許多評(píng)估研究機(jī)構(gòu)和媒介機(jī)構(gòu)的關(guān)注與運(yùn)用。在校園、企事業(yè)單

8、位里，由于各種調(diào)查研究的需要，經(jīng)常會(huì)有各種各樣的調(diào) 查問(wèn)卷，在傳統(tǒng)模式下，人們不但要花費(fèi)不少的費(fèi)用印刷問(wèn)卷，而且還要消耗大 量時(shí)間和精力對(duì)調(diào)查問(wèn)卷進(jìn)行發(fā)放和回收，對(duì)調(diào)查問(wèn)卷進(jìn)行統(tǒng)計(jì)，并且人工操作 調(diào)查問(wèn)卷隨意性較大，容易產(chǎn)生遺漏等問(wèn)題。本系統(tǒng)建立在信息技術(shù)基礎(chǔ)上，構(gòu) 建一個(gè)在線的問(wèn)卷設(shè)計(jì)、分發(fā)、調(diào)查、回收、統(tǒng)計(jì)的系統(tǒng)，基木解決傳統(tǒng)問(wèn)卷的 上述老大難問(wèn)題。借助互聯(lián)網(wǎng)這一現(xiàn)代化的信息溝通渠道，在線調(diào)查具有低成本、高速度、跨 越空間局限、豐富的表現(xiàn)形式、智能化及互動(dòng)性等優(yōu)點(diǎn)。因?yàn)槠浞奖阈?，許多企 業(yè)也在自己的網(wǎng)絡(luò)上進(jìn)行自主調(diào)研，使用調(diào)查的方式收集自己用戶的觀點(diǎn)等。不 僅可以迅速了解社會(huì)不同層次、不同

9、行業(yè)的人員需求，客觀的收集需求信息，調(diào) 整修正產(chǎn)品策略和營(yíng)銷策略，滿足不同的需求。在線調(diào)查問(wèn)卷系統(tǒng)是一個(gè)實(shí)用性 很強(qiáng)的系統(tǒng)。1.2系統(tǒng)開(kāi)發(fā)目的在線問(wèn)卷調(diào)差的目的就是能夠提高調(diào)查效率，節(jié)約調(diào)查經(jīng)費(fèi)，使調(diào)查數(shù)據(jù)的 分析更加的方便，應(yīng)具有以下的功能特點(diǎn)：（1）向用戶提交交互式，個(gè)性化的問(wèn)卷調(diào)查服務(wù)。（2）智能的后臺(tái)管理，可以在線生成調(diào)查問(wèn)卷，可分析統(tǒng)計(jì)調(diào)查的結(jié)果。（3）使用簡(jiǎn)單、方便，問(wèn)卷生成，投放，結(jié)果分析簡(jiǎn)單易用。（4）具有靈活性，能應(yīng)用不同的調(diào)查環(huán)境。1.3系統(tǒng)開(kāi)發(fā)意義調(diào)查問(wèn)卷系統(tǒng)的目的是企業(yè)、組織或個(gè)人需要調(diào)查或掌握一些數(shù)據(jù)、信息或 資料時(shí)，為這樣的需求者提供適合的網(wǎng)上問(wèn)卷、回收、統(tǒng)計(jì)數(shù)據(jù)活

10、動(dòng)答案，為需 求者掌握資料提供方便。（1）對(duì)調(diào)查問(wèn)卷的統(tǒng)計(jì)結(jié)果進(jìn)行分析匯總，并使需求者能及時(shí)了解最新的調(diào) 查結(jié)果。（2）可以根據(jù)不同的需求靈活設(shè)計(jì)問(wèn)卷。（3）支持多種題型，如單選、多選、簡(jiǎn)答等。2概要設(shè)計(jì)2.1總體設(shè)計(jì)系統(tǒng)的總體設(shè)計(jì)可以分為以下幾個(gè)部分：（1）使用php的laravel框架實(shí)現(xiàn)系統(tǒng)的后臺(tái)管理系統(tǒng)，包括問(wèn)卷管理和用 戶管理。（2）使用mysql作為數(shù)據(jù)庫(kù)系統(tǒng)。（3）使用javasscript, ajax和css構(gòu)建前端頁(yè)而和交互系統(tǒng)。（4）使用highcharters庫(kù)實(shí)現(xiàn)數(shù)據(jù)可視化，實(shí)現(xiàn)問(wèn)卷統(tǒng)計(jì)信息的圖表展示。2.2功能設(shè)計(jì)2.2.1用戶系統(tǒng)設(shè)計(jì)用戶可分為注冊(cè)用戶和一般用戶，注

11、冊(cè)用戶需注冊(cè)信息后方可使用系統(tǒng)，而 一般用戶可直接訪問(wèn)系統(tǒng)。3種用戶權(quán)限不同，具體如下：（1）系統(tǒng)管理員：管理系統(tǒng)和所有用戶的問(wèn)卷。（2）注冊(cè)用戶：設(shè)計(jì)、編輯、發(fā)布問(wèn)卷，查看問(wèn)卷統(tǒng)計(jì)結(jié)果。（3）一般用戶：填寫問(wèn)卷。222問(wèn)卷系統(tǒng)設(shè)計(jì)注冊(cè)用戶可以訪問(wèn)問(wèn)卷系統(tǒng)，并編輯問(wèn)卷（增加，刪除，修改，查詢）與問(wèn) 卷對(duì)應(yīng)的題目、選項(xiàng)。（1）問(wèn)卷屬性：?jiǎn)柧順?biāo)題，發(fā)布者，發(fā)布時(shí)間，有效時(shí)間，提交量，題目。（2）題目屬性：題號(hào)，題目，題目類型，選項(xiàng)。（3）選項(xiàng)屬性：選項(xiàng)號(hào)，選項(xiàng)值。（4）題目類型：?jiǎn)芜x題、多選題、簡(jiǎn)答題。（5）問(wèn)卷只有在有效時(shí)間內(nèi)才可以參與答題，超出有效時(shí)間后不可進(jìn)行答題。2.3數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)包含

12、5個(gè)表，分別是：users （用戶表），questionnaires （問(wèn)卷表）， subjects （題目表），options （選項(xiàng)表），short_answers （簡(jiǎn)答表）。所有表的數(shù) 據(jù)字典以及er圖如下。創(chuàng)建問(wèn)卷idt有效時(shí)間丄刪除標(biāo)識(shí)1創(chuàng)建時(shí)間x一更新時(shí)間 一創(chuàng)建時(shí)間 一刪除標(biāo)w. 一回答內(nèi)容 回答idj一更新時(shí)間 一創(chuàng)建時(shí)間 一刪除標(biāo)識(shí) 提交數(shù) -選項(xiàng)內(nèi)容 一創(chuàng)建者 選項(xiàng)泊圖2.1 e-r圖表2. 1用戶表users字段名稱字段類型注釋idint(10)用戶標(biāo)識(shí)，唯一，主鍵，自增namevarchar(255)用戶名，唯一emailvarchar(255)用戶郵箱passwor

13、dvarchar(60)用戶密碼groupint(ll)用戶組（管理員、注冊(cè)用戶）created_attimestamp創(chuàng)建時(shí)間updated_attimestamp更新時(shí)間表2. 2問(wèn)卷表questionnaires字段名稱字段類型注釋idint(10)問(wèn)卷標(biāo)識(shí)，唯一，主鍵，自增user_namevarchar(255)創(chuàng)建者titletext問(wèn)卷標(biāo)題countsint(ll)問(wèn)卷提交量active_timeint(ll)有效時(shí)間delete_tokenint(ll)刪除標(biāo)識(shí)（0:未刪除，1:已刪除）created_attimestamp創(chuàng)建時(shí)間updated_attimestamp更新時(shí)間

14、表2.3題目表subjects字段名稱字段類型注釋idint(10)題目標(biāo)識(shí)，唯一，主鍵，自增questionnaire_idint(ll)題目對(duì)應(yīng)的問(wèn)卷標(biāo)識(shí)（外鍵）user_namevarchar(255)創(chuàng)建者numberint(ll)題號(hào)titletext題fi內(nèi)容typevarchar(255)題目類型（單選、多選、簡(jiǎn)答）option_countint(ll)題目對(duì)應(yīng)的選項(xiàng)數(shù)delete_tokenint(ll)刪除標(biāo)識(shí)（0:未刪除，1:已刪除）created_attimestamp創(chuàng)建時(shí)間updated_attimestamp更新時(shí)間表2. 4選項(xiàng)表options字段名稱字段類型注釋

15、idint(10)選項(xiàng)標(biāo)識(shí)，唯一，主鍵，自增subject_idint(ll)選項(xiàng)對(duì)應(yīng)的題目標(biāo)識(shí)（外鍵）user_namevarchar(255)創(chuàng)建者numbervarchar(255)選項(xiàng)號(hào)titletext選項(xiàng)內(nèi)容select_countint(ll)選項(xiàng)被選擇的次數(shù)delete_tokenint(ll)刪除標(biāo)識(shí)（0:未刪除，1:已刪除）created_attimestamp創(chuàng)建時(shí)間updated_attimestamp更新時(shí)間表2. 5簡(jiǎn)答表short_answers字段名稱字段類型注釋idint(10)回答標(biāo)識(shí)，唯一，主鍵，自增subject_idint(ll)回答對(duì)應(yīng)的題目標(biāo)識(shí)（外

16、鍵）answervarchar(255)回答內(nèi)容delete_tokenint(ll)刪除標(biāo)識(shí)（0:未刪除，1:已刪除）created_attimestamp創(chuàng)建時(shí)間updated_attimestamp更新時(shí)間2.3交互設(shè)計(jì)使用javascript, ajax等實(shí)現(xiàn)系統(tǒng)交互，實(shí)現(xiàn)對(duì)話框設(shè)計(jì)以及ui動(dòng)畫(huà)交互, 使用highcharters庫(kù)實(shí)現(xiàn)數(shù)據(jù)可視化系統(tǒng)，對(duì)問(wèn)卷統(tǒng)計(jì)結(jié)果進(jìn)行圖表展示。3詳細(xì)設(shè)計(jì)3.1用戶管理系統(tǒng)3.1.1用戶注冊(cè)本模塊用于實(shí)現(xiàn)新用戶的信息注冊(cè)，在注冊(cè)頁(yè)面檢查用戶輸入是否合法：(1) 郵箱格式是否正確，是否已被注冊(cè)。(2) 用戶名是否和己注冊(cè)用戶重復(fù)。(3) 兩次密碼輸入是否

17、一致。若用戶輸入合法，允許注冊(cè)，并跳轉(zhuǎn)至用戶界面；否則，給出錯(cuò)誤提示。此頁(yè)面 url 為：http:/localhost/auth/register (localhost 為系統(tǒng)域名，同卜)。 用戶注冊(cè)頁(yè)面ui與流程圖如圖3和圖3.2所示。站束圖3.2用戶注冊(cè)流程圖圖3.3用戶登錄流程圖3.1.2用戶登錄木模塊用于實(shí)現(xiàn)用戶登錄，在用戶輸入正確的用戶名和密碼后，進(jìn)入系統(tǒng)； 否則，提示用戶錯(cuò)誤信息。此頁(yè)面url為：http:/localhost,若存在session,跳轉(zhuǎn)至問(wèn)卷展示頁(yè)而。用 戶登錄流程圖與頁(yè)面ui如圖3.3和圖3.4所示。用戶名沿有賬昌注冊(cè)一個(gè)圖34用戶登錄界面3.2問(wèn)卷管理系統(tǒng)3

18、.2.1問(wèn)卷信息管理本模塊用于實(shí)現(xiàn)用戶問(wèn)卷信息的后臺(tái)管理。具體的操作有：?jiǎn)柧硇畔⒄故尽?創(chuàng)建新問(wèn)卷、更新問(wèn)卷、刪除問(wèn)卷等操作。要展示的問(wèn)卷信息有：(1) 問(wèn)卷id (系統(tǒng)內(nèi)唯一，在創(chuàng)建問(wèn)卷吋由系統(tǒng)自動(dòng)生成)。(2) 問(wèn)卷標(biāo)題。(3) 問(wèn)卷創(chuàng)建者的用戶名。（4）問(wèn)卷的創(chuàng)建時(shí)間和有效時(shí)間（在有效時(shí)間內(nèi)問(wèn)卷可以答題）。（5）問(wèn)卷的提交量。（6）查看問(wèn)卷統(tǒng)計(jì)信息的鏈接。（7）查看問(wèn)卷地址的鏈接。（8）編輯問(wèn)卷內(nèi)題目的鏈接。（9）問(wèn)卷操作按鈕，包括問(wèn)卷更新按鈕和問(wèn)卷刪除按鈕。此頁(yè)面url為:http:/localhost/userconsole/用戶名, 內(nèi)為變量，是不同 用戶進(jìn)入自己?jiǎn)柧砉芾眄?yè)面的條件

19、。更新問(wèn)卷的 post 地址為:http:/localhost/userconsole/用戶名/updatequestion naireo刪除問(wèn)卷的 post 地址為：http:/localhost/userconsole/用戶名/deletequestionnaireo問(wèn)卷信息管理頁(yè)面ui與流程圖如圖3.5和圖3.6所示。w-jh3|11嶺圖3.5問(wèn)卷信息展示頁(yè)面除此z外，還有一個(gè)添加問(wèn)卷按鈕。使用javascript捕獲按鈕點(diǎn)擊消息，生 成建立新問(wèn)卷對(duì)話框，用戶填寫問(wèn)卷標(biāo)題與有效時(shí)間后可以創(chuàng)建新問(wèn)卷。使用 ajax與服務(wù)器交流將問(wèn)卷信息寫入數(shù)據(jù)庫(kù)，做到平滑操作，改善用戶體驗(yàn)。添加 表單的

20、post 地址為：http:/localhost/userconsole/用戶名/addquestionnaire創(chuàng)建新問(wèn)卷流程圖與頁(yè)面ui如圖3.7和圖3.8所示。6-11 session. ) session屈戶vj jurl'i-fg戶名 邀一t聯(lián)'tubers k jquestionnaires 找出questionnaires 表中it用戶創(chuàng)建的del創(chuàng)為0的問(wèn)卷信息1r以何卷id降序的醮射1列冋卷估m(xù)輸出信息輸出惜誤伉息.結(jié)克圖36問(wèn)卷信息展示流程圖圖37建立新問(wèn)卷流程圖圖38建立新問(wèn)卷頁(yè)面322題目信息管理本模塊用于實(shí)現(xiàn)題目信息的后臺(tái)管理。具體的操作有：題目信息展

21、示、創(chuàng)建 新題冃、更新題冃、刪除題冃等操作。要展示的題目信息有：（1）題號(hào)，用于展示問(wèn)卷時(shí)的題目排序。（2）題目?jī)?nèi)容。（3）題型（單選題、多選題、簡(jiǎn)答題）。（4）編輯題目對(duì)應(yīng)選項(xiàng)的鏈接（簡(jiǎn)答題除外）。（5）題目操作按鈕，包括題目更新按鈕和題目刪除按鈕。此頁(yè)面 url 為:http:/localhost/userconsole/用戶名/questionnaire/問(wèn)卷 id。 題目信息管理頁(yè)面ui與流程圖如圖3.9和圖3.10所示。詞冗 1走 3mk»；nil0j5»442c§ ?icuta.5科2®b 至5ftblr±rj!&zg ?圖

22、39題目信息展示頁(yè)面nviy/ seimon. useimon- ml戶名與5 l中用戶44->何qd足此用門刨堆ftt ,qui?itionnaiie*ife 1 j5ubjerts> it tpubjerts1!1 此甸 站岔加<?槍1：口口1<啊為0的何卷（ri t?.f厲腿hldkfj事的腕皿拮列f afeoll1fy結(jié)束圖310題目信息展示流程圖除此之外，還有一個(gè)添加題目按鈕。使用javascript捕獲按鈕點(diǎn)擊消息，生 成建立新題目對(duì)話框，用戶通過(guò)下拉框選擇題號(hào)與題型，輸入題目后可以創(chuàng)建新 題目，已有的題號(hào)不會(huì)出現(xiàn)在下拉框中，防止生成問(wèn)卷的題號(hào)重復(fù)。使用aj

23、ax 與服務(wù)器交流將問(wèn)卷信息寫入數(shù)據(jù)庫(kù)，做到平滑操作，改善用戶體驗(yàn)。添加新題 目頁(yè)面ui與流程圖如圖3.11和圖3.12所示。圖3.11建立新題目頁(yè)面潘加按忸按下上成刈話框選擇創(chuàng)號(hào)一 趣,肌垃耳jfflu川廣;h工汕不為遺323選項(xiàng)信息管理木模塊用于實(shí)現(xiàn)選項(xiàng)信息的后臺(tái)管理。具體的操作有：選項(xiàng)信息展示、創(chuàng)建 新選項(xiàng)、更新選項(xiàng)、刪除選項(xiàng)等操作。要展示的選項(xiàng)信息有：（1）選項(xiàng)號(hào)，用于展示題目時(shí)的選項(xiàng)排序。（2）選項(xiàng)內(nèi)容。（3）選項(xiàng)操作按鈕，包括選項(xiàng)更新按鈕和選項(xiàng)刪除按鈕。此頁(yè)面 url 為：http:/localhost/userconsole/用戶名/subject/題目 id。 選項(xiàng)信息管理頁(yè)面

24、ui與流程圖如圖3.13和圖3.14所示。1你知逍校hnio報(bào)聲電話?。浚ɑ∵x翁）aci kob 不 mui圖3.13選項(xiàng)信息管理頁(yè)面f rtisrssion. i session圖314選項(xiàng)信息管理流程圖除此之外，述有一個(gè)添加選項(xiàng)按鈕。使用javascript捕獲按鈕點(diǎn)擊消息，生 成建立新選項(xiàng)對(duì)話框，用戶通過(guò)下拉框選擇選項(xiàng)號(hào)，輸入選項(xiàng)內(nèi)容后可以創(chuàng)建新 選項(xiàng)，已有的選項(xiàng)號(hào)不會(huì)出現(xiàn)在下拉框中，防止生成問(wèn)卷的題號(hào)重復(fù)。使用ajax 與服務(wù)器交流將問(wèn)卷信息寫入數(shù)據(jù)庫(kù)，做到平滑操作，改善用戶體驗(yàn)。添加新題 目頁(yè)面ui與流程圖如圖3.15和圖3.16所示。1你知迥校園lio報(bào)釈u話an選懸）圖3.15建

25、立新選項(xiàng)頁(yè)面圖3.16建立新選項(xiàng)流程圖324問(wèn)卷結(jié)果統(tǒng)計(jì)根據(jù)用戶填寫的問(wèn)卷信息，統(tǒng)計(jì)選擇題每一道選項(xiàng)的選項(xiàng)次數(shù)以及簡(jiǎn)答題的 答案。同一道題目不同選項(xiàng)選擇次數(shù)使用餅狀圖顯示百分比。使用highcharte庫(kù) 繪制餅狀圖。頁(yè)面 url 為：http:/localhost/userconsole/用戶名/questionnaire/問(wèn)卷 id/ result。頁(yè)面ui如圖3.17與圖3.18所示。人7檢岡安全的現(xiàn)狀的分析調(diào)代門有"人陳丈c 0.0%圖3.17問(wèn)卷統(tǒng)計(jì)選擇題展示頁(yè)面人7枚”安個(gè)的現(xiàn)狀的分析mftr*6人.0h正長(zhǎng)離對(duì)亡好了校衛(wèi)土安全工作嬰性的認(rèn)識(shí).下能有絲是的麻祕(mì)懈蘭思倉(cāng) 嬰

26、溝罷地認(rèn)識(shí)虻冷敦在用zt.對(duì)tit項(xiàng)工作.必藥從全局,從細(xì)處 工無(wú)分認(rèn)說(shuō)到它的tcmatifuxsstt.只大刀開(kāi)后網(wǎng)12"初應(yīng)當(dāng)件力牛校hm一整丄mgtd形丈til tig不力矗付kbs此吊工作徂實(shí)口蚌力此牛校仗入必腳人力.罰力.h力. 精力”要的.甲！的.；24»wq1325問(wèn)卷生成根據(jù)用戶創(chuàng)建的問(wèn)卷、題目以及對(duì)應(yīng)的選項(xiàng)信息，牛成一個(gè)完整的問(wèn)卷頁(yè)面,頁(yè)面 url 為：http:/localhost/questionnaire/問(wèn)卷 id。頁(yè)面 ui 如圖 3.19 所示。a.«52.如ul力暫同安卞m遜順烘人齊乂平吞 by c.jxssfa.wettrd&qu

27、ot;l 了御孜k不了"c.5ctmgtw 不了第ix不"v沐丸行7槍同女全的宣叫丁件做的1；樣7a.iwjffi 甩 心 cihjsiciltr i）.®£6校x交金何«j你認(rèn)力及嚴(yán)"的“彈叫7a.sifvsz &滋1»口c.字生”畔碎sid.eawim z.9ts»7s9si f.2i¥8tg.滾拜stm 興（8安全事sr7.您観優(yōu)a.aa«f3afi«3d«ot公共*ew逢cgdia浮滴0曲支全dgq雖安全的gtsm£稜as®5安全abe*3

28、«帝認(rèn)為乂a駁x安個(gè)的措俗“叫？a.»±as . affio已改118安全設(shè)奠c4c363ffieffrk®2e.flffl芋生初儉3s5算箋力q f任冷檢內(nèi)樸応克直/宣個(gè)何牧?xí)r任仝久鈾10.住妝同內(nèi)你h"!q你的那兒斷農(nóng)仝受卅咸a.asbu產(chǎn)c.&fd.«®11.你廿7校的女令 皿：們卜久絃議“找交4156投氏結(jié)衆(zhòng)326問(wèn)卷提交在用戶填寫完問(wèn)卷并提交之后，向用戶反饋此問(wèn)卷的統(tǒng)計(jì)信息。頁(yè)面ui如圖3.20所示4.你韭舎了解我枚敦學(xué)樓.竊舍橫的夫火衣和直生越迥的紜左？a，x±7»» 

29、9;人q匕宿e了曲®«不了艸人zc人1c. 1g.7x' t. 16.7x5你&得7&對(duì)柚恫安余的訂傳幾很到包1a&5b.2a1*.*<?.! !星壽直丄忙3人護(hù)u很匸u人心t-.- - 一一一 二一二n oox<? mioxa 16 7x6. fem*個(gè)劌題你認(rèn)為枚嚴(yán)怖d.4w5功護(hù)故2as*ctutom*© 1a4?fu.自棟?葉jr jast.uaar*sr 2 人2f. l牛舸2afi5g. iu啓爭(zhēng)裁1心？gg全卻人az _尸.匸二 1q -0:23.1 x丫.忠點(diǎn)催f列空判改左？a.aiafci(jam

30、87;s 人3b.ejjiisajrtjs sactsb右皆及次丸書(shū)乜或&也沁 3a&»5桂8食：:nt桔理iu«f0am已2 人zf w12oooxg 27.3 kr： 0.0 xa. 9%045.5x18 xd.不了解2人¥圖3-20反饋信息4測(cè)試4.1出現(xiàn)的錯(cuò)誤1. 用戶權(quán)限問(wèn)題，導(dǎo)致注冊(cè)用戶可以編輯其他用戶創(chuàng)建的題目以及選項(xiàng)。2. 無(wú)法通過(guò)laravel的mvc框架聯(lián)立不同的數(shù)據(jù)庫(kù)表格。3更新數(shù)據(jù)庫(kù)時(shí)，導(dǎo)致多個(gè)行被錯(cuò)誤修改。4.2解決方法1. 在后臺(tái)頁(yè)面首先根據(jù)url的用戶名變量，判斷變量與session用戶標(biāo)識(shí)是 否一致，若一致，轉(zhuǎn)入編輯

31、頁(yè)而；不一致，轉(zhuǎn)到錯(cuò)誤頁(yè)而。2. 外鍵與主鍵設(shè)置錯(cuò)誤，修改即可。3. 錯(cuò)誤使用mvc的find語(yǔ)句，修改成where語(yǔ)句即可。參考文獻(xiàn)1 麥克勞克林.php & mysql實(shí)戰(zhàn)手冊(cè)-第二版m中國(guó)電力岀版社，2014.2 楊克李強(qiáng)，裴云，黃向黨php和mysql web開(kāi)發(fā)從新手到高手m人民郵電 出版社，2013.3 陳惠貞，陳俊榮.php& mysql程序設(shè)計(jì)實(shí)例講座m清華大學(xué)出版社,2010.4 孔瀟.php & mysql網(wǎng)站建設(shè)m國(guó)防工業(yè)出版社，2001.5 timboronczyk, martine. psinas. php & mysql 范例精解:創(chuàng)

32、建、修改、重用m 清華大學(xué)出版社，2009.6 萬(wàn)川梅，周建儒.php web程序設(shè)計(jì)m西南交通大學(xué)出版社,2014.7 陸凱.piip網(wǎng)站開(kāi)發(fā)實(shí)用技術(shù)m人民郵電出版社，2016.傳智播客高教產(chǎn)品研發(fā)部.php程序設(shè)計(jì)高級(jí)教程m中國(guó)鐵道出版社,2015.附錄（關(guān)鍵部分程序清單）1.路由文件<?phproute:get(7 ,authauthcontrollerindex,);/ 身份驗(yàn)證route:group('prefix* => auth namespace1 =>，auth, function() route:post(,logincheck uthcontro

33、llerclogincheck1);route:get(fregister lauthcontrollerregister,);route:post(tegistercheck； ,authcontrollerregistercheck,);route:post(,registeremailcheck ,authcontrollerregisteremailcheck,);route:post(yegisternamecheck ,authcontrollerregisternamecheck,););/問(wèn)卷展示頁(yè)route:group('prefix1 => 'ques

34、tionnaire； 'namespace' => 'questionnaire, function()route:get(*questionnaireid) uestionnairecontrollercgjindex1);route:post('questionnaireid/result； ,questionnairecontrollerresult,););/用戶后臺(tái)route:group( prefix1 => 'userconsole； 'namespace1 => userconsole*, function()/

35、 展示用戶的問(wèn)卷route:get(f username ,userconsolecontrollerindex,);/ 增加問(wèn)卷routeiipostc1! username/addquestionnaire ,userconsolecontrolleraddquestionnaire,);/修改問(wèn)卷routeripostc username /updatequestionnaireruserconsolecontronerupdatequestionnairer);/ 刪除問(wèn)卷route:post(' username)/deletequestionnaire serconsole

36、controllercajdeletequestionnaire1);/ 展示問(wèn)卷的題目route:get(f username /questionnaire/questionnaireid；,userconsolecontrollerquestionnaire,);/提交結(jié)果統(tǒng)計(jì)route:getc username /questionnaire/ questionnaireid /resultluserconsolecontrollersubmitresult,);routerigelc username /questionnaire/questionnaireid/result/subj

37、ectid,userconsolecontrolleranswerresult,);/ 增加題目route: :post(f username /questionnaire/ questionnaireid /addsubjectfuserconsolecontrolleraddsubject');/ 修改題目route: iposk1) username /questio rm aire/questio nn aireid /updatesubject luserconsolecontrollerupdatesubject,);/ 刪除題目route: :post(* usernam

38、e /questionnaire/ questionnaireid /deletesubjectluserconsoleconlrollerdeletesubject,);/ 展示題目的選項(xiàng)route:get('username)/subject/subjectid) ,userconsolecontrollersubject,); / 增加選項(xiàng)routeirpos1) username /subject/ subjectid /addoption ,userconsolecontrolleraddoption,);/修改選項(xiàng)route: :post(4 username /subje

39、ct/ subjectid /updateoption luserconsolecontrollerupdateoption,);/刪除選項(xiàng)route:postc username )/subject/ subjectid /deleteoption luserconsolecontrollerdeleteoption,););2.用戶管理后臺(tái)文件<?php namespace apphttpcontrollersauth;use apphttpcontrollerscontroller;use illuminatecontractsauthguard;use llluminatecon

40、tractsauthregistrar;use illuminatefoundationauthauthenticatesandregistersusers;use appuser;use session;class authcontroller extends controller | registration & login controller| this controller handles the registration of new users, as well as the | authentication of existing users. by default,

41、this controller uses | a simple trait to add these behaviors. why don't you explore it?i*/use authenticatesandregistersusers;/*/public function logincheck()/處理表單：if (!empty($_post,user_nicename,) && (semptycs.postfuser-pass1)* create a new authentication controller instance.* param illum

42、inatecontractsauthguard $auth* param illuminatecontractsauthregistrar sregistrar* return voidpublic function construct(guard $auth, registrar $registrar) $this->auth = $auth;$this->registrar = sregistrar;$this->middleware('guest；except' => etlogout1); 登錄驗(yàn)證* return response/*登陸頁(yè)面展

43、示* return response*/public function index()return viewc'auth.login1);$user_nicename = htmlspecialchars(stripslashes(lrim($_post'user_nicename')；$user_pass = htmlspecialchars(stripslashes(trim($_post'user_pass,);$user_pass = md5($user_pass);/查找與用戶名對(duì)應(yīng)行$user_info = user:wherecname1, $us

44、er_nicename)->first();/信息匹配if($user_info != null and $user_info->password = $user_pass)session:put(,aulh_state, t);session:put('usei注冊(cè)驗(yàn)證* return response*/public function registercheck()_name', "$user_nicename");return t;1/ 信息不匹配elsereturn ”0”；1elsereturn ”0”;*注冊(cè)界面* return re

45、sponse*/public function register()return viewc'auth.register');/處理表單：if ( (!empty($_post,user_nicename') && (jemptydposltuserpass') && (!empty($_postuser_emair)$user_nicename = htmlspecialchars(stripslashes(trim($_post,user_nicename,);$user_pass = htmlspecialchars(str

46、ipslashes(trim($_postf,user_pass,)；$user_pass = md5($user_pass);$user_email = htmlspecialchars(stripslashes(trim($_post,user_emair);$created_at = $updated_at = date(丫m-d h:i:sj;$userurl_id = user:insertgetid(array( °name1=> $user_nicename,femair=> $user_email,'password'=> $user

47、_pass,fcreated_atr=> $created_at,rupdated_atr=> $updated_at);session: :put(,auth_state 111); session:put(!user_name h$user_nicenameh);*注冊(cè)驗(yàn)證-郵箱* return response*/public function registeremailcheck()/處理表單：訐(!empty($_post'user_emair)/查找與用戶名對(duì)應(yīng)行$user_info = user:where('email； $_post'use

48、r_emair)->first();/郵箱信息存在 if($user_info != null)return t;elsereturn non;*注冊(cè)驗(yàn)證-用戶名* return response*/public function registernamecheck()/處理表單：if ( ! empty($_post'user_name')/查找與用戶名對(duì)應(yīng)行$user_info = useeiwherecname', $_postf,user_name,)->first();/ 用戶信息存在 if($user_info != null)return &q

49、uot;t1;elsereturn ”0”；3問(wèn)卷后臺(tái)管理文件<?php namespace apphttpcontrollersuserconsole;use apphttprequests;use apphttpcontrollerscontroller;use appuser;use appquestionnaire;use appsubject;use appoption;use appshort_answer;use session;use illuminatehttprequest;class userconsolecontroller extends controller

50、/*用戶控制臺(tái)* return response*/public function index($username)/ 登陸用戶正確，顯示用戶控制臺(tái) if(session:hascauth_state') && session:get('user_name') = susername)/此用戶所創(chuàng)建的所有問(wèn)卷表$user = user:where('name, $username)->first();$questionnaireslist = $user->hasmanyquestionnaire()->where('d

51、elete_token', ,0')->orderby(,id,/desc,)->get();return view('userconsole.index,)->with(,questionnaireslist,$questionnaireslist);1/ 顯示錯(cuò)誤信息elsereturn viewcerrors.authority');/*添加問(wèn)卷* return response*/public function addquestionnaie($username)/ 登陸用戶正確，顯示用戶控制臺(tái) if(session:has('

52、auth_statej && session:getcuser_name) = susername)/處理添加新選項(xiàng)的表單if(jemptycs.posteewquestionnairetitle1)&&(!empty($_post'newquestionnairetime')$newquestionnairetitle = $_post'newquestionnairetitle'snewquestionnairetime = $_post,newquestionnairetime,;/插入一行記錄$created_at = $

53、updated_at = datec'y-m-d h:i:sj;squestionnaire = questionnaire:insertgetid(array( 'user_name建者title1 'active_time' !delete_token' 記*created_at'i、可*updated_at'間)；return "success"ielsereturn "inputnull"1/顯示錯(cuò)誤信息return view('errors.authority');=>

54、; susername,/問(wèn)卷創(chuàng)=> snewquestionnairetitle, /問(wèn)卷標(biāo)題=> $newquestionnairetime, /有效時(shí)間=>0,/刪除標(biāo)=> $created_at,/創(chuàng)建時(shí)=> $updated_at)/更新時(shí)/*修改問(wèn)卷* return response*/public function updatequestionnaire($username)/ 登陸用戶正確，顯示用戶控制臺(tái) if(session:has('auth_state') && session:get(,user_name,) = susername)/ 處理添加新選項(xiàng)的表單if(!empty($_post,updatequestionnairetitle')&&(!empty($_postrupdatequestionnairetimef) && (!empty($_post,questionnaireid