基于VUE的教室预约系统的设计与实现(PHP后台)

目 录
第一章 绪论 1
1.1 选题背景及意义 1
1.2 研究现状 1
1.3 开发语言介绍 2
1.3.1 统一建模语言UML 2
1.3.2VUE.js介绍 2
1.3.3PHP介绍 3
1.3.4Mysql介绍 4
第二章 系统分析 5
2.1需求分析 5
2.1.1功能需求 5
2.1.2性能需求 5
2.2可行性分析 6
2.2.1技术可行性 6
2.2.2操作可行性 6
2.3 业务流程分析 6
2.3.1教室管理过程的业务流程 6
2.3.2教室预约系统的数据流图 7
2.3.3总体ER图 8
第三章 概要设计 10
3.1网站开发目标 10
3.2功能设计 10
第四章 数据库设计 11
4.1数据库简介 11
4.2数据库概念设计 11
第五章 功能的实现 18
5.1 网站界面实现 18
5.2 主要功能代码 18
5.2.1登录模块详细设计 18
5.2.2用户管理模块 21
5.2.3学生管理模块的实现 23
5.2.4教师管理模块的实现 24
5.2.5教室管理模块的实现 26
5.2.6教室使用情况管理模块的实现 27
5.2.7教师预约流程模块的实现 29
5.2.8个人资料管理模块设计 31
第六章 系统测试 32
6.1 测试目的 32
6.2 测试内容 32
6.3 系统测试 32
6.3.1 测试的数据 32
6.3.2 系统测试方法 32
6.3.3 系统测试项目表 32
6.3.4 系统测试结果 33
总结与展望 34
参考文献 35
致 谢 36
第二章 系统分析
2.1需求分析
2.1.1功能需求
从实际需求上分析:
学生:查看教室使用情况、是否有空余教室、网上预约教室使用。
教室:查看教室使用情况、网上预约教室使用。
教务处:查看教室使用情况、更新教室使用情况、受理学生及教师的教室预约。
从系统功能上分析:
管理员功能有用户管理(系统管理员、修改密码)、学生信息管理(学生信息添加、学生信息查询)、教师信息管理(教师信息添加、教师信息查询)、教室信息管理(教室信息添加、教师信息查询)、使用情况管理(预约审核、使用情况统计);教师功能有个人资料管理(个人资料查询、个人密码修改)、教室预约管理(教室预约、预约记录查询)、使用情况查看;学生功能有个人资料管理(个人资料查询、个人密码修改)、教室预约管理(教室预约、预约记录查询)、使用情况查看。
2.1.2性能需求
(1)系统处理的准确性和及时性:系统处理的准确性和及时性是系统的必要性能。在系统设计和开发过程中,要充分考虑系统当前和将来可能承受的工作量,使系统的处理能力和响应时间能够满足企业对员工信息处理的需求。
(2)系统的开放性和系统的可扩充性:系统在开发过程中,应该充分考虑以后的可扩充性。例如数据表中用户选择字段方式的改变,用户查询的需求也会不断的更新和完善。所有这些,都要求系统提供足够的手段进行功能的调整和扩充。而要实现这一点,应通过系统的开放性来完成,既系统应是一个开放系统,只要符合一定的规范,可以简单的加入和减少系统的模块,配置系统的硬件。通过软件的修补、替换完成系统的升级和更新换代。
(3)系统的易用性和易维护性:要实现这一点,就要求系统应该尽量使用用户熟悉的术语和中文信息的界面;针对用户可能出现的使用问题,要提供足够的在线帮助,缩短用户对系统熟悉的过程。
(4) 系统的数据要求:1、数据录入和处理的准确性和实时性。2、数据的一致性与完整性。3、数据的共享与独立性。
2.2可行性分析
从系统结构的组织,功能的实现,技术的要求以及可行性等多方面进行考虑,本系统基于WEB进行开发,使用MYSQL作为后台数据库。利用图像处理软件设计页面;用网页制作工具进行制作。
首先应用WAMP作为开发环境,前台使用流行的网页制作工具DREAMWEAVER,后台的数据库则使用MYSQL,最后将整个网站进行整合。
2.2.1技术可行性
从以上分析可知,该网站是一个小型的信息管理网站,是PHP编程语言和html、javascript的综合运用,所有在技术上是可行的。
2.2.2操作可行性
操作简单,界面简洁、美观,各功能模块容易管理、扩展,并且在页面中会有许多操作提示,对于学过大学计算机基础的人和具备一定计算机操作能力的人来说都是易于掌握的,所以在操作上是可行的。
2.3 业务流程分析
2.3.1教室管理过程的业务流程
通过我们调查分析,得到如下教室管理过程的业务流程,如下图2-1所示:
基于VUE的教室预约系统的设计与实现(PHP后台)_第1张图片

图2-1 教室预约系统业务流程图

alert('请输入正确验证码!');location.href='login.html';";
		}
		if ($username!="" && $pwd!="")
		{
		if($cx=="管理员")
		{
			$sql="select * from allusers where username='$username' and pwd='$pwd'";
		}
		if($cx=="教师")
		{
			$sql="select * from jiaoshixinxi where gonghao='$username' and mima='$pwd' ";
		}
		if($cx=="学生")
		{
			$sql="select * from xueshengxinxi where xuehao='$username' and mima='$pwd' ";
		}
		$query=mysql_query($sql);
		$rowscount=mysql_num_rows($query);
			if($rowscount>0)
			{
					$_SESSION['username']=$username;
					if($cx=="管理员")
		{
					$_SESSION['cx']=mysql_result($query,0,"cx");
					}
					else
					{
					$_SESSION['cx']=$cx;
					}
					//$row = mysql_fetch_row($query)
					//echo $_SESSION['cx'];
					echo "";
			}
			else
			{
					echo "";
			}
		}
		else
		{
				echo "";
		}
	}
	
//}
?>

基于VUE的教室预约系统的设计与实现(PHP后台)_第2张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第3张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第4张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第5张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第6张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第7张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第8张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第9张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第10张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第11张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第12张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第13张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第14张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第15张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第16张图片
基于VUE的教室预约系统的设计与实现(PHP后台)_第17张图片

你可能感兴趣的:(vue,PHP,教室预约管理系统,源码,毕业设计)