基于PHP+MySQL+Apache在线考试管理系统(附源码-已开源(一键三连))

Posted 奇妙代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于PHP+MySQL+Apache在线考试管理系统(附源码-已开源(一键三连))相关的知识,希望对你有一定的参考价值。

项目体验

点击连接即可考试
已有的用户:范冰冰 学生 编号:190901102 密码:111111
已有教师:admin(编号、姓名和密码都为admin)
也可以自行注册用户

1、前言

1.1、编写目的

明确本项目功能,简单的介绍了本系统的设计思想,基本功能,模块划分,以便于开发人员更好的了解改系统

1.2、项目需求

提供用户(学生&教师)登录,用户权限(分教师与学生端),教师出卷子,学生写卷子。学生答题后显示答案与分数,并记录在历史成绩中(教师查看),提供教师二次批改试卷

1.3、项目环境及其功能

操作系统:Windows 10/7
运行环境:装有xampp的电脑即可

2、模块分析 & 数据表

2.1、学生&教师信息

student_idstudent_namestudent_passwordstudent_sjstudent_answerstudent_stdfstudent_cjdate
用户id用户名密码科目学生答题答案正确答案考试成绩作答时间
teacher_idteacher_nameteacher_passwordteacher_sjdata
教师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在线考试管理系统(附源码-已开源(一键三连))的主要内容,如果未能解决你的问题,请参考以下文章

基于php027网上答疑系统在线答疑

基于php+mysql的英语四六级在线考试练习系统

基于PHP+mysql的考试系统自动组卷,自动批卷,自动评分,单选,多选,判断

基于PHP+MYSQL的在线考试系统

基于mysql+php109在线记账软件

基于php059汽车租赁网站设计系统