论文总字数：24151字

摘 要

目前，随着人们生活质量的提高，我国大学宿舍虽然能满足学生住宿的需求，但存在着环境有限，功能单一的问题。对此提出了新型的高校公共资源调度系统，可在有限的条件下提升学生的校园生活质量。本文设计了一套后台管理系统，使得宿管和教师通过网页登录管理系统即可查看与管理宿舍资源使用情况。

本文首先简要介绍了高校资源调度系统的设计内容，分析得出后台管理系统的需求，从而设计出系统的总体框架。然后依据需求基于web前端开发技术设计出各个页面模块，并基于jQuery框架，CSS技术与JavaScript语言实现了各个页面的功能。随后通过AJAX技术与后台服务器进行数据交互，实现了后台管理的功能。最后经测试，该管理系统可以实现信息查询，删除，修改的功能，达到了设计的要求。

本设计将传统的宿舍管理与互联网技术相结合，突破了传统的管理方式，让宿管的部分工作可以在线完成，从而改进了宿舍管理的工作模式。本文设计的公共资源后台管理系统有广泛的适用性，不仅可以用来管理学生宿舍，还可以管理其他公共资源。

关键词：管理系统；网站制作；前端开发；前端框架

Abstract

At present, with the improvement of people's quality of life, although the university dormitory in China can meet the needs of student accommodation, there are problems of limited environment and single function. This paper proposes a new type of public resource scheduling system for colleges and universities, which can improve the quality of students' campus life under limited conditions. This paper designs a background management system, which enables the residents and teachers to view and manage the use of dormitory resources through the webpage login management system.

This paper first briefly introduces the design content of the university resource scheduling system, analyzes the requirements of the background management system, and designs the overall framework of the system. Then based on the requirements of the web front-end development technology to design each page module, and based on the jQuery framework, CSS technology and JavaScript language to achieve the function of each page. Then through AJAX technology and the background server for data interaction, the realization of the background management function. Finally, after testing, the management system can realize the functions of information query, deletion and modification, and meet the design requirements.

This design combines traditional dormitory management with Internet technology, breaking through the traditional management methods, allowing part of the work of the accommodation management to be completed online, thus improving the working mode of dormitory management. The public resource back-end management system designed in this paper has wide applicability, which can be used not only to manage student residences, but also to manage other public resources.

KEY WORDS: management system；web page design；front-end development；jQuery

目 录

摘 要 I

Abstract II

第一章 绪论 1

1.1引言 1

1.2 web前端发展及现状 2

第二章 设计前期准备 5

2.1高校公共资源调度系统 5

2.1.1高校公共资源调度系统意义 5

2.1.2高校公共资源调度系统简介 6

2.1.3后台管理功能需求 7

2.2关键技术分析 9

2.2.1 HTML技术 9

2.2.2 CSS技术 9

2.2.3 JavaScript技术 10

2.2.4 jQuery框架 10

2.2.5 AJAX技术 10

2.2.6 JSON技术 11

2.3本章小结 11

第三章 系统设计与实现 12

3.1后台管理系统设计 12

3.1.1系统需求概述 12

3.1.2后端配合需求 12

3.1.3 系统设计概述 13

3.2后台管理系统实现 13

3.2.1标题栏设计 13

3.2.2菜单栏设计 13

3.2.3信息表格设计 14

3.2.4修改页面设计 15

3.2.5登录页面设计 15

3.2.6页面整合 16

3.3管理系统功能实现 16

3.3.1 与后端建立通信 16

3.3.2 解析数据并填入表格 17

3.3.3 修改服务器数据 18

3.3.4 登录及注册功能 18

3.4本章小结 20

第四章 系统功能测试 21

4.1模块测试 21

4.1.1用户管理模块 21

4.1.2房间管理模块 22

4.1.3物品管理模块 22

4.1.4请求管理模块 23

4.1.5 登录注册模块 23

4.2整体测试 24

4.3本章小结 25

第五章 总结与展望 26

5.1总结 26

5.2主要创新点 26

5.3展望 27

参考文献 28

致 谢 29

第一章 绪论

1.1引言

随着个人电脑的普及和互联网技术的蓬勃发展，计算机技术已经极大地改变了人们的生活，信息化使人们的生活和工作都变得更加高效，更加便捷。通过计算机和网络可以将对庞杂繁琐的事物的管理在小小的办公桌上实现，只需要看看眼前的屏幕，动动手指点点鼠标，就能够实现足不出户，却对远处的事物进行监控和管理。本文介绍的高效公共资源调度系统的后台管理系统就实现了这样的功能，教师或者舍管阿姨只需要一台能连接互联网的电脑，打开浏览器便可以对宿舍情况进行监控和管理。

本课题是高效公共资源调度系统下的一个子课题。高效公共资源调度系统是老师设想的大学宿舍的新形式。目前的大学宿舍一般为四人间或六人间，里面配有上床下桌或者上下床。这样的宿舍虽然可以满足学生住宿的需求，但宛如鸽笼一般的宿舍，空间普遍较为狭小，学生缺少个人相对私密的空间。除了床，每个人的小桌子能满足的生活实用需求也有限，稍微放些书放太电脑就没地方了。而西方发达国家的学生宿舍则大不相同，公寓式的宿舍除了给每位学生独立和充分的空间，还有公共的客厅，厨房等功能性的房间满足学生的全部生活需求。虽然希望中国的大学宿舍能参照西方发达国家那样建设，但目前绝大多数学校宿舍已经建设完成，推翻重建明显是不现实的。于是老师设想了将现有的宿舍房间进行改造的方案，把鸽笼式的住宿房间改造成处理床位外，再提供自习，会议，厨房等多种不同功能，不再有学校分配而让学生按照自己的需求进行选择。这样既更加高效地利用了有限的宿舍空间，也极大地提升了学生们的生活质量，丰富了大学生活的内容。

剩余内容已隐藏，请支付后下载全文，论文总字数：24151字