摘  要

 

随着“互联网+”时代的到来，互联网技术正在以超乎寻常的速度发展，为实现管理的有效性和高效性，各式各样的管理系统出现在我们的视野中。然而作为前沿技术的孵化园——高校，大多数依旧沿用十年前的管理系统，信息化和数字化进程相对落后。在国民教育思想的转变之际，在国家政策引导下，高等教育正蓬勃发展，各种教育资源不断向高校输入，完善的数字化管理系统成为迫在眉睫的难题。

本文提出并实现了基于WEB的研究所日常管理系统。系统采用了目前较为流行的React前端框架和基于NodeJS的Express后端框架，以及轻量级数据库MySQL，有效解决了高校研究所现存的部分问题。本系统结合了传统研究所管理系统的功能逻辑，分析了系统的可行性、安全性、可靠性和可扩展性等，提出了一系列的优化方案，最终阐述了一个行之有效的总体设计并进行了实现。实验表明，借助现在较为流行的现代技术，系统的可扩展性、模块化和可维护性等都有了不同程度的提升，减小了开发和后期维护的难度，降低了成本，提升了效率，具有良好的应用前景。

 

关键词：Web，高校管理系统，研究所，React，Express

 

目  录

 

第一章 绪论 1

1.1 研究背景 1

1.2 国内外研究现状 1

1.2.1 国外研究现状 2

1.2.2 国内研究现状 2

1.3 研究的目的和意义 3

第二章 开发平台及相关技术介绍 4

2.1 软硬件开发与运行环境 4

2.2 B/S模式及其优势 4

2.2 MVC设计模式 4

2.2.1 MVC设计模式 4

2.2.2 其他设计模式 5

2.2.3 MVC设计模式的优点 5

2.3 React.JS前端框架及其常用UI库 6

2.3.1 React.JS 6

2.3.2 React.JS常用UI库 7

2.4 单页面应用及其优势 7

2.5 AXIOS及其特点 7

2.6 RESTful API 7

2.7 关系型数据库——MySQL 8

第三章 系统的需求分析 9

3.1 总体目标 9

3.2 权限需求分析 9

3.3 功能需求分析 10

第四章 系统的总体设计 12

4.1 总体功能框架 12

4.1.1 未登录状态下的功能模块 12

4.1.2 登录状态下的功能模块 12

4.2 数据库设计 13

第五章 系统的实现 18

5.1 基于Express框架的RESTful API后台服务 18

5.1.1 Express框架的底层——Http模块 18

5.1.2 Router中间件实现路由 18

5.1.3 Express框架连接MySQL数据库 19

5.2 Axios异步请求数据 20

5.2.1 页面请求数据 20

5.2.2 跨域问题的解决 21

5.2.3 Promise队列化异步请求 21

5.3 基于React.js的前端UI实现 22

5.3.1 单页面应用的实现 22

5.3.2 生命周期 23

5.3.3 系统主要页面 24

第六章 结论与展望 28

5.1 总结 28

5.2 展望 28

参考文献 29

致  谢 30