nodejs+vue+ElementUi大学生综合测评系统78bxs

该系统将采用B/S结构模式，使用Vue和ElementUI框架搭建前端页面，后端使用Nodejs来搭建服务器，并使用MySQL，通过axios完成前后端的交互 

(1) vue引入elementui
1.使用npm安装element-ui
npm i element-ui -S
2.在main.js中导入使用vue
import 'element-ui/lib/theme-chalk/index.css' //别忘了导入样式
import ElementUI from 'element-ui'
Vue.use(ElementUI)
   图3-1 管理员用例图
3.2.2学院管理模块
   学院管理登录之后，进入系统界面，可以对首页、个人中心、学生管理、教师管理、班委管理、学习成绩管理、思想品德管理、创新实践管理、教师审核管理、班委审核管理、学院审核管理、综测规则管理等进行管理。学院管理用例图如图3-2所示；运行软件:vscode
前端nodejs+vue+ElementUi
语言 node.js
框架：Express/koa
前端:Vue.js
数据库：mysql
开发软件：VScode/webstorm/hbuiderx均可

                                   图3-2 学院管理用例图
3.2.3班委模块
   班委登录之后，进入系统界面，可以对首页、个人中心、学习成绩管理、思想品德管理、创新实践管理、班委审核管理、综测规则管理等进行管理。班委用例图如图3-3所示；

                                   图3-3班委用例图
3.2.4教师模块
   教师登录之后，进入系统界面，可以对首页、个人中心、学习成绩管理、思想品德管理、创新实践管理、教师审核管理、综测规则管理等进行管理。教师用例图如图3-4所示；

                                   图3-4 教师用例图
3.2.5学生模块
   学生登录之后，进入系统界面，可以对首页、个人中心、学习成绩管理、思想品德管理、创新实践管理、教师审核管理、班委审核管理、学院审核管理、综测规则管理等进行管理。学生用例图如图3-5所示；系统模块分析是对系统的各个模块做出相应的说明以及解释。此系统的模块分别有管理员和学院管理、班委、教师、学生这五大功能模块，对系统模块做出详细的分析会使系统的结构更加清晰，从而系统开发进行的也会更加顺利。本文论述了吉首大学综合测评系统的设计和实现，该系统从实际运用的角度出发，运用了计算机系统设计、数据库等相关知识，基于vue技术、架和Mysql数据库设计来实现的，系统主要包括用户登录、查看学习成绩、思想品德、创新实践等功能，并且可以修改个人信息、修改密码，以及管理员对学生、教师、班委、学院管理的管理功能。系统界面进行了人性化的设计，操作简单具有一定的使用价值。本文主要从该系统的设计思想、功能的架构，运用的技术、数据库的设计、具体的实现等方面来进行论述。在详细设计部分主要论述了系统功能设计和数据库的设计。在本文的最后对系统的调试结果进行了说明和总结。
关键词：吉首大学综合测评系统；Mysql数据库；vue技术； 管理员登录之后，进入系统后，可以查看到首页、个人中心、学生管理、教师管理、班委管理、学院管理等。管理员用例图如图3-1所示：
 

目 录
第一章 绪论    I
1.1 本课题研究背景    1
1.2 研究现状    2
1.3 本课题研究的意义    3
1.4 论文所做的主要工作    4
第二章 系统实现的技术支持    5
2.1  VUE技术介绍    6
2.2  Mysql数据库介绍    7
2.3  MySQL环境配置    8
2.4  B/S架构    9
 
第三章 系统的分析与设计    11
3.1系统分析    12
3.1.1 环境可行性分析    13
3.1.2 技术可行性分析    14
3.1.3 经济可行性分析    15
3.1.4需求分析    16
3.2 系统模块分析    17
3.3 总体设计    18
3.4 数据库设计    19
3.4.1  数据库E-R图    20
3.4.2 数据库中相关的表    21
第四章 系统的详细设计    22
4.1管理员功能模块    23
4.2学院管理功能模块    24
4.3班委功能模块    24
4.4教师功能模块    24
4.5学生功能模块    24
第五章 系统的调试和测试    25
第六章 总结    26
心得体会    27
参考文献    28
致谢    29