基于PHP+MySQL+Apache在线考试管理系统(附源码-已开源(一键三连))
Posted 奇妙代码
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于PHP+MySQL+Apache在线考试管理系统(附源码-已开源(一键三连))相关的知识,希望对你有一定的参考价值。
基于php在线考试管理系统
项目体验
点击连接即可考试
已有的用户:范冰冰 学生 编号:190901102 密码:111111
已有教师:admin(编号、姓名和密码都为admin)
也可以自行注册用户
1、前言
1.1、编写目的
明确本项目功能,简单的介绍了本系统的设计思想,基本功能,模块划分,以便于开发人员更好的了解改系统
1.2、项目需求
提供用户(学生&教师)登录,用户权限(分教师与学生端),教师出卷子,学生写卷子。学生答题后显示答案与分数,并记录在历史成绩中(教师查看),提供教师二次批改试卷
1.3、项目环境及其功能
操作系统:Windows 10/7
运行环境:装有xampp的电脑即可
2、模块分析 & 数据表
2.1、学生&教师信息
student_id | student_name | student_password | student_sj | student_answer | student_stdf | student_cj | date |
---|---|---|---|---|---|---|---|
用户id | 用户名 | 密码 | 科目 | 学生答题答案 | 正确答案 | 考试成绩 | 作答时间 |
teacher_id | teacher_name | teacher_password | teacher_sj | data |
---|---|---|---|---|
教师id | 教师用户名 | 密码 | 科目 | 出卷时间 |
2.2、登录 & 注册 & 找回密码
(1)登录login.html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户登录</title>
<!--<link rel="stylesheet" href="../css/dashicons.css">-->
<link rel="stylesheet" href="../css/layout.css">
</head>
<body>
<div class="login">
<div class="login-wrap">
<div class="login-box">
<form method="post" action="../login.php">
<table>
<tr><th>编号:</th><td><input type="text" name="no" value="190901102" required></td></tr>
<tr><th>姓名:</th><td><input type="text" name="name" value="范冰冰" required></td></tr>
<tr><th>密码:</th><td><input type="password" name="password" value="111111" required></td></tr>
<tr><th>身份:</th><td><select type="text" name="usageid" style=width:260px;height:30px;padding:3px 4px;font-size:20px;border:1px solid #ddd;color:#666><option value="student">学生</option><option value="teacher">教师</option></select></td></tr>
<tr><th>验证码:</th><td><input type="text" name="code"></td></tr>
<tr><th></th><td><img src="../common/validcode.php" style="width:150px;height:40px;" id="code"/>
<a href="javascript:changeCode()">看不清,换一张</a>
<tr class="m-reg-act"><th></th><td><input type="submit" value="立即登录">
<span> 没有账号?<a href="./register.html" target="_blank" >立即注册</a></span>
<span> 忘记密码?<a href="./find.html" target="_blank">找回密码</a></span>
</table>
</form>
</div>
</div>
</div>
<script type="text/javascript">
//点击图片更新验证码
function changeCode() {
document.getElementById("code").src = "../common/validcode.php?id=" + Math.random();
}
</script>
</body>
</html>
(2)注册register.html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<link rel="stylesheet" href="../css/dashicons.css">
<link rel="stylesheet" href="../css/layout.css">
<script src="../js/jquery.min.js"></script>
<script>
if(top.location !== self.location){
top.location = self.location;
}
</script>
</head>
<body>
<div class="top">
<div class="top-title icon-home">用户注册</div>
</div>
<div class="login">
<div class="login-wrap">
<div class="login-box">
<form method="post" action="../register.php" >
<table>
<tr><th>编号:</th><td><input type="text" name="no" placeholder="请输入编号" required></td></tr>
<tr><th>姓名:</th><td><input type="text" name="name" placeholder="请输入姓名" required></td></tr>
<tr><th>密码:</th><td><input type="password" name="password" id="pw1" placeholder="请输入6位以上的密码" required></td></tr>
<tr><th>确认密码:</th><td><input type="password" id="pw2" onBlur="check()" placeholder="请再次输入密码,进行确认" required></td></tr>
<tr><th>电话:</th><td><input type="text" name="tel" id="phone" onBlur="checkphone()" placeholder="请输入电话号码" required></td></tr>
<tr><th>QQ:</th><td><input type="text" name="email" placeholder="请输入qq号" required></td></tr>
<tr><th>身份:</th><td><select type="text" name="usageid" style=width:260px;height:30px;padding:3px 4px;font-size:20px;border:1px solid #ddd;color:#666><option value="student">学生</option><option value="teacher">教师</option></select></td></tr>
<tr><th>验证码:</th><td><input type="text" name="code" placeholder="请输入验证码" required></td></tr>
<tr><th></th><td><img src="../common/validcode.php" style="width:150px;height:40px;" id="code"/>
<a href="javascript:changeCode()">看不清,换一张</a></td></tr>
<tr><th></th><td><p>
<tr class="m-reg-act"><th></th><td><input type="submit" value="确认注册"><span>已经有账号?<a href="./login.html">立即登录</a></span></td></tr>
</table>
</form>
</div>
</div></div>
<script type="text/javascript">
//判断两次密码输入是否一致
function $(id)
{
return document.getElementById(id)
}
function check()
{
var boo=$('pw1').value==$('pw2').value;
if (boo)
{
$teacher_password=$_SESSION["pw1"];
return true;
}
else
{
alert('两次密码不一致');
}
}
//验证码更新
function changeCode()
{
document.getElementById("code").src = "../common/validcode.php?id=" + Math.random();jisuanjikexueyujishu
}
//检查手机号码
function checkphone($tel)
{
var phone=document.getElementById("phone").value;
if(!(/^[1]\\d{10}$/.test(phone)))
{
alert("电话号码格式不对,必须1开头且总长度位11位数字");
}
else
{
return ture;
}
}
</script>
(3)找回密码find.html:
<!doctype html>
<html>
<head>以上是关于基于PHP+MySQL+Apache在线考试管理系统(附源码-已开源(一键三连))的主要内容,如果未能解决你的问题,请参考以下文章