考试系统 （0607）
做一个类似于驾校考试的系统，可以选择要考试试题类型，选好后进入考试页面
使用的数据库表格：timu(题目)表，xuanxiang(选项)表，shiti(试题)表，shititimu(试题题目)表，yhks(用户考试)表， yhkstm(用户考试题目)表
实现的界面：
1、选择试题
2. 点击确定后再次确认开始考试
3.进入考试界面开始考试
4.完成后点击交卷，显示分数
代码部分：
1. 选择考试
1.1 选择考试名称后台：xuanzekaoshi.php
1 <?php 2 session_start(); 3 include("../init.inc.php"); 4 include("../../DBDA.class.php"); 5 $db=new DBDA(); 6 7 //自定义一个用户，保存在session里 8 $_SESSION["uid"]="lisi"; 9 10 11 $sql="select * from shiti"; 12 $attr=$db->Query($sql); 13 14 15 $smarty->assign("ks",$attr); 16 $smarty->display("xuanzekaoshi.html");
1.2 选择考试名称前端显示：xuanzekaoshi.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>选择考试</title> 6 <script src="../../jquery-1.11.2.min.js"></script> 7 </head> 8 9 <body> 10 <h1>选择考试名称</h1> 11 <div>请选择要考试的试题：</div> 12 <br /> 13 <form action="kaoshichuli.php" method="post"> 14 <select name="xzks" id="xzks"> 15 <{foreach $ks as $v}> 16 <option value="<{$v[0]}>"><{$v[3]}></option> 17 <{/foreach}> 18 </select> 19 <br /> 20 <br /> 21 22 <!--选择好要考的试题后显示出试题的详情 --> 23 <div id="xx"></div> 24 <br /> 25 26 <!--点击确定开始时再确认一下，若确定则开始考试 --> 27 <input type="submit" value="确定开始" id="qdks" onclick="return confirm('确定开始考试吗？考试开始后，到时间自动交卷，请注意好时间！')"/> 28 </form> 29 </body> 30 31 <script type="text/javascript"> 32 33 //选择好要考的试题后显示出试题的详情 34 $(document).ready(function(e) { 35 36 showxq(); 37 $("#xzks").change(function(){ 38 39 showxq(); 40 41 }) 42 function showxq() 43 { 44 var code=$("#xzks").val(); 45 $.ajax({ 46 url:"xianshixq.php", 47 data:{code:code}, 48 type:"POST", 49 dataType:"TEXT", 50 success: function(data){ 51 if(!data.trim()=="") 52 { 53 var lie=data.split("^"); 54 var mf=lie[4]*lie[5]; 55 var str="本次考试为"+lie[3]+"考试，考试时间为"+lie[1]+"分钟，共计"+lie[4]+"道题，每题"+lie[5]+"分，满分为"+mf+"分。"; 56 $("#xx").html(str); 57 } 58 } 59 60 }); 61 62 } 63 }); 64 65 66 </script> 67 </html>
1.3 显示试题详情：xianshixq.php
1 <?php 2 //显示试题详情 3 include("../../DBDA.class.php"); 4 $db=new DBDA(); 5 6 $code=$_POST["code"]; 7 8 $sql="select * from shiti where code='{$code}'"; 9 $str=$db->StrQuery($sql); 10 11 echo $str;
2. 考试页面
2.1 考试页面后台：kaoshi.php
1 <?php 2 //考试界面 3 session_start(); 4 include("../init.inc.php"); 5 include("../../DBDA.class.php"); 6 $db=new DBDA(); 7 8 $xzks=$_SESSION["xzks"];//试题代号 9 10 $uid=$_SESSION["uid"];//用户名 11 12 $adjs=$_SESSION["djs"];//倒计时 13 $smarty->assign("djs",$adjs); 14 15 //从users表查用户信息 16 $suid="select * from users where username='{$uid}'"; 17 $auid=$db->Query($suid); 18 $smarty->assign("uid",$auid); 19 20 //从shiti表查考试的详情 21 $sql="select * from shiti where code='{$xzks}'"; 22 $asql=$db->Query($sql); 23 $smarty->assign("xzks",$asql); 24 25 //具体的题目，显示第一道题 26 $stm="select * from shititimu where shunxu=1"; 27 $atm=$db->Query($stm); 28 $smarty->assign("dyt",$atm); 29 30 //查题目名称 31 $stmmc="select name from timu where code='{$atm[0][2]}'"; 32 $aname=$db->StrQuery($stmmc); 33 $smarty->assign("tmmc",$aname); 34 35 //查选项信息 36 $soption="select * from xuanxiang where timu='{$atm[0][2]}'"; 37 $aoption=$db->Query($soption); 38 $smarty->assign("option",$aoption); 39 40 //做试题列表,从shititimu查找题目的相关信息,其中shiti=xzks 41 $sall="select * from shititimu where shiti='{$xzks}'"; 42 $aall=$db->Query($sall); 43 $smarty->assign("list",$aall); 44 45 $smarty->display("kaoshi.html");
2.2 考试页面前端显示：kaoshi.html
1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 2 <title>考试页面</title> 3 <script src="../../jquery-1.11.2.min.js"></script> 4 <style> 5 *{margin:0px auto; padding:0px} 6 #xinxi{ 7 70%; 8 height:100px; 9 background-color:#0080C0;} 10 #shijuan{ 11 1000px; 12 height:300px; 13 font-size:30px; 14 margin-left:200px; 15 } 16 #list{ 17 75%; 18 height:100px; 19 background-color:#0080C0;} 20 #left{ 21 70%; 22 height:100px; 23 float:left; 24 } 25 #right{ 26 25%; 27 height:100px; 28 color:#FFF; 29 font-size:24px; 30 float:left; 31 margin-top:10px; 32 margin-left:30px; 33 } 34 .xq{ 35 font-size:20px; 36 color:#FFF; 37 margin:10px 0px 5px 10px;} 38 .tmlist{ 39 40px; 40 height:40px; 41 background-color:#CF6; 42 margin:10px 0px 0px 10px; 43 float:left; 44 font-size:20px; 45 font-weight:bold; 46 color:#0080FF; 47 text-align:center; 48 line-height:40px; 49 vertical-align:middle;} 50 .jiaojuan{ 51 70px; 52 height:70px; 53 font-size:24px; 54 font-weight:bolder; 55 color:#00F; 56 text-align:center; 57 line-height:70px; 58 vertical-align:middle; 59 float:right; 60 margin-right:50px; 61 margin-top:20px; 62 } 63 64 </style> 65 </head> 66 67 <body><br /> 68 <center><h1>考试页面</h1></center><br /> 69 <!--part1 考试信息介绍 --> 70 <div id="xinxi"> 71 <!--详细信息 --> 72 <div id="left"> 73 <div class="xq"><span>姓名：<{$uid[0][2]}></span></div> 74 <div class="xq"> 75 <span>考试名称为:<{$xzks[0][3]}> 所属科目为:<{$xzks[0][2]}></span> 76 <span>考试时间为:<{$xzks[0][1]}>分钟 共计为:<{$xzks[0][4]}>道题 每题为:<{$xzks[0][5]}>分</span> 77 </div> 78 79 </div> 80 <!--倒计时 --> 81 <div id="right"> 82 <div >距离考试结束还有：</div> 83 84 <div style="font-size:35px; margin-left:20px; margin-top:10px;" > 85 <span id="fen"><{$djs[0]}></span> : 86 <span id="miao"><{$djs[1]}></span> 87 </div> 88 </div> 89 90 </div><br /> 91 92 <!--part2 试题界面 --> 93 <div id="shijuan"> 94 <div id="bt"> 95 <div> <{$dyt[0][3]}>、<{$tmmc}></div> 96 </div> 97 98 <div id="option"> 99 <{foreach $option as $v}> 100 <div> <input type="checkbox" class="xx" value="<{$v[2]}>" /> <{$v[2]}>：<{$v[1]}></div> 101 <{/foreach}> 102 </div> 103 104 <!-- 点击确定跳向下一题 --> 105 <div id="btn"> 106 <input type="button" id="sure" bs="<{$dyt[0][2]}>" shunxu="<{$dyt[0][3]}>" value="确定" style="margin-left:50px; 50px; height:30px; font-size:15px; margin-top:10px;"> 107 </div> 108 109 </div> 110 <!--part3 试题列表 --> 111 <div id="list"> 112 <div> 113 <{foreach $list as $v}> 114 <div class="tmlist" tmdh="<{$v[2]}>"><{$v[3]}></div> 115 <{/foreach}> 116 </div> 117 118 <div> 119 <input type="button" value="交卷" class="jiaojuan" /> 120 </div> 121 </div> 122 </body> 123 <script type="text/javascript"> 124 125 //1.倒计时处理 126 window.setInterval("dao()",1000); 127 function dao() 128 { 129 $.ajax({ 130 url:"daojishi.php", 131 dataType:"TEXT", 132 success: function(data){ 133 var sj=data.trim().split("|"); 134 $("#fen").html(sj[0]); 135 $("#miao").html(sj[1]); 136 } 137 }); 138 } 139 140 //2.点击确定跳向下一题 141 $("#sure").click(function(){ 142 143 tianjia(); 144 }) 145 146 147 function tianjia() 148 { 149 //向数据库yhkstm表添加一条信息 150 //code,kaoshi(ksid),timu(题目代号tmdh),zqda(不添加),yhda,shunxu 151 var tmdh=$("#sure").attr("bs"); 152 //查yhda(用户答案) 153 var xx=$(".xx"); 154 var str=""; 155 for(var i=0;i<xx.length;i++) 156 { 157 //判断哪项选中 158 if(xx.eq(i).prop("checked")) 159 { 160 //取出所有的选中的复选框的value 161 str=str+xx.eq(i).val()+","; 162 } 163 } 164 //去掉最后多余的 "," 165 str=str.substr(0,str.length-1);//用户答案 166 var shunxu=$("#sure").attr("shunxu"); 167 168 $.ajax({ 169 async:false, 170 url:"dati.php", 171 data:{tmdh:tmdh,daan:str,shunxu:shunxu}, 172 type:"POST", 173 dataType:"JSON", 174 success: function(data){ 175 176 //标题 177 var bt=data.shunxu+"、"+data.tmmc; 178 $("#bt").html(bt); 179 180 //选项 181 var str=""; 182 for(var i=0;i<data.xuanxiang.length;i++) 183 { 184 str=str+"<div> <input type='checkbox' class='xx' value='"+data.xuanxiang[i][2]+"'> "+data.xuanxiang[i][2]+":"+data.xuanxiang[i][1]+"</div>"; 185 } 186 $("#option").html(str); 187 188 //确定按钮 189 var btn="<input type='button' id='sure' bs='"+data.tmdh+"' shunxu='"+data.shunxu+"' value='确定' style='margin-left:50px; 50px; height:30px; font-size:15px; margin-top:10px;'>"; 190 191 $("#btn").html(btn); 192 } 193 194 }); 195 $("#sure").click(function(){ 196 197 tianjia(); 198 }) 199 200 } 201 202 203 //3. 题目列表 204 205 //给选项加点击事件 206 $(".tmlist").click(function(){ 207 208 var tmdh=$(this).attr("tmdh"); 209 var shunxu=$(this).text(); 210 $.ajax({ 211 async:false, 212 url:"tmlist.php", 213 data:{tmdh:tmdh,shunxu:shunxu}, 214 type:"POST", 215 dataType:"JSON", 216 success: function(data){ 217 218 //标题 219 var bt=data.shunxu+"、"+data.tmmc; 220 $("#bt").html(bt); 221 222 //选项 223 var str=""; 224 for(var i=0;i<data.xuanxiang.length;i++) 225 { 226 str=str+"<div> <input type='checkbox' class='xx' value='"+data.xuanxiang[i][2]+"'> "+data.xuanxiang[i][2]+":"+data.xuanxiang[i][1]+"</div>"; 227 } 228 $("#option").html(str); 229 230 //确定按钮 231 var btn="<input type='button' id='sure' bs='"+data.tmdh+"' shunxu='"+data.shunxu+"' value='确定' style='margin-left:50px; 50px; height:30px; font-size:15px; margin-top:10px;'>"; 232 233 $("#btn").html(btn); 234 } 235 236 }); 237 238 $("#sure").click(function(){ 239 240 tianjia(); 241 }) 242 243 }) 244 245 //4.点击交卷 246 $(".jiaojuan").click(function(){ 247 $.ajax({ 248 url:"jiaojuan.php", 249 dataType:"TEXT", 250 success: function(data){ 251 252 var str="考试结束！您的总分为："+data; 253 alert(str); 254 } 255 }); 256 257 }) 258 259 260 261 262 </script> 263 </html>
2.3 考试页面处理：kaoshivhuli.php
作用：1.将选好的试题先存到session中 2.计算倒计时时，从数据库中查找考试时间 3.选完答案点击确定，往yhks表添加信息
1 <?php 2 //考试页面： 3 session_start(); 4 //将选好的试题先存到session中 5 $xzks=$_POST["xzks"]; 6 $_SESSION["xzks"]=$xzks; 7 8 include("../../DBDA.class.php"); 9 $db = new DBDA(); 10 //倒计时，从数据库中查找考试时间 11 $sql="select shijian from shiti where code='{$xzks}'"; 12 13 $sj=$db->StrQuery($sql); 14 15 if(empty($_SESSION["djs"])) 16 { 17 $_SESSION["djs"]=array($sj,00); 18 } 19 20 //点击确定，往yhks表添加信息 :code,shiti,user,fenshu,shijian 21 $user=$_SESSION["uid"]; 22 $time=date("Y-m-d H:i:s"); 23 $sks="insert into yhks values('','{$xzks}','{$user}',0,'{$time}')"; 24 $db->Query($sks,1); 25 //取这条数据的主键值备用 26 $id=$db->conn->insert_id; 27 $_SESSION["ksid"]=$id; 28 29 30 header("location:kaoshi.php");
2.4 倒计时处理页面：daojishi.php
1 <?php 2 session_start(); 3 4 $attr = $_SESSION["djs"]; 5 6 $fen = $attr[0]; 7 $miao = $attr[1]; 8 9 if($miao>0) 10 { 11 $miao--; 12 } 13 else if($miao==0) 14 { 15 $miao = 59; 16 $fen--; 17 } 18 19 $attr[0] = $fen; 20 $attr[1] = $miao; 21 22 $_SESSION["djs"] = $attr; 23 24 echo "{$fen}|{$miao}"; 25 26 if($fen==0 && $miao==0) 27 { 28 echo "交卷"; 29 }
2.5 答题后，点击确定跳向下一题的ajax处理页面：dati.php
1 <?php 2 //向数据库yhkstm表添加一条数据 3 //code,kaoshi(ksid),timu(题目代号tmdh),zqda(不添加),yhda,shunxu 4 session_start(); 5 6 include("../../DBDA.class.php"); 7 $db=new DBDA(); 8 9 $ksid=$_SESSION["ksid"]; 10 $tmdh=$_POST["tmdh"]; 11 $yhda=$_POST["daan"]; 12 $shunxu=$_POST["shunxu"]; 13 14 //判断用户是否是第一次点击确定 15 //是第一次就添加数据，不是第一次就修改答案 16 $spd="select count(*) from yhkstm where kaoshi='{$ksid}' and shunxu='{shunxu}'"; 17 if($db->StrQuery($spd)==1)//说明数据已经存在 18 { 19 $sxg="update yhkstm set yhda='{$yhda}' wnere kaoshi='{$ksid}' and shunxu='{shunxu}'"; 20 $db->Query($sxg,1); 21 } 22 else 23 { 24 //向数据库yhkstm表添加数据 25 $stj="insert into yhkstm values('','{$ksid}','{$tmdh}','','{$yhda}','{$shunxu}')"; 26 $db->Query($stj,1); 27 } 28 29 //点击确定跳向下一题 30 31 //根据yhkatm表中的ksid 在yhks表中找到试题shiti一栏 32 $sstid = "select shiti from yhks where code = '{$ksid}'"; 33 $stid = $db->StrQuery($sstid); 34 //根据shiti，和顺序找下一个题目xyt(下一题) 35 $shunxu++; 36 37 $sxyt = "select * from shititimu where shiti = '{$stid}' and shunxu='{$shunxu}'"; 38 $axyt = $db->Query($sxyt); 39 40 //查题目名称 41 $stmmc = "select name from timu where code = '{$axyt[0][2]}'"; 42 $tmmc = $db->StrQuery($stmmc); 43 44 //查选项 45 $sxx = "select * from xuanxiang where timu='{$axyt[0][2]}'"; 46 $axx = $db->Query($sxx); 47 48 $attr = array("shunxu"=>$axyt[0][3],"tmdh"=>$axyt[0][2],"tmmc"=>$tmmc,"xuanxiang"=>$axx); 49 50 echo json_encode($attr);
2.6 题目列表中，点击题目按钮出现相应题目的ajax处理页面：tmlist.php
1 <?php 2 //题目列表,给选项加点击事件处理页面 3 session_start(); 4 5 include("../../DBDA.class.php"); 6 $db = new DBDA(); 7 8 $tmdh = $_POST["tmdh"]; 9 $shunxu = $_POST["shunxu"]; 10 $ksid = $_SESSION["ksid"]; 11 12 13 //点击确定跳向下一题 14 15 //根据yhkatm表中的ksid 在yhks表中找到试题shiti一栏 16 $sstid = "select shiti from yhks where code = '{$ksid}'"; 17 $stid = $db->StrQuery($sstid); 18 //根据shiti，和顺序找下一个题目xyt(下一题) 19 $shunxu++; 20 21 $sxyt = "select * from shititimu where shiti = '{$stid}' and shunxu='{$shunxu}'"; 22 $axyt = $db->Query($sxyt); 23 24 //查题目名称 25 $stmmc = "select name from timu where code = '{$axyt[0][2]}'"; 26 $tmmc = $db->StrQuery($stmmc); 27 28 //查选项 29 $sxx = "select * from xuanxiang where timu='{$axyt[0][2]}'"; 30 $axx = $db->Query($sxx); 31 32 $attr = array("shunxu"=>$axyt[0][3],"tmdh"=>$axyt[0][2],"tmmc"=>$tmmc,"xuanxiang"=>$axx); 33 34 echo json_encode($attr);
2.7 点击交卷并显示总分处理页面：jiaojuan.php
1 <?php 2 //交卷处理页面 3 session_start(); 4 5 include("../../DBDA.class.php"); 6 $db=new DBDA(); 7 8 $ksid=$_SESSION["ksid"]; 9 $uid=$_SESSION["uid"]; 10 11 $sks="select * from yhks where code='{$ksid}'"; 12 $aks=$db->Query($sks); 13 14 $sfz="select fenzhi from shiti where code='{$aks[0][1]}'"; 15 $fz=$db->StrQuery($sfz);//每道题的分值 16 17 $zf=0; //总分 18 19 $sda="select * from yhkstm where kaoshi='{$ksid}'"; 20 $ada=$db->Query($sda); 21 foreach($ada as $v) 22 { 23 $v[2];//题目代号 24 $v[4];//用户题目答案 25 $szq="select daan from timu where code='{$v[2]}'"; 26 $zqda=$db->StrQuery($szq); 27 28 if($zqda==$v[4]) 29 { 30 $zf=$zf+$fz; 31 } 32 33 } 34 35 $sxg="update yhks set fenshu='{$zf}' where code='{$ksid}'"; 36 $db->Query($sxg,1); 37 38 echo $zf;