nodejs+vue+elementui,大学生班级事务管理系统_9809i

大学生班级管理系统主要有管理员、教师和学生三个功能模块。以下将对这三个功能的作用进行详细的剖析。
。
 前端技术：nodejs+vue+elementui,视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。 可以设置中间件来响应 HTTP 请求。
管理员模块：管理员是系统中的核心用户，管理员登录后，可以对后台系统进行管理。主要包括个人中心、教师管理、学生管理、班级信息管理、班级人员管理、学生请假管理、班级职位管理、系统管理等功能
教师：教师进入系统可以对个人中心、班级信息管理、班级人员管理、学生请假管理、班级职位管理等功能进行操作，教师用例如图3-2所示
 Express 框架于Node运行环境的Web框架,
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。
简单的说 Node.js 就是运行在服务端的 JavaScript。
前端技术：nodejs+vue+elementui
前端：HTML5,CSS3、JavaScript、VUE
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
图3-2 教师用例图
学生：学生进入系统可以对个人中心、班级人员管理、学生请假管理、班级职位管理等功能进行操作，
系统阐述的是大学生班级管理系统，对于nodejs、B/S结构、MySql进行了较为深入的学习与应用。主要针对系统的设计，描述，实现和分析与测试方面来表明开发的过程。开发中使用了vue框架和MySql数据库技术搭建系统的整体架构。利用这些技术结合实际需求开发了具有个人中心、教师管理、学生管理、班级信息管理、班级人员管理、学生请假管理、班级职位管理、系统管理等功能的系统，最后对系统进行相应的测试，测试系统有无存在问题以及测试用户权限来优化系统，最后系统达到预期目标。

目    录

1  概    述    5
1.1 研究背景    5
1.2 研究意义    5
1.3 研究内容    5
2  关键技术介绍    7
2.1 nodejs介绍    7
2.2 MySql数据库    7
 2.4 B/S架构    8
2.5 vue框架    8
3  系统分析    10
3.1需求分析    10
3.2 系统可行性分析    10
3.2.1经济可行性    11
3.2.2技术可行性    11
3.2.3运行可行性    11
3.3 系统功能分析    11
3.4系统流程分析    13
3.4.1程序流程图设计    13
3.4.2添加信息流程图设计    13
3.4.3删除信息流程图设计    14
4  系统的设计    15
4.1 系统总功能模块设计    15
4.2 系统数据库设计    15
4.2.1 数据库系统概要设计    15
4.2.2 E-R模型结构设计    16
4.3数据表设计    17
5  系统的实现    23
5.1系统功能实现    23
5.2后台模块实现    24
5.2.1管理员功能实现    25
5.2.2教师功能实现    29
5.2.3学生功能实现    30
6系统测试    31
6.1系统测试的目的    31
6.2软件测试过程    31
6.3测试用例    32
结论    33
致谢    34
参考文献    35