《教室预约管理系统》的整个前台部分是提供老师和学生进行浏览以及查看教室预约的情况等，该系统的前台设计主要实现了简单明了、条理清晰和模块分明。下面将一步一步的介绍《教室预约管理系统》的前台部分实现。
5.1 用户模块
用户是构成网站的一个重要组成部分，用户对网站的使用评价，是网站一直所追求的目标。其目的是为了可以更好的为用户进行服务。
5.2.1 教师模块
教师的模块主要含有五个部分。其分别为个人资料、教室信息、预约记录、显示桌面、修改密码。
1. 个人资料的实现
教师可以对自己的信息进行完善以及一些资料的设置。
2. 教室信息的实现
教师可以根据自己的需求来完成教室的预约以及后期可以对其进行修改和删除。该页面上面添加了搜索的功能，可以更快捷的操作，以及更方便的去教室的查询，从而提高效率。
3. 预约记录的实现
预约记录的这个页面可以很好的让教师看清楚自己的预约记录，同时也可以看到自己预约的时间和预约的时段以及预约的结果。这样可以方便老师的记录，以及合理的安排自己的时间。页面的上边也有搜索功能，具体到了楼名称和教室号，可以更快的找到自己的预约记录。
4. 显示桌面的实现
这个页面可以看到自己当前的用户和自己的权限等一些相关信息。
5. 修改密码的实现
该界面是用户可以对自己的密码进行修改。
5.2.2 学生模块
学生模块中包含了五个主要的部分，分别是显示桌面、修改密码、个人资料、教室信息和预约记录。
1． 个人资料的实现
该界面学生可以对自己的信息进行完善，当出现的错误的时候，自己也可以对其进行修改。
2.教室信息的实现
在本页面中，学生可以看到教室的预约情况。当教室预约的信息比较多的时候，学生可以通过搜索功能更快，更方便的进行查询。
搜索自己所需要的教室：
5.2.3 教室预约
教师和学生登陆成功后，可以在自己对应的信息页面中点击预约记录，然后对教室进行预约。
学生登陆成功点击教室信息
找到自己所要预约的教室，之后点击预约按钮，之后会跳转到以下界面
进入该页面后，可以对教室进行预约，填写预约日期、预约时段以及可以对教室进行备注，或者是自己为什么要预约教室，这样可以更好的让管理员看到，便于之后的审核。
最后教室的预约记录添加完成后，会出现相应的提示。
最后回到主界面，点击预约记录，会显示自己的预约情况。
5.2.4 修改当前用户的个人资料
学生登录本系统后，可以对自己的个人信息进行修改和完善。
用户登录系统。点击页面的个人资料
在页面中可以对自己的信息进行修改，下面是对自己的个人介绍进行修改。
修改完成后按提交按钮，会有提示是否修改成功。
最后点击确定则信息修改完成。
5.2.5 修改当前用户的密码
学生登陆成功后，以对自己的密码进行修改。
修改自己想要改成的密码。
修改完成后点击确定按钮，则修改完成。
5.2.6 退出
用户登录成功后，点击退出按钮可以完成退出。退出成功后回到最初的登录界面。