smarty练习:考试系统
考试系统 (0607)
做一个类似于驾校考试的系统,可以选择要考试试题类型,选好后进入考试页面
使用的数据库表格:timu(题目)表,xuanxiang(选项)表,shiti(试题)表,shititimu(试题题目)表,yhks(用户考试)表, yhkstm(用户考试题目)表
实现的界面:
1、选择试题
2. 点击确定后再次确认开始考试
3.进入考试界面开始考试
4.完成后点击交卷,显示分数
代码部分:
1. 选择考试
1.1 选择考试名称后台:xuanzekaoshi.php
<?php
session_start();
include("../init.inc.php");
include("../../DBDA.class.php");
$db=new DBDA(); //自定义一个用户,保存在session里
$_SESSION["uid"]="lisi"; $sql="select * from shiti";
$attr=$db->Query($sql); $smarty->assign("ks",$attr);
$smarty->display("xuanzekaoshi.html");
1.2 选择考试名称前端显示:xuanzekaoshi.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择考试</title>
<script src="../../jquery-1.11.2.min.js"></script>
</head> <body>
<h1>选择考试名称</h1>
<div>请选择要考试的试题:</div>
<br />
<form action="kaoshichuli.php" method="post">
<select name="xzks" id="xzks">
<{foreach $ks as $v}>
<option value="<{$v[0]}>"><{$v[3]}></option>
<{/foreach}>
</select>
<br />
<br /> <!--选择好要考的试题后显示出试题的详情 -->
<div id="xx"></div>
<br /> <!--点击确定开始时再确认一下,若确定则开始考试 -->
<input type="submit" value="确定开始" id="qdks" onclick="return confirm('确定开始考试吗?考试开始后,到时间自动交卷,请注意好时间!')"/>
</form>
</body> <script type="text/javascript"> //选择好要考的试题后显示出试题的详情
$(document).ready(function(e) { showxq();
$("#xzks").change(function(){ showxq(); })
function showxq()
{
var code=$("#xzks").val();
$.ajax({
url:"xianshixq.php",
data:{code:code},
type:"POST",
dataType:"TEXT",
success: function(data){
if(!data.trim()=="")
{
var lie=data.split("^");
var mf=lie[4]*lie[5];
var str="本次考试为"+lie[3]+"考试,考试时间为"+lie[1]+"分钟,共计"+lie[4]+"道题,每题"+lie[5]+"分,满分为"+mf+"分。";
$("#xx").html(str);
}
} }); }
}); </script>
</html>
1.3 显示试题详情:xianshixq.php
<?php
//显示试题详情
include("../../DBDA.class.php");
$db=new DBDA(); $code=$_POST["code"]; $sql="select * from shiti where code='{$code}'";
$str=$db->StrQuery($sql); echo $str;
2. 考试页面
2.1 考试页面后台:kaoshi.php
<?php
//考试界面
session_start();
include("../init.inc.php");
include("../../DBDA.class.php");
$db=new DBDA(); $xzks=$_SESSION["xzks"];//试题代号 $uid=$_SESSION["uid"];//用户名 $adjs=$_SESSION["djs"];//倒计时
$smarty->assign("djs",$adjs); //从users表查用户信息
$suid="select * from users where username='{$uid}'";
$auid=$db->Query($suid);
$smarty->assign("uid",$auid); //从shiti表查考试的详情
$sql="select * from shiti where code='{$xzks}'";
$asql=$db->Query($sql);
$smarty->assign("xzks",$asql); //具体的题目,显示第一道题
$stm="select * from shititimu where shunxu=1";
$atm=$db->Query($stm);
$smarty->assign("dyt",$atm); //查题目名称
$stmmc="select name from timu where code='{$atm[0][2]}'";
$aname=$db->StrQuery($stmmc);
$smarty->assign("tmmc",$aname); //查选项信息
$soption="select * from xuanxiang where timu='{$atm[0][2]}'";
$aoption=$db->Query($soption);
$smarty->assign("option",$aoption); //做试题列表,从shititimu查找题目的相关信息,其中shiti=xzks
$sall="select * from shititimu where shiti='{$xzks}'";
$aall=$db->Query($sall);
$smarty->assign("list",$aall); $smarty->display("kaoshi.html");
2.2 考试页面前端显示:kaoshi.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>考试页面</title>
<script src="../../jquery-1.11.2.min.js"></script>
<style>
*{margin:0px auto; padding:0px}
#xinxi{
width:70%;
height:100px;
background-color:#0080C0;}
#shijuan{
width:1000px;
height:300px;
font-size:30px;
margin-left:200px;
}
#list{
width:75%;
height:100px;
background-color:#0080C0;}
#left{
width:70%;
height:100px;
float:left;
}
#right{
width:25%;
height:100px;
color:#FFF;
font-size:24px;
float:left;
margin-top:10px;
margin-left:30px;
}
.xq{
font-size:20px;
color:#FFF;
margin:10px 0px 5px 10px;}
.tmlist{
width:40px;
height:40px;
background-color:#CF6;
margin:10px 0px 0px 10px;
float:left;
font-size:20px;
font-weight:bold;
color:#0080FF;
text-align:center;
line-height:40px;
vertical-align:middle;}
.jiaojuan{
width:70px;
height:70px;
font-size:24px;
font-weight:bolder;
color:#00F;
text-align:center;
line-height:70px;
vertical-align:middle;
float:right;
margin-right:50px;
margin-top:20px;
} </style>
</head> <body><br />
<center><h1>考试页面</h1></center><br />
<!--part1 考试信息介绍 -->
<div id="xinxi">
<!--详细信息 -->
<div id="left">
<div class="xq"><span>姓名:<{$uid[0][2]}></span></div>
<div class="xq">
<span>考试名称为:<{$xzks[0][3]}> 所属科目为:<{$xzks[0][2]}></span>
<span>考试时间为:<{$xzks[0][1]}>分钟 共计为:<{$xzks[0][4]}>道题 每题为:<{$xzks[0][5]}>分</span>
</div> </div>
<!--倒计时 -->
<div id="right">
<div >距离考试结束还有:</div> <div style="font-size:35px; margin-left:20px; margin-top:10px;" >
<span id="fen"><{$djs[0]}></span> :
<span id="miao"><{$djs[1]}></span>
</div>
</div> </div><br /> <!--part2 试题界面 -->
<div id="shijuan">
<div id="bt">
<div> <{$dyt[0][3]}>、<{$tmmc}></div>
</div> <div id="option">
<{foreach $option as $v}>
<div> <input type="checkbox" class="xx" value="<{$v[2]}>" /> <{$v[2]}>:<{$v[1]}></div>
<{/foreach}>
</div> <!-- 点击确定跳向下一题 -->
<div id="btn">
<input type="button" id="sure" bs="<{$dyt[0][2]}>" shunxu="<{$dyt[0][3]}>" value="确定" style="margin-left:50px; width:50px; height:30px; font-size:15px; margin-top:10px;">
</div> </div>
<!--part3 试题列表 -->
<div id="list">
<div>
<{foreach $list as $v}>
<div class="tmlist" tmdh="<{$v[2]}>"><{$v[3]}></div>
<{/foreach}>
</div> <div>
<input type="button" value="交卷" class="jiaojuan" />
</div>
</div>
</body>
<script type="text/javascript"> //1.倒计时处理
window.setInterval("dao()",1000);
function dao()
{
$.ajax({
url:"daojishi.php",
dataType:"TEXT",
success: function(data){
var sj=data.trim().split("|");
$("#fen").html(sj[0]);
$("#miao").html(sj[1]);
}
});
} //2.点击确定跳向下一题
$("#sure").click(function(){ tianjia();
}) function tianjia()
{
//向数据库yhkstm表添加一条信息
//code,kaoshi(ksid),timu(题目代号tmdh),zqda(不添加),yhda,shunxu
var tmdh=$("#sure").attr("bs");
//查yhda(用户答案)
var xx=$(".xx");
var str="";
for(var i=0;i<xx.length;i++)
{
//判断哪项选中
if(xx.eq(i).prop("checked"))
{
//取出所有的选中的复选框的value
str=str+xx.eq(i).val()+",";
}
}
//去掉最后多余的 ","
str=str.substr(0,str.length-1);//用户答案
var shunxu=$("#sure").attr("shunxu"); $.ajax({
async:false,
url:"dati.php",
data:{tmdh:tmdh,daan:str,shunxu:shunxu},
type:"POST",
dataType:"JSON",
success: function(data){ //标题
var bt=data.shunxu+"、"+data.tmmc;
$("#bt").html(bt); //选项
var str="";
for(var i=0;i<data.xuanxiang.length;i++)
{
str=str+"<div> <input type='checkbox' class='xx' value='"+data.xuanxiang[i][2]+"'> "+data.xuanxiang[i][2]+":"+data.xuanxiang[i][1]+"</div>";
}
$("#option").html(str); //确定按钮
var btn="<input type='button' id='sure' bs='"+data.tmdh+"' shunxu='"+data.shunxu+"' value='确定' style='margin-left:50px; width:50px; height:30px; font-size:15px; margin-top:10px;'>"; $("#btn").html(btn);
} });
$("#sure").click(function(){ tianjia();
}) } //3. 题目列表 //给选项加点击事件
$(".tmlist").click(function(){ var tmdh=$(this).attr("tmdh");
var shunxu=$(this).text();
$.ajax({
async:false,
url:"tmlist.php",
data:{tmdh:tmdh,shunxu:shunxu},
type:"POST",
dataType:"JSON",
success: function(data){ //标题
var bt=data.shunxu+"、"+data.tmmc;
$("#bt").html(bt); //选项
var str="";
for(var i=0;i<data.xuanxiang.length;i++)
{
str=str+"<div> <input type='checkbox' class='xx' value='"+data.xuanxiang[i][2]+"'> "+data.xuanxiang[i][2]+":"+data.xuanxiang[i][1]+"</div>";
}
$("#option").html(str); //确定按钮
var btn="<input type='button' id='sure' bs='"+data.tmdh+"' shunxu='"+data.shunxu+"' value='确定' style='margin-left:50px; width:50px; height:30px; font-size:15px; margin-top:10px;'>"; $("#btn").html(btn);
} }); $("#sure").click(function(){ tianjia();
}) }) //4.点击交卷
$(".jiaojuan").click(function(){
$.ajax({
url:"jiaojuan.php",
dataType:"TEXT",
success: function(data){ var str="考试结束!您的总分为:"+data;
alert(str);
}
}); }) </script>
</html>
2.3 考试页面处理:kaoshivhuli.php
作用:1.将选好的试题先存到session中 2.计算倒计时时,从数据库中查找考试时间 3.选完答案点击确定,往yhks表添加信息
<?php
//考试页面:
session_start();
//将选好的试题先存到session中
$xzks=$_POST["xzks"];
$_SESSION["xzks"]=$xzks; include("../../DBDA.class.php");
$db = new DBDA();
//倒计时,从数据库中查找考试时间
$sql="select shijian from shiti where code='{$xzks}'"; $sj=$db->StrQuery($sql); if(empty($_SESSION["djs"]))
{
$_SESSION["djs"]=array($sj,00);
} //点击确定,往yhks表添加信息 :code,shiti,user,fenshu,shijian
$user=$_SESSION["uid"];
$time=date("Y-m-d H:i:s");
$sks="insert into yhks values('','{$xzks}','{$user}',0,'{$time}')";
$db->Query($sks,1);
//取这条数据的主键值备用
$id=$db->conn->insert_id;
$_SESSION["ksid"]=$id; header("location:kaoshi.php");
2.4 倒计时处理页面:daojishi.php
<?php
session_start(); $attr = $_SESSION["djs"]; $fen = $attr[0];
$miao = $attr[1]; if($miao>0)
{
$miao--;
}
else if($miao==0)
{
$miao = 59;
$fen--;
} $attr[0] = $fen;
$attr[1] = $miao; $_SESSION["djs"] = $attr; echo "{$fen}|{$miao}"; if($fen==0 && $miao==0)
{
echo "交卷";
}
2.5 答题后,点击确定跳向下一题的ajax处理页面:dati.php
<?php
//向数据库yhkstm表添加一条数据
//code,kaoshi(ksid),timu(题目代号tmdh),zqda(不添加),yhda,shunxu
session_start(); include("../../DBDA.class.php");
$db=new DBDA(); $ksid=$_SESSION["ksid"];
$tmdh=$_POST["tmdh"];
$yhda=$_POST["daan"];
$shunxu=$_POST["shunxu"]; //判断用户是否是第一次点击确定
//是第一次就添加数据,不是第一次就修改答案
$spd="select count(*) from yhkstm where kaoshi='{$ksid}' and shunxu='{shunxu}'";
if($db->StrQuery($spd)==1)//说明数据已经存在
{
$sxg="update yhkstm set yhda='{$yhda}' wnere kaoshi='{$ksid}' and shunxu='{shunxu}'";
$db->Query($sxg,1);
}
else
{
//向数据库yhkstm表添加数据
$stj="insert into yhkstm values('','{$ksid}','{$tmdh}','','{$yhda}','{$shunxu}')";
$db->Query($stj,1);
} //点击确定跳向下一题 //根据yhkatm表中的ksid 在yhks表中找到试题shiti一栏
$sstid = "select shiti from yhks where code = '{$ksid}'";
$stid = $db->StrQuery($sstid);
//根据shiti,和顺序找下一个题目xyt(下一题)
$shunxu++; $sxyt = "select * from shititimu where shiti = '{$stid}' and shunxu='{$shunxu}'";
$axyt = $db->Query($sxyt); //查题目名称
$stmmc = "select name from timu where code = '{$axyt[0][2]}'";
$tmmc = $db->StrQuery($stmmc); //查选项
$sxx = "select * from xuanxiang where timu='{$axyt[0][2]}'";
$axx = $db->Query($sxx); $attr = array("shunxu"=>$axyt[0][3],"tmdh"=>$axyt[0][2],"tmmc"=>$tmmc,"xuanxiang"=>$axx); echo json_encode($attr);
2.6 题目列表中,点击题目按钮出现相应题目的ajax处理页面:tmlist.php
<?php
//题目列表,给选项加点击事件处理页面
session_start(); include("../../DBDA.class.php");
$db = new DBDA(); $tmdh = $_POST["tmdh"];
$shunxu = $_POST["shunxu"];
$ksid = $_SESSION["ksid"]; //点击确定跳向下一题 //根据yhkatm表中的ksid 在yhks表中找到试题shiti一栏
$sstid = "select shiti from yhks where code = '{$ksid}'";
$stid = $db->StrQuery($sstid);
//根据shiti,和顺序找下一个题目xyt(下一题)
$shunxu++; $sxyt = "select * from shititimu where shiti = '{$stid}' and shunxu='{$shunxu}'";
$axyt = $db->Query($sxyt); //查题目名称
$stmmc = "select name from timu where code = '{$axyt[0][2]}'";
$tmmc = $db->StrQuery($stmmc); //查选项
$sxx = "select * from xuanxiang where timu='{$axyt[0][2]}'";
$axx = $db->Query($sxx); $attr = array("shunxu"=>$axyt[0][3],"tmdh"=>$axyt[0][2],"tmmc"=>$tmmc,"xuanxiang"=>$axx); echo json_encode($attr);
2.7 点击交卷并显示总分处理页面:jiaojuan.php
<?php
//交卷处理页面
session_start(); include("../../DBDA.class.php");
$db=new DBDA(); $ksid=$_SESSION["ksid"];
$uid=$_SESSION["uid"]; $sks="select * from yhks where code='{$ksid}'";
$aks=$db->Query($sks); $sfz="select fenzhi from shiti where code='{$aks[0][1]}'";
$fz=$db->StrQuery($sfz);//每道题的分值 $zf=0; //总分 $sda="select * from yhkstm where kaoshi='{$ksid}'";
$ada=$db->Query($sda);
foreach($ada as $v)
{
$v[2];//题目代号
$v[4];//用户题目答案
$szq="select daan from timu where code='{$v[2]}'";
$zqda=$db->StrQuery($szq); if($zqda==$v[4])
{
$zf=$zf+$fz;
} } $sxg="update yhks set fenshu='{$zf}' where code='{$ksid}'";
$db->Query($sxg,1); echo $zf;
smarty练习:考试系统的更多相关文章
- 分享一个LiteDB做的简单考试系统辅助工具
凌晨,被安排在公司值班,因为台风“灿鸿”即将登陆,风力太大,办公楼,车间等重要部分需要关注.所以无聊,那就分享一下,今天给朋友临时做的一个小的考试系统辅助工具吧.其实非常小,需求也很简单,但是可以根据 ...
- 基于ssh框架的在线考试系统开发的质量属性
我做的系统是基于ssh框架的在线考试系统.在线考试系统有以下几点特性:(1)系统响应时间需要非常快,可以迅速的出题,答题.(2)系统的负载量也需要非常大,可以支持多人在线考试(3)还有系统的安全性也需 ...
- WSB功能分解(在线考试系统)
对在线考试系统进行WSB功能分解至三级子功能,并且预估每个子功能所需时间. 一级功能 二级功能 三级功能 预估花费时间(小时) 考试管理员功能模块 培训计划 查询 1.5 重置 1 新增计划 1.5 ...
- 在线考试系统(Online Exam System)--ASP.NET
用户设计 -|学生 -|老师 -|管理员 学生结构设计 -|个人信息管理 -|修改个人信息 -|修改登录密码 -|选课中心 -|显示所有老师所开课的信息可进行选课 -|显示自己已选课程 -|在线考试 ...
- Bug测试报告--在线考试系统--金州勇士
项目名:在线考试系统 组名:金州勇士 测试者:宫丽君(nice!团队) 代码地址: ssh:git@git.coding.net:handsomeman/examm.git https://g ...
- 驾照理论模拟考试系统Android源码下载
驾照理论模拟考试系统Android源码下载 <ignore_js_op> 9.png (55.77 KB, 下载次数: 0) <ignore_js_op> 10.png ...
- JavaWeb项目开发案例精粹-第3章在线考试系统-007View层
0.login.jsp <%@ page language="java" import="java.util.*" pageEncoding=" ...
- zzzzw_在线考试系统①准备篇
在弄完购物系统之后,小博也了解了解怎么用struts这个框架捣鼓一个在线考试系统 购物系统用的是MVC模式,现在这个struts2原理上也是基于MVC模式的.那么要做这个东西之前先了解一下难点在哪里 ...
- 基于Web在线考试系统的设计与实现
这是一个课程设计的文档,源码及文档数据库我都修改过了,貌似这里复制过来的时候图片不能贴出,下载地址:http://download.csdn.net/detail/sdksdk0/9361973 ...
随机推荐
- hdu 1051Wooden Sticks
#include<cstdio> #include<cstring> #include<algorithm> #define maxn 10000 using na ...
- ASP.NET MVC 实现与SQLSERVER的依赖缓存
原文:ASP.NET MVC 实现与SQLSERVER的依赖缓存 本文主要是为了了解ASP.NET MVC 实现与SQLSERVER的依赖缓存的功能,针对自己对于这方面知识的学习的过程的一个记录.由于 ...
- POJ2242 The Circumference of the Circle(几何)
题目链接. 题目大意: 给定三个点,即一个任意三角形,求外接圆的周长. 分析: 外接圆的半径可以通过公式求得(2*r = a/sinA = b/sinB = c/sinC),然后直接求周长. 注意: ...
- Python HiveServer2
1. 安装pyhs2 pyhs2依赖项如下: gcc-c++ python-devel.x86_64 cyrus-sasl-devel.x86_64 因此pyhs2的安装命令如下: ...
- android 解析文章,通过JSON格式请求传递 的好文章,这里记录一下
http://blog.sina.com.cn/s/blog_8d955f8c0100xv7i.html http://blog.163.com/zhangzheming_282/blog/stati ...
- JAVA调用.NET WebService终极方案(包含对SoapHeader的处理)
一.前言: 今日部门的产品需要用到短信功能,需要走公司统一的接口,而该短信接口是由.net开发的,利用两天时间彻底搞定了用java来调用.net 的web service,包括对soap h ...
- chrome性能测试框架webpagereplay
今天学习了下chrome的性能测试框架,其实它可用于在稳定的环境下测试浏览器向服务器发起http请求至下载请求文档到本地的这个过程.好处在于,其原理在于先将第一次请求回来的文档下载在本地,然后在本地模 ...
- Linq 语法举例
1.简单的linq语法 //1 var ss = from r in db.Am_recProScheme select r; //2 var ss1 = db.Am_recProScheme; // ...
- 转:jQuery LigerUI 使用教程表格篇(3) 复选框、多表头、分组、汇总和明细
阅读目录 复选框 多表头 分组 汇总 明细 复选框 grid可以设置复选框模式进行多选,只需要简单的配置 checked:true 获取选中行 如果要获取选中的行,可以用getSelecteds方法: ...
- Sublime代码折叠
一.显示折叠小三角 1.点击Sublime的Preferences->Setting-Default菜单,打开它的配置文件. 2.找到行 // Fold buttons are the tria ...