基于web的在線問卷調查系統的設計與實現(編輯修改稿)

　

【文章內容簡介】 e l e t e _ t o k e n 為 0 的問卷信息聯立 u s e r s 表與 q u e s t i o n n a i r e s 表 ， 找出 q u e s t i o n n a i r e s表中此用戶創建的 d e l e t e _ t o k e n 為 0 的問卷信息T以問卷 i d 降序的順序排列問卷信息以問卷 i d 降序的順序排列問卷信息輸出信息輸出信息結束結束輸出錯誤信息輸出錯誤信息F圖 問卷信息展示流程圖開始開始填寫信息不為空填寫信息不為空添加按鈕按下添加按鈕按下結束結束生成對話框生成對話框填寫問卷標題和有效時間填寫問卷標題和有效時間寫入數據庫寫入數據庫TF圖 建立新問卷流程圖沈陽航空航天大學課程設計報告 11 圖 建立新問卷頁面 題目信息管理本模塊用于實現題目信息的后臺管理。具體的操作有：題目信息展示、創建新題目、更新題目、刪除題目等操作。要展示的題目信息有：（1）題號，用于展示問卷時的題目排序。（2）題目內容。（3）題型（單選題、多選題、簡答題）。（4）編輯題目對應選項的鏈接（簡答題除外）。（5）題目操作按鈕，包括題目更新按鈕和題目刪除按鈕。此頁面 URL 為： id}。題目信息管理頁面 UI 與流程圖如圖 和圖 所示。沈陽航空航天大學課程設計報告 12 圖 題目信息展示頁面開始開始存在 S e s s i o n ， 且 S e s s i o n用戶名與 U R L 中用戶名一致存在 S e s s i o n ， 且 S e s s i o n用戶名與 U R L 中用戶名一致聯立 q u e s t i o n n a i r e s 表與 s u b j e c t s 表 ， 找出 s u b j e c t s 表中此問卷 i d 的 d e l e t e _ t o k e n 為 0 的問卷信息聯立 q u e s t i o n n a i r e s 表與 s u b j e c t s 表 ， 找出 s u b j e c t s 表中此問卷 i d 的 d e l e t e _ t o k e n 為 0 的問卷信息T以題目 i d 降序的順序排列問卷信息以題目 i d 降序的順序排列問卷信息輸出信息輸出信息結束結束輸出錯誤信息輸出錯誤信息問卷 i d 是此用戶創建問卷 i d 是此用戶創建TF圖 題目信息展示流程圖除此之外，還有一個添加題目按鈕。使用 JavaScript 捕獲按鈕點擊消息，生成建立新題目對話框，用戶通過下拉框選擇題號與題型，輸入題目后可以創建新題目，已有的題號不會出現在下拉框中，防止生成問卷的題號重復。使用 Ajax與服務器交流將問卷信息寫入數據庫，做到平滑操作，改善用戶體驗。添加新題目頁面 UI 與流程圖如圖 和圖 所示。沈陽航空航天大學課程設計報告 13 圖 建立新題目頁面 開始開始填寫信息不為空填寫信息不為空添加按鈕按下添加按鈕按下結束結束生成對話框生成對話框選擇題號 、 題型 ， 填寫題目選擇題號 、 題型 ， 填寫題目寫入數據庫寫入數據庫TF圖 建立新題目流程圖 選項信息管理本模塊用于實現選項信息的后臺管理。具體的操作有：選項信息展示、創建新選項、更新選項、刪除選項等操作。要展示的選項信息有：（1）選項號，用于展示題目時的選項排序。沈陽航空航天大學課程設計報告 14 （2）選項內容。（3）選項操作按鈕，包括選項更新按鈕和選項刪除按鈕。此頁面 URL 為： 題目 id}。選項信息管理頁面 UI 與流程圖如圖 和圖 所示。圖 選項信息管理頁面開始開始存在 S e s s i o n ， 且 S e s s i o n用戶名與 U R L 中用戶名一致存在 S e s s i o n ， 且 S e s s i o n用戶名與 U R L 中用戶名一致聯立 s u b j e c t s 表與 o p t i o n s 表 ， 找出 o p t i o n s 表中此問卷i d 的 d e l e t e _ t o k e n 為 0 的問卷信息聯立 s u b j e c t s 表與 o p t i o n s 表 ， 找出 o p t i o n s 表中此問卷i d 的 d e l e t e _ t o k e n 為 0 的問卷信息T以選項 i d 降序的順序排列問卷信息以選項 i d 降序的順序排列問卷信息輸出信息輸出信息結束結束輸出錯誤信息輸出錯誤信息題目 i d 是此用戶創建題目 i d 是此用戶創建TF圖 選項信息管理流程圖沈陽航空航天大學課程設計報告 15 除此之外，還有一個添加選項按鈕。使用 JavaScript 捕獲按鈕點擊消息，生成建立新選項對話框，用戶通過下拉框選擇選項號，輸入選項內容后可以創建新選項，已有的選項號不會出現在下拉框中，防止生成問卷的題號重復。使用 Ajax與服務器交流將問卷信息寫入數據庫，做到平滑操作，改善用戶體驗。添加新題目頁面 UI 與流程圖如圖 和圖 所示。圖 建立新選項頁面 開始開始填寫信息不為空填寫信息不為空添加按鈕按下添加按鈕按下結束結束生成對話框生成對話框選擇選項號 ， 填寫選項選擇選項號 ， 填寫選項寫入數據庫寫入數據庫TF圖 建立新選項流程圖沈陽航空航天大學課程設計報告 16 問卷結果統計根據用戶填寫的問卷信息，統計選擇題每一道選項的選項次數以及簡答題的答案。同一道題目不同選項選擇次數使用餅狀圖顯示百分比。使用 HighCharte 庫繪制餅狀圖。頁面 URL 為： id}/result。頁面 UI 如圖 與圖 所示。圖 問卷統計選擇題展示頁面圖 問卷統計簡答題展示頁面 沈陽航空航天大學課程設計報告 17 問卷生成根據用戶創建的問卷、題目以及對應的選項信息，生成一個完整的問卷頁面，頁面 URL 為： id}。頁面 UI 如圖 所示。圖 問卷頁面 沈陽航空航天大學課程設計報告 18 問卷提交在用戶填寫完問卷并提交之后，向用戶反饋此問卷的統計信息。頁面 UI 如圖 所示圖 反饋信息 沈陽航空航天大學課程設計報告 19 4 測試 出現的錯誤1. 用戶權限問題，導致注冊用戶可以編輯其他用戶創建的題目以及選項。2. 無法通過 Laravel 的 MVC 框架聯立不同的數據庫表格。3. 更新數據庫時，導致多個行被錯誤修改。 解決方法1. 在后臺頁面首先根據 URL 的用戶名變量，判斷變量與 Session 用戶標識是否一致，若一致，轉入編輯頁面；不一致，轉到錯誤頁面。2. 外鍵與主鍵設置錯誤，修改即可。3. 錯誤使用 MVC 的 find 語句，修改成 where 語句即可。沈陽航空航天大學課程設計報告 20 參考文獻[1]麥克勞克林. PHP amp。 MySQL 實戰手冊第二版[M]. 中國電力出版社, 2022.[2]楊克李強, 裴云, 黃向黨. PHP 和 MySQL Web 開發從新手到高手 [M]. 人民郵電出版社, 2022.[3]陳惠貞, 陳俊榮 . PHP amp。 MySQL 程序設計實例講座[M]. 清華大學出版社, 2022.[4]孔瀟. PHP amp。 MySQL 網站建設[M]. 國防工業出版社, 2022.[5]TimBoronczyk, . PHP amp。 MySQL 范例精解:創建、修改、重用[M]. 清華大學出版社, 2022.[6]萬川梅, 周建儒 . PHP WEB 程序設計[M]. 西南交通大學出版社, 2022.[7]陸凱. PHP 網站開發實用技術[M]. 人民郵電出版社, 2022.[8]傳智播客高教產品研發部. PHP 程序設計高級教程[M]. 中國鐵道出版社, 2022.沈陽航空航天大學課程設計報告 21 附 錄（關鍵部分程序清單）1. 路由文件?phpRoute::get(39。/39。, 39。Auth\AuthController@index39。)。// 身份驗證Route::group([39。prefix39。 = 39。auth39。, 39。namespace39。 = 39。Auth39。], function(){Route::post(39。loginCheck39。, 39。AuthController@loginCheck39。)。Route::get(39。register39。, 39。AuthController@register39。)。Route::post(39。registerCheck39。, 39。AuthController@registerCheck39。)。Route::post(39。registerEmailCheck39。, 39。AuthController@registerEmailCheck39。)。Route::post(39。registerNameCheck39。, 39。AuthController@registerNameCheck39。)。})。// 問卷展示頁Route::group([39。prefix39。 = 39。questionnaire39。, 39。namespace39。 = 39。Questionnaire39。], function(){Route::get(39。{questionnaireid}39。, 39。QuestionnaireController@index39。)。Route::post(39。{questionnaireid}/result39。, 39。QuestionnaireController@result39。)。})。// 用戶后臺Route::group([39。prefix39。 = 39。userconsole39。, 39。namespace39。 = 39。UserConsole39。], function(){// 展示用戶的問卷Route::get(39。{username}39。, 39。UserConsoleController@index39。)。// 增加問卷Route::post(39。{username}/addquestionnaire39。, 39。UserConsoleController@addquestionnaire39。)。// 修改問卷Route::post(39。{username}/updatequestionnaire39。, 39。UserConsoleController@updatequestionnaire39。)。// 刪除問卷Route::post(39。{username}/deletequestionnaire39。, 39。UserConsoleController@deletequestionnaire39。)。// 展示問卷的題目Route::get(39。{username}/questionnaire/{questionnaireid}39。, 39。UserConsoleController@questionnaire39。)。// 提交結果統計Route::get(39。{username}/questionnaire/{questionnaireid}/result39。, 39。UserConsoleController@submitresult39。)。Route::get(39。{username}/questionnaire/{questionnaireid}/result/{subjectid}39。, 沈陽航空航天大學課程設計報告 22 39。UserConsoleController@answerresult39。)。// 增加題目Route::post(39。{username}/questionnaire/{questionnaireid}/addsubject39。, 39。UserConsoleController@addsubject39。)。// 修改題目Route::post(39。{username}/questionnaire/{questionnaireid}/updatesubject39。, 39。UserConsoleController@updatesubject39。)。// 刪除題目Route::post(39。{username}/questionnaire/{questionnaireid}/deletesubject39。, 39。UserConsoleController@deletesubject39。)。// 展示題目的選項Route::get(39。{username