PHP+MySQL實現在線測試答題實例

這個實例主要給大家介紹如何使用jQuery+PHP+MySQL來實現在線測試題，包括動態讀取題目，答題完畢後臺評分，並返回答題結果。

讀取答題列表：

$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);

-
生成答題列表：

<div id='quiz-container'></div>

-
通過遍歷出來的列表，生成答題功能：

$(function(){  
    $('#quiz-container').jquizzy({  
        questions: <?php echo $json;?>, //試題信息  
        sendResultsURL: 'data.php' //結果處理地址  
    });  
});

-
當用戶打完題，點擊“完成”按鈕時，會向ajax.php發送一個Ajax交互請求，ajax.php會根據用戶的答題情況，比對正確答案，然後給出用戶所得分。

$data = $_REQUEST['an']; 

$answers = explode('|',$data); 
$an_len = count($answers)-1; //題目數 

$sql = "select correct from quiz order by id asc"; 

$query = mysql_query($sql); 
$i = 0; 
$score = 0; //初始得分 
$q_right = 0; //答對的題數 
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表結構：

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 ; 

-- 
-- 轉存表中的數據 `quiz` 
-- 

INSERT INTO `quiz` (`id`, `question`, `answer`, `correct`) VALUES 
(1, '羅馬帝國曾一度輝煌，令人神往，故有“條條大陸通羅馬”一說。那麼，今天你是怎樣理解這一諺語的準確含義的？', 'A．入鄉隨俗 ###B．四通八達 ###C．殊途同歸 ###D．流連忘返', 3), 
(2, '找出不同類的一項：', 'A.斑馬 ###B.軍馬 ###C.賽馬 ###D.駿馬 ###E.駙馬', 5), 
(3, ' 蠟燭在空氣中燃燒，蠟燭質量逐漸變小。這說明', 'A.物質可以自生自滅###B.發生的不是化學變化###C.不遵守質量守恆定律###D.生成物爲氣體，散發到空氣中了', 4), 
(4, '以下哪位歌手沒有獲得過《我是歌手》總冠軍？', 'A.羽泉###B.韓磊###C.鄧紫棋###D.韓紅', 3), 
(5, '下列哪個標籤不是HTML5中的新標籤？', 'A.<article>###B.<canvas>###C.<section>###D.<sub>', 4);

-
本文轉自：https://www.sucaihuo.com/php/113.html 轉載請註明出處！