【相關(guān)學(xué)習(xí)推薦:jQuery教程,php編程(視頻),mysql教程】
十余年的上黨網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整上黨建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“上黨網(wǎng)站設(shè)計(jì)”,“上黨網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。這個(gè)實(shí)例主要給大家介紹如何使用jQuery+PHP+MySQL來實(shí)現(xiàn)在線測(cè)試題,包括動(dòng)態(tài)讀取題目,答題完畢后臺(tái)評(píng)分,并返回答題結(jié)果。
讀取答題列表:
$sql = "select * from quiz order by id asc"; $query = mysql_query($sql); while ($row = mysql_fetch_array($query)) { $answers = explode('###', $row['answer']); $arr[] = array( 'question' => $row['id'] . '、' . $row['question'], 'answers' => $answers ); } $json = json_encode($arr);
生成答題列表:
通過遍歷出來的列表,生成答題功能:
$(function(){ $('#quiz-container').jquizzy({ questions: , //試題信息 sendResultsURL: 'data.php' //結(jié)果處理地址 }); });
當(dāng)用戶打完題,點(diǎn)擊“完成”按鈕時(shí),會(huì)向ajax.php發(fā)送一個(gè)Ajax交互請(qǐng)求,ajax.php會(huì)根據(jù)用戶的答題情況,比對(duì)正確答案,然后給出用戶所得分。
$data = $_REQUEST['an']; $answers = explode('|',$data); $an_len = count($answers)-1; //題目數(shù) $sql = "select correct from quiz order by id asc"; $query = mysql_query($sql); $i = 0; $score = 0; //初始得分 $q_right = 0; //答對(duì)的題數(shù) while($row=mysql_fetch_array($query)){ if($answers[$i]==$row['correct']){ $arr['res'][] = 1; $q_right += 1; }else{ $arr['res'][] = 0; } $i++; } $arr['score'] = round(($q_right/$an_len)*100); //總得分 echo json_encode($arr);
quiz表結(jié)構(gòu):
CREATE TABLE IF NOT EXISTS `quiz` ( `id` int(11) NOT NULL AUTO_INCREMENT, `question` varchar(100) NOT NULL, `answer` varchar(500) NOT NULL, `correct` tinyint(2) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ; -- -- 轉(zhuǎn)存表中的數(shù)據(jù) `quiz` -- INSERT INTO `quiz` (`id`, `question`, `answer`, `correct`) VALUES (1, '羅馬帝國曾一度輝煌,令人神往,故有“條條大陸通羅馬”一說。那么,今天你是怎樣理解這一諺語的準(zhǔn)確含義的?', 'A.入鄉(xiāng)隨俗 ###B.四通八達(dá) ###C.殊途同歸 ###D.流連忘返', 3), (2, '找出不同類的一項(xiàng):', 'A.斑馬 ###B.軍馬 ###C.賽馬 ###D.駿馬 ###E.駙馬', 5), (3, ' 蠟燭在空氣中燃燒,蠟燭質(zhì)量逐漸變小。這說明', 'A.物質(zhì)可以自生自滅###B.發(fā)生的不是化學(xué)變化###C.不遵守質(zhì)量守恒定律###D.生成物為氣體,散發(fā)到空氣中了', 4), (4, '以下哪位歌手沒有獲得過《我是歌手》總冠軍?', 'A.羽泉###B.韓磊###C.鄧紫棋###D.韓紅', 3), (5, '下列哪個(gè)標(biāo)簽不是HTML5中的新標(biāo)簽?', 'A.###B.
想了解更多相關(guān)學(xué)習(xí),敬請(qǐng)關(guān)注php培訓(xùn)欄目!