3.3.1登录模块的设计 19

3.3.2首页模块的设计 22

3.3.3学生信息的设计 24

3.3.4教务信息的设计 29

第四章 系统运行测试 34

4.1登录模块测试 34

4.1.1系统启动 34

4.1.2 登录信息有误 34

4.2首页模块测试 35

4.3学工系统模块测试 36

4.3.1 基本信息 36

4.3.2 宿舍信息 39

4.3.3 奖惩信息 39

4.3.4 学工信息 40

4.4教务系统模块测试 40

4.4.1 基础信息 40

4.4.2 选课中心 41

4.4.3学籍成绩 42

结   论 44

致   谢 45

参考文献 46

第一章 绪论

学校学生的信息管理在每个学校都有着很大的作用，而越来越多的学生管理也在逐步转向通过管理系统来实现，所以对学生管理系统的课题研究是很具有时代意义的。在这一章主要对课题的目的意义进行分析，简单介绍了我的管理系统将要实现哪些基本功能，并介绍了系统开发过程的技术环境。

1.1 课题的目的和意义

进入如今的全民信息时代，信息的管理也越来越智能化，通过一个管理系统来对事业单位的各种信息进行管理已经是不可缺少的选择。而在教育事业的迅速发展过程中，生源信息也变得十分庞大，管理系统的存在对于一个学校的信息管理更是必不可少。

每个学校的管理系统在起作用时就发挥着极大的作用，几乎学校的所有的信息，功能操作都通过它来完成展现，所以一旦学生管理系统出现漏洞，会对学校的正常工作产生很大的影响。而目前很多学校的管理系统还是曾经老旧的版本，甚至很多还是只能在IE的浏览器下才能运行，对学生的使用带来的很大的影响，后期维护也很困难。

而本系统尝试使用目前比较火热的前后端技术进行搭建。实现普通的学生信息管理系统各个功能。

1.2 系统研究主要内容及实现目标

本系统主要包含登录、学生信息管理、教务信息管理以及一些附加功能等几个主要模块的实现：

（1）登录退出：学生直接通过学号登录，进入系统后可以修改自己的密码；

（2）学生信息管理：对学生的基本信息、宿舍、奖惩情况进行管理，对于学生和管理员设定不同的操作权限。

（3）教务系统管理：这个模块实现了学生的选课，查看选课结果，以及学生成绩的查询。

（4）附加的建议交流功能，实现全校学生之间的简单互动。

1.3 开发环境

1.3.1 开发工具介绍

（1）编辑器：IDEA ，全称 IntelliJ IDEA，是目前公认的最好的开发工具之一，而它有代码的自动提示、有智能的代码助手等很多优点，支持J2EE和重构功能，也支持git、GitHub、SVN等各类版本工具，更是支持HTML、JavaScript、react等各种开发语言。其主要优点表现在调试方面，远胜eclipse。

（2）图形处理：PS，全称是Adobe Photoshop，是Adobe Systems开发发行的处理图像的软件，其最主要的是处理以像素构成的图像，能够对图像、文字、视频等很多方面进行编辑处理。是目前最受欢迎的图像处理工具。

（3）数据库：MongoDB[1]，是非关系数据库的一种，在所有非关系数据库中功能最丰富、最完善。它支持类似json的格式的数据类型，所有可以存储一些比较复杂的数据类型，有类似面向对象的查询语法，所以关系数据库的所有单表查询功能它差不多都可以实现，并且还支持建立索引。

1.3.2 操作系统  

操作系统平台： Windows 10

1.4 开发技术

1.4.1 客户端

（1）基础语言：HTML、CSS、JavaScript，分别用来体现结构层、表现层以及行为层。

（2）React[2]：是目前比较火热的前端表现形式，区别于JQ直接操作更新dom来实现一系列的行为，react减少dom的操作，提供了虚拟dom（virtual dom）的方式，通过这种简单又强大的方式更新dom代替直接操作dom，来描述真实的dom如何去表现。React有一个diff算法，能够计算出真实的dom和虚拟的dom之间的差距，从而找出最快的途径去更新真实dom，实现dom的快速更新。