摘要：大学课程星罗棋布，通过纸与笔，老师与老师之间的沟通来获取教室的使用权显然是一种低效率且执行力极差的体验。所以现代化大学需要以计算机为基础，教师申请与查询系统的网站为工具来有效快速地进行教室查询与申请。

本设计是对教室的使用情况进行管理，前端通过HTML+CSS+Javascript技术搭建学院风格的界面。搭建的界面提供浏览者登录系统，实现账号管理、用户管理及教室管理。友好的界面和清楚的网站结构设计方便用户在各页面进行有效的操作。

通过设计建立的良好前端界面，能够将庞大的教室信息以直观美好的形式传递给浏览者，在后端的支撑下，以清晰美观的形式提供浏览者教室信息，并完成教室的查询和申请。

关键词：前端界面设计   HTML+CSS   JavaScript

目录

摘要

Abstract

一、可行性研究-1

（一）技术可行性-1

（二）经济可行性-1

（三）操作可行性-1

二、需求分析-1

（一）功能需求-1

（二）可靠性需求-1

（三）性能需求-1

（四）美工需求-2

三、网站架构-2

（一）关于网站结构设计前的思考-2

（二）整体结构设计介绍-2

（三）iframe内联框架基于本网站的可行性-3

（四）网站主流程图-4

四、核心页面结构设计-4

（一）登录模块布局设计-4

（二）用户模块布局设计-4

五、网站界面详细设计-6

（一）整体界面设计介绍-6

（二）登录模块-6

（三）普通教室模块-8

（四）管理者模块-18

六、数据库访问设计-20

（一）本系统采用的数据库类型-20

（二）本系统数据库连接方式与环境配置-20

六、结论-21

参考文献-22

致谢-23