基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551

摘  要

随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,教育行业当然也不能排除在外。高校学业预警系统是以实际运用为开发背景,运用软件工程开发方法,采用Node.JS技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析,得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等;详细设计主要包括模块实现的关键代码,系统数据库访问和主要功能模块的具体实现等。最后对系统进行功能测试,并对测试结果进行分析总结,及时改进系统中存在的不足,为以后的系统维护提供了方便,也为今后开发类似系统提供了借鉴和帮助。

关键字:高校学业预警系统,Mysql,Node.JS,Vue框架


Abstract

                                                  

With the rapid development of science and technology, all aspects of society and all walks of life are striving to integrate with modern advanced technology and improve their advantages through scientific and technological means. Of course, the education industry cannot be excluded. The academic early warning system in colleges and universities is a management system based on practical application, using software engineering development methods, and using Node.JS technology. The entire development process begins with a requirements analysis of the software system to obtain the main functions of the system. Then, the overall design and detailed design of the system are carried out. The overall design mainly includes the overall system structure design, system data structure design, system function design, and system safety design; The detailed design mainly includes the key code for module implementation, system database access, and the specific implementation of the main functional modules. Finally, a functional test of the system was conducted, and the test results were analyzed and summarized to timely improve the shortcomings of the system, providing convenience for future system maintenance and providing reference and assistance for the development of similar systems in the future.

Keywords: college academic early warning system, MySQL, Node.JS, Vue framework


目  录

摘  要

Abstract

章 绪 论

1.1背景及意义

1.2国内外研究概况

1.3 研究的内容

 关键技术的研究

2.1  node.js框架

2.2 Vue.js 主要功能

2.3 MVVM模式介绍

2.4  B/S体系工作原理

2.5 MySQL数据库

第三章 系统分析

3.1 系统设计目标

3.2 系统可行性分析

3.3 系统功能分析

3.4系统流程分析

3.4.1添加信息流程

3.4.2操作流程

3.4.3删除信息流程

第四章 系统设计

4.1 系统体系结构

4.2 数据库设计原则

4.3 数据表

第五章 系统实现

5.1用户功能模块

5.2管理员功能模块

5.3教师用户功能模块

章  系统测试

6.1测试定义及目的

6.2性能测试

6.3测试模块

6.4测试结果

  

致  谢

参考文献

章 绪 论

1.1背景及意义

随着我国高等教育的快速发展,教务教学管理部门面临着一个日益突出的问题,那就是在确保大多数学生按照培养方案的要求完成学业的同事,如何对那些因为各种原因未能按照培养方案的要求完成相应学业的学生进行及时、有效的预警?在正常的教育教学过程中,如何对学生的学业完成情况进行一个科学、及时、有效的监督和预警?怎样应用当前最先进的教育学理念完善现有的学业预警管理体系和机制,借助最前沿的计算机技术把这种教育学理念得以实现和应用,把高新的学业预警工作做得更加科学、及时、有效,是我们开展这项研究的切入点和落脚点。

2023年处于信息科技高速发展的大背景之下。在今天,缺少手机和电脑几乎已经成为不可能的事情,人们生活中已经难以离开手机和电脑。针对增加的成本管理和操作,很多系统或软件,这既可以让更多的人体验到网络所带来的方便。

1.2国内外研究概况

从教育学的角度上来看,形成评价理论在指导单门课程的课堂教学上有着较为深入的研究和具体的广泛的应用,但是从形成性评价这一在教学理论指导高校教辅业务工作的应用情况来看,较为贴切的应用基于学习过程的形成性评价理论指导较小的学业预警工作还属于刚刚起步和探索的阶段。由于学业预警机制的学分制管理中的巨大应用价值,它已经引起了世界许多国家教育部门、学术界和高等院校的极大关注,特别是简历再学分制基础上的学业预警机制,对于促进学生学习,优化教学资源,拓展学生综合素质具有很大的意义。基于这些显著的优点,如果能设计一个高校学业预警系统,那么将大大地提高高校学业信息的效率。在具备这样的系统之下,只需配备少量管理人员对数据库进行日常数据审核、管理以及定期维护。整个过程中管理人员只需提供少量的必要信息,大部分数据处理工作皆由数据库和相关程序来完成,节省了大量时间。如果数据库中的某部分信息存在错误,那么管理人员可以通过批量修改等方式来降低排错过程中所要花费的时间和精力。

顺应时代发展的大势所趋,倚靠计算机、互联网技术,整合资源是合乎发展潮流的正确选择。本着提供一个方便管理和节约成本的方式,设计一个高校学业预警系统,是必须也是必然的。

1.3 研究的内容

目前许多人仍将传统的纸质工具作为信息管理的主要工具,而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上,较为传统的office软件等仍是人们使用的主要工具,而相对全面且专业的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式,实现高校学业预警系统的各种功能,从而达到对高校学业预警系统的管理。

详细内容介绍,将在以下六章中详细阐述:

第一章、绪论,介绍了研究课题选择的背景及意义、研究现状,简要介绍了本文的章节内容。

第二章、引入技术知识,通过引入关键技术进行开发,向系统中涉及直观表达的技术知识。

第三章、重点分析了系统的分析,从系统强大的供需市场出发,对系统开发的可行性,系统流程以及系统性能和功能进行了探讨。

第四章、介绍了系统的详细设计方案,包括系统结构设计和数据库设计。

第五章、系统设计的实现,通过对系统功能设计的详细说明,论证了系统的结构。

第六章、系统的整体测试,评判系统是否可以上线运行。

 关键技术的研究

2.1  node.js框架

V8引擎本身使用了一些最新的编译技术。这使得用Javascript这类脚本语言编写出来的代码运行速度获得了极大提升,又节省了开发成本。对性能的苛求是Node的一个关键因素。 Javascript是一个事件驱动语言,Node利用了这个优点,编写出可扩展性高的服务器。Node采用了一个称为“事件循环(event loop)”的架构,使得编写可扩展性高的服务器变得既容易又安全。提高服务器性能的技巧有多种多样。Node选择了一种既能提高性能,又能减低开发复杂度的架构。这是一个非常重要的特性。并发编程通常很复杂且布满地雷。Node绕过了这些,但仍提供很好的性能。

Node采用一系列“非阻塞”来支持事件循环的方式。本质上就是为文件系统、数据库之类的资源提供接口。向文件系统发送一个请求时,无需等待硬盘(寻址并检索文件),硬盘准备好的时候非阻塞接口会通知Node。该模型以可扩展的方式简化了对慢资源的访问, 直观,易懂。尤其是对于熟悉onmouseover、onclick等DOM事件的用户,更有一种似曾相识的感觉。

2.2 Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。

2.3 MVVM模式介绍

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验,如Silverlight、音频、视频、3D、动画……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。

2.4  B/S体系工作原理

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

从Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第1张图片

 

2.5 MySQL数据库

Mysql的语言是非结构化的,用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下,MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单,但是功能和存储信息量很强大,所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的,为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强,功能强大,所以在实现某功能时只需要一小段代码,而不像其他程序需要编写大段代码。总体来说,Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室,它是在计算机上进行的,而不是现实中的储藏室。数据的存放是按固定格式,而不是无序的,其定义就是:长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行,一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。介于数据库的功能强大等特点,本系统的开发主要应用了Mysql进行对数据的管理。

第三章 系统分析

3.1 系统设计目标

高校学业预警系统主要是为了方便用户管理的信息。也是为了更好的让管理员进行更好存储所有数据信息及快速方便的检索功能,对系统的各个模块是通过许多今天的发达系统做出合理的分析来确定考虑用户的可操作性,遵循开发的系统优化的原则,经过全面的调查和研究。

系统所要实现的功能分析,对于现在网络方便的管理,系统要实现分别实现管理员、教师、用户的功能。用户:首页、模块管理(成绩管理、考勤信息、学分信息、挂科统计)、个人管理(个人信息、修改密码)。高校学业预警系统的开发不仅仅是能满足用户的需求,还能提高管理员的工作效率,减少原有不必要的工作量。

3.2 系统可行性分析

系统的开发环境和配置都是可以自行安装的,系统使用Node.JS的koa开发工具,使用比较成熟的Mysql数据库进行对系统用户和管理员之间相关的数据交互,根据技术语言对数据库,结合需求进行修改维护,可以使得系统运行更具有稳定性和安全性,从而完成实现系统的开发。

(1)硬件可行性分析

高校学业预警系统的设计对于所使用的计算机没有什么硬性的要求,计算机只要可以正常的使用进行代码的编写及页面设计就可行,主要是对于服务器有些要求,对于平台搭建完成要上传的服务器是有一定的要求的,服务器必须选择安全性比较高的,然后就是在打开系统必须顺畅,不能停顿太长时间;性价比高;安全性高。

(2)软件可行性分析

开发整个系统使用的是云计算,流量的可扩展性和基于流量的智能调整云计算的优点就是流量的可扩展性和基于流量的智能调整,保障系统的安全及数据信息的及时备份。

因此,我们从两个方面进行了可行性研究,可以看出系统的开发没有问题。

3.3 系统功能分析

使用高校学业预警系统的用户分管理员、学生用户、教师用户三个角色的权限子模块。

管理员所能使用的功能主要有:首页、人员管理(管理员、学生用户、教师用户)、权限管理(权限列表)、模块管理(班级管理、成绩管理、考勤信息、学分信息、挂科统计、公告栏、数据统计)、个人管理等。

学生用户所能使用的功能主要有:首页、模块管理(成绩管理、考勤信息、学分信息、挂科统计)、个人管理(个人信息、修改密码)等。

教师用户所能使用的功能主要有:首页、模块管理(考勤信息、学分信息、挂科统计)、个人管理(个人信息、修改密码)等。

3.4系统流程分析

3.4.1添加信息流程

添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-1所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第2张图片

 

图3-1 添加信息流程图

3.4.2操作流程

用户想进入系统,首先进入系统登录界面,通过正确的用户名、密码等信息,系统会检查登录信息,信息正确,然后输入相应的功能界面,提示信息错误,登录失败。系统操作流程如图3-2所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第3张图片

 

图3-2操作流程图

3.4.3删除信息流程

用户选择要删除的信息并单击删除按钮。系统提示是否删除信息。如果用户想要删除信息,系统将删除信息。系统数据库删除信息。删除信息流程图如图3-3所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第4张图片

 

图3-3 删除信息流程图


第四章 系统设计

4.1 系统体系结构

高校学业预警系统开发系统的结构图4-1所示:

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第5张图片

 

图4-1  系统结构图

模块包括管理员:首页、人员管理(管理员、学生用户、教师用户)、权限管理(权限列表)、模块管理(班级管理、成绩管理、考勤信息、学分信息、挂科统计、公告栏、数据统计)、个人管理等进行相应的操作。

登录系统结构图,如图4-2所示:

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第6张图片

 

图4-2 登录结构图

这些功能可以充分满足获取用户的需求。此系统功能较为全面如下图系统功能结构如图4-3所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第7张图片

 

图4-3系统功能结构图

4.2 数据库设计原则

每个数据库的应用它们都是和区分开的,当运行到一定的程序当中,它就会与自己相关的协议与客户端进行通讯。那么这个系统就会对使这些数据进行连接。当我们选择哪个桥段的时候,接下来就会简单的叙述这个数据库是如何来创建的。当点击完成按钮的时候就会自动在对话框内弹出数据源的名称,在进行点击下一步即可,直接在输入相对应的身份验证和登录密码。 

4.3 数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中,数据关系由数据表组成,但是表的结构表现在表的字段上。

表access_token (登陆访问时长)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

token_id

int

10

0

N

Y

临时访问牌ID

2

token

varchar

64

0

Y

N

临时访问牌

3

info

text

65535

0

Y

N

4

maxage

int

10

0

N

N

2

最大寿命:默认2小时

5

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

6

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

7

user_id

int

10

0

N

N

0

用户编号:

表article (文章:用于内容管理系统的文章)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

article_id

mediumint

8

0

N

Y

文章id:[0,8388607]

2

title

varchar

125

0

N

Y

标题:[0,125]用于文章和html的title标签中

3

type

varchar

64

0

N

N

0

文章分类:[0,1000]用来搜索指定类型的文章

4

hits

int

10

0

N

N

0

点击数:[0,1000000000]访问这篇文章的人次

5

praise_len

int

10

0

N

N

0

点赞数

6

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

7

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

8

source

varchar

255

0

Y

N

来源:[0,255]文章的出处

9

url

varchar

255

0

Y

N

来源地址:[0,255]用于跳转到发布该文章的网站

10

tag

varchar

255

0

Y

N

标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开

11

content

longtext

2147483647

0

Y

N

正文:文章的主体内容

12

img

varchar

255

0

Y

N

封面图

13

description

text

65535

0

Y

N

文章描述

表article_type (文章分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

smallint

5

0

N

Y

分类ID:[0,10000]

2

display

smallint

5

0

N

N

100

显示顺序:[0,1000]决定分类显示的先后顺序

3

name

varchar

16

0

N

N

分类名称:[2,16]

4

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

5

description

varchar

255

0

Y

N

描述:[0,255]描述该分类的作用

6

icon

text

65535

0

Y

N

分类图标:

7

url

varchar

255

0

Y

N

外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表attendance_information (考勤信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

attendance_information_id

int

10

0

N

Y

考勤信息ID

2

student_users

int

10

0

Y

N

0

学生用户

3

student_name

varchar

64

0

Y

N

学生名称

4

student_class

varchar

64

0

Y

N

学生班级

5

student_id

varchar

64

0

Y

N

学生学号

6

number_of_absenteeism

int

10

0

Y

N

0

旷课次数

7

times_of_being_late

int

10

0

Y

N

0

迟到次数

8

number_of_early_departures

int

10

0

Y

N

0

早退次数

9

notes_details

text

65535

0

Y

N

备注详情

10

recommend

int

10

0

N

N

0

智能推荐

11

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表auth (用户权限管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

auth_id

int

10

0

N

Y

授权ID:

2

user_group

varchar

64

0

Y

N

用户组:

3

mod_name

varchar

64

0

Y

N

模块名:

4

table_name

varchar

64

0

Y

N

表名:

5

page_title

varchar

255

0

Y

N

页面标题:

6

path

varchar

255

0

Y

N

路由路径:

7

position

varchar

32

0

Y

N

位置:

8

mode

varchar

32

0

N

N

_blank

跳转方式:

9

add

tinyint

3

0

N

N

1

是否可增加:

10

del

tinyint

3

0

N

N

1

是否可删除:

11

set

tinyint

3

0

N

N

1

是否可修改:

12

get

tinyint

3

0

N

N

1

是否可查看:

13

field_add

text

65535

0

Y

N

添加字段:

14

field_set

text

65535

0

Y

N

修改字段:

15

field_get

text

65535

0

Y

N

查询字段:

16

table_nav_name

varchar

500

0

Y

N

跨表导航名称:

17

table_nav

varchar

500

0

Y

N

跨表导航:

18

option

text

65535

0

Y

N

配置:

19

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表class_management (班级管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

class_management_id

int

10

0

N

Y

班级管理ID

2

class_name

varchar

64

0

Y

N

班级名称

3

affiliated_college

varchar

64

0

Y

N

所属学院

4

headmaster

varchar

64

0

Y

N

班主任

5

contact_information

varchar

64

0

Y

N

联系方式

6

class_size

int

10

0

Y

N

0

班级人数

7

class_details

varchar

64

0

Y

N

班级详情

8

recommend

int

10

0

N

N

0

智能推荐

9

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表credit_information (学分信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

credit_information_id

int

10

0

N

Y

学分信息ID

2

student_users

int

10

0

Y

N

0

学生用户

3

student_name

varchar

64

0

Y

N

学生名称

4

student_class

varchar

64

0

Y

N

学生班级

5

student_id

varchar

64

0

Y

N

学生学号

6

student_credits

int

10

0

Y

N

0

学生学分

7

notes_details

text

65535

0

Y

N

备注详情

8

recommend

int

10

0

N

N

0

智能推荐

9

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表data_statistics (数据统计)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

data_statistics_id

int

10

0

N

Y

数据统计ID

2

college_type

varchar

64

0

Y

N

学院类型

3

class_name

varchar

64

0

Y

N

班级名称

4

number_of_people_who_have_been_suspended

varchar

64

0

Y

N

挂科人数

5

number_of_early_warning_personnel

varchar

64

0

Y

N

预警人数

6

notes_details

text

65535

0

Y

N

备注详情

7

recommend

int

10

0

N

N

0

智能推荐

8

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表notice (公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notice_id

mediumint

8

0

N

Y

公告id:

2

title

varchar

125

0

N

N

标题:

3

content

longtext

2147483647

0

Y

N

正文:

4

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表notification_information (通知信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

notification_information_id

int

10

0

N

Y

通知信息ID

2

student_users

int

10

0

Y

N

0

学生用户

3

student_name

varchar

64

0

Y

N

学生名称

4

student_id

varchar

64

0

Y

N

学生学号

5

course_name

varchar

64

0

Y

N

课程名称

6

number_of_pending_cases

varchar

64

0

Y

N

挂科数量

7

notification_time

date

10

0

Y

N

通知时间

8

notification_content

text

65535

0

Y

N

通知内容

9

recommend

int

10

0

N

N

0

智能推荐

10

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

11

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表pending_statistics (挂科统计)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

pending_statistics_id

int

10

0

N

Y

挂科统计ID

2

student_users

int

10

0

Y

N

0

学生用户

3

student_name

varchar

64

0

Y

N

学生名称

4

student_id

varchar

64

0

Y

N

学生学号

5

course_name

varchar

64

0

Y

N

课程名称

6

number_of_pending_cases

int

10

0

Y

N

0

挂科数量

7

student_grade

varchar

64

0

Y

N

学生年级

8

student_semester

varchar

64

0

Y

N

学生学期

9

notes_details

text

65535

0

Y

N

备注详情

10

recommend

int

10

0

N

N

0

智能推荐

11

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表performance_management (成绩管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

performance_management_id

int

10

0

N

Y

成绩管理ID

2

student_users

int

10

0

Y

N

0

学生用户

3

student_name

varchar

64

0

Y

N

学生名称

4

student_class

varchar

64

0

Y

N

学生班级

5

student_achievements

varchar

64

0

Y

N

学生成绩

6

achievement_details

text

65535

0

Y

N

成绩详情

7

recommend

int

10

0

N

N

0

智能推荐

8

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表slides (轮播图)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

slides_id

int

10

0

N

Y

轮播图ID:

2

title

varchar

64

0

Y

N

标题:

3

content

varchar

255

0

Y

N

内容:

4

url

varchar

255

0

Y

N

链接:

5

img

varchar

255

0

Y

N

轮播图:

6

hits

int

10

0

N

N

0

点击量:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表student_users (学生用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

student_users_id

int

10

0

N

Y

学生用户ID

2

student_name

varchar

64

0

Y

N

学生姓名

3

student_gender

varchar

64

0

Y

N

学生性别

4

student_id

varchar

64

0

Y

N

学生学号

5

college_name

varchar

64

0

Y

N

学院名称

6

examine_state

varchar

16

0

N

N

已通过

审核状态

7

recommend

int

10

0

N

N

0

智能推荐

8

user_id

int

10

0

N

N

0

用户ID

9

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表teacher_user (教师用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

teacher_user_id

int

10

0

N

Y

教师用户ID

2

teachers_name

varchar

64

0

Y

N

教师姓名

3

teacher_title

varchar

64

0

Y

N

教师职称

4

teacher_id

varchar

64

0

Y

N

教师编号

5

examine_state

varchar

16

0

N

N

已通过

审核状态

6

recommend

int

10

0

N

N

0

智能推荐

7

user_id

int

10

0

N

N

0

用户ID

8

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表upload (文件上传)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

upload_id

int

10

0

N

Y

上传ID

2

name

varchar

64

0

Y

N

文件名

3

path

varchar

255

0

Y

N

访问路径

4

file

varchar

255

0

Y

N

文件路径

5

display

varchar

255

0

Y

N

显示顺序

6

father_id

int

10

0

Y

N

0

父级ID

7

dir

varchar

255

0

Y

N

文件夹

8

type

varchar

32

0

Y

N

文件类型

表user (用户账户:用于保存用户登录信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

user_id

mediumint

8

0

N

Y

用户ID:[0,8388607]用户获取其他与用户相关的数据

2

state

smallint

5

0

N

N

1

账户状态:[0,10](1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

0

Y

N

所在用户组:[0,32767]决定用户身份和权限

4

login_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

上次登录时间:

5

phone

varchar

11

0

Y

N

手机号码:[0,11]用户的手机号码,用于找回密码时或登录时

6

phone_state

smallint

5

0

N

N

0

手机认证:[0,1](0未认证|1审核中|2已认证)

7

username

varchar

16

0

N

N

用户名:[0,16]用户登录时所用的账户名称

8

nickname

varchar

16

0

Y

N

昵称:[0,16]

9

password

varchar

64

0

N

N

密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成

10

email

varchar

64

0

Y

N

邮箱:[0,64]用户的邮箱,用于找回密码时或登录时

11

email_state

smallint

5

0

N

N

0

邮箱认证:[0,1](0未认证|1审核中|2已认证)

12

avatar

varchar

255

0

Y

N

头像地址:[0,255]

13

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

表user_group (用户组:用于用户前端身份和鉴权)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

group_id

mediumint

8

0

N

Y

用户组ID:[0,8388607]

2

display

smallint

5

0

N

N

100

显示顺序:[0,1000]

3

name

varchar

16

0

N

N

名称:[0,16]

4

description

varchar

255

0

Y

N

描述:[0,255]描述该用户组的特点或权限范围

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

register

smallint

5

0

Y

N

0

注册位置:

9

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

第五章 系统实现

5.1用户功能模块

用户通过输入账号、密码、昵称、邮箱、手机号、身份、学生姓名、学生性别、学生学号、学院名称等个人信息注册账号,如图5-1所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第8张图片

 

图5-1用户注册界面图

   用户登录后可以查看和操作首页、模块管理(成绩管理、考勤信息、学分信息、挂科统计)、个人管理(个人信息、修改密码)等功能模块,如图5-2所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第9张图片

 

图5-2用户功能界面图

成绩管理,用户可以查看学生成绩,通过学生名称、学生班级等信息进行查询、重置等操作,如图5-3所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第10张图片

 

图5-3成绩管理界面图

考勤信息,用户可以查看考勤信息,通过学生名称、学生班级、旷课次数等信息进行查询、重置等操作,如图5-4所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第11张图片

 

图5-4考勤信息界面图

学分信息,用户可以查看学分信息,通过学生名称、学生班级、学生学号、学生学分等信息进行查询、重置等操作,如图5-5所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第12张图片

 

图5-5学分信息界面图

挂科统计,用户可以查看挂科统计,通过学生名称、学生用户、课程名称、挂科数量等信息进行查询、重置等操作,如图5-6所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第13张图片

 

图5-6挂科统计界面图

个人信息,用户可以查看个人信息,可以修改头像、昵称、手机号码、邮箱等信息,如图5-7所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第14张图片

 

图5-7个人信息界面图

5.2管理员功能模块

管理员登录,通过填写账号、密码、完成行为验证进行登录,如图5-8所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第15张图片

 

图5-8管理员登录界面图

管理员登录进入高校学业预警系统可以查看首页、人员管理(管理员、学生用户、教师用户)、权限管理(权限列表)、模块管理(班级管理、成绩管理、考勤信息、学分信息、挂科统计、公告栏、数据统计)、个人管理等功能并进行操作,如图5-9所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第16张图片

 

图5-9管理员功能界面图

人员管理-教师用户,在此页面管理员可以进行查询,重置,删除,添加等操作,如图5-10所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第17张图片

 

图5-10添加教师用户界面图

权限管理-权限设置,在此页面管理员可以查看权限,并进行查询,重置,删除,添加等操作,如图5-11,12所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第18张图片

 

图5-11权限管理界面图

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第19张图片

 

图5-12权限添加界面图

模块管理-班级管理,在此页面管理员可以查看班级名称、所属学院、班主任、班级人数等,可以查询,重置,删除,添加等操作,如图5-13所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第20张图片

 

图5-13班级管理界面图

模块管理-公告栏,在此页面管理员可以查看公告标题、封面图片、公告类型等,可以查询,重置,删除,添加等操作,如图5-14,15所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第21张图片

 

图5-14公告栏界面图

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第22张图片

 

图5-15公告栏添加界面图

模块管理-数据统计,在此页面管理员可以查看学院类型、挂科人数、预警人数、备注详情等,可以查询,重置,删除,添加等操作,如图5-16所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第23张图片

 

图5-16数据统计界面图

5.3教师用户功能模块

教师用户登录,通过填写账号、密码、完成行为验证进行登录,如图5-17所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第24张图片

 

图5-17教师用户登录界面图

教师用户登录进入高校学业预警系统可以查看首页、模块管理(考勤信息、学分信息、挂科统计)、个人管理(个人信息、修改密码)等功能并进行操作,如图5-18所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第25张图片

 

图5-18教师用户功能界面图

权限管理-考勤信息,在此页面教师用户可以查看考勤信息,并进行查询,重置,删除,添加等操作,且旷课、迟到、早退次数超过15次系统会自动预警,如图5-19所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第26张图片

 

图5-19考勤信息预警界面图

模块管理-学分信息,在此页面教师用户可以查看学分信息,可以进行查询,重置,删除,添加等操作,且学分低于60也会自动触发预警信息,如图5-20所示。

基于Vue+Node.js的高校学业预警系统——计算机毕业设计 附源码10551_第27张图片

 

图5-20学分信息预警界面图

章  系统测试

6.1测试定义及目的

关于系统实现的测试,英文名称是System TEST,简称ST,ST是使用完整其系统的各种功能多次、多案例、多环境测试,这是ST的简单描述。ST可以证明该功能对系统的要求是否得到满足以及是否有效。

对于系统开发的实现,不管开发过程多么努力,在系统运行的时候多少都会出现一些错误信息,所以为了系统的安全性及提高系统的使用率及给用户带来更好的体验,系统在完成之前,一定要进行一遍系统的测试,再完美的程序也会有漏洞,再细心的技术开发员也会有疏忽的时候,所以对于程序的测试是必须要做的一步。通过系统测试找到系统存在的问题,并根据问题的原因进行在线解决问题,如果找不到解决问题的办法可以进行通过资讯指导老师或者通过同学帮忙,一定将问题找出,否则将会出现更多的错误。所以程序出现错误时不可避免,系统测试虽然耗时费力,但是为了确保后期系统的长期使用,必须要进行系统测试,问题解决完成后还要再一步测试,直到没有任何问题后方可进行使用。

6.2性能测试

任何一款程序开发成功后都必须通过软件测试,它是保障软件稳定运行的前提。测试最主要的一步就是性能测试,性能测试内容如下:

(1)对于测试的速度有一定的要求,速度必须快,而且对于测试出来的错误问题一定以最快的速度进行处理解决,并且进行再次测试,保证整个系统运行的安全性。

(2)在系统测试的时候要将测试所用到的测试计划和测试报告保管好,方便后期系统的运行使用后的整体维护操作。

(3)软件测试整个过程中的聚类现象应优先考虑。

(4)对于整体系统测试,不要用自己的思想去认可整个系统,而是从公正的角度的进行对系统进行认可,是否符系统的整合应用。

6.3测试模块

测试系统是最新的Windows 10系统,通过对系统实现的功能模块进行每个功能模块的操作测试,查看每个用户的功能模块所对应的权限信息是否可以操作并且数据信息更新一致。

测试需求

测试重点

是否达成需求

结果

用户登录

输入账号密码

需求达成

通过

用户注册

创建新的账号密码

需求达成

通过

登录失败

输入错误账号密码

需求达成

通过

修改信息

修改成功

需求达成

通过

添加信息管理

增删查改

需求达成

通过

留言管理

增删查改

需求达成

通过

回复管理

增删查改

需求达成

通过

搜索查询管理

增删查改

需求达成

通过

                                                                                                                                                       

系统测试方面,我们通常运用的是白盒测试以及黑盒测试这两种方法。白盒测试是指在了解系统内部工作流程的前提下,可以根据需求规范验证系统内部操作是否能够正常运行的测试;而黑盒测试指的是,倘若知道了这个系统的全部功能,可以进行测试检测系统中的每一个功能是否满足正常使用。

为了方便用户使用“高校学业预警系统”,以及尽可能少的减少系统测试错误的发生,我们对该系统进行了相对应的测试。

对该系统的全部的功能界面进行测试,简单来说,就是我们输入一些数据并且对其进行提交,之后我们查看每个页面的反馈,检测页面的相关功能可不可以完全实现。

6.4测试结果

测试评估的结果是高校学业预警系统满足要求中的所有功能,处理大多数错误条件,修复大多数错误并通过测试。高校学业预警系统的基本功能都是可行的,不管是系统里面的功能还是界面的设计都是可值得推广宣传的。

   

经过一个学期的毕业设计的实现完成已接近尾声,到目前为止,当我回想起整个学期的系统开发日,收获颇丰。毕业设计的主要任务是建立一个高校学业预警系统的信息系统,对系统的每个功能模块进行相对应的操作,最后,系统调试结果表明系统基本可以满足功能要求。

高校学业预警系统的开发对我大学学习的改进有很大帮助。它使我能够学习计算机知识的相关技术方面问题及与人交往的沟通交流方面,让我意识到无论我们做什么,我们都需要坚持不懈,努力工作,只有这样尝试了并且坚持去做了,我们才可以成功,才可以获得成功的喜悦,如果没有尝试,知识想,那连成功的机会都没有,实际操作进行做了,才会越来越近的靠近成功,随着道路一路向前,未来的路是美好的。

对于高校学业预警系统的实现,是自己第一次完成的设计一个管理系统。在项目的设计过程中,我克服了各种困难,并且在面对这些困难,我积极的面对,想办法解决问题,并且更好的掌握了理论知识和动手操作实践能力,从系统的开发到设计完成,我完成了一个更全面、更完善、更安全的平台管理系统,这也让我取得了很大的成就感,也使我对未来的生活更有信心。


致  谢

时间飞快,毕业论文即时结束也意味着我大学四年的大学生活即将结束。论文写作乏味而富有挑战性,指导老师的指导,同学们的支持鼓励是我坚持完成系统设计和论文撰写的重要动力。首先,我要感谢我的导师老师在论文开篇,初稿,设计提出宝贵意见,没有老师对我的辛苦栽培,并且严格的要求,我是不可能顺利完成我的论文。在这里,我还要感谢我的妈妈和爸爸,多少感恩的话想要对你们说,我想通过我的学习成果来回报你们,永远祝你们健康幸福!最后,我要感谢所有帮助过我的老师,同学和朋友,并度过了许多快乐和难忘的日子。我希望你们永远幸福快乐。

四年的时间很难在我的漫长的人生旅程中短暂,但短短的四年是最真诚的青年;最纯粹的岁月;最美丽的大学生活。我会记住大学的每一点,记住大学里每个可爱的人。


参考文献

[1]. Node.js development agency Moravio is gaining praise for its customization and experience.[J]. M2 Presswire,2022.

[2]宋东翔,马伽洛伦,袁铭举,王怡然. 基于协同过滤和NodeJS的电影推荐系统研究[J]. 信息与电脑(理论版),2022,34(12):143-145.

[3]Paul Krill. Node.js trademarks move to OpenJS Foundation[J]. InfoWorld.com,2022.

[4]李鹏霞,刘扬,李宛睿,马敏杰. 基于信息化的学业预警管理系统的实现[J]. 长江信息通信,2021,34(11):166-169.

[5]韩坤,林关成,安嘉豪,陈泽. 基于B/S的高校学生学业预警系统设计与实现[J]. 信息技术,2021,(08):53-58.

[6]王刚涛. 基于机器学习的学业预警研究[D].西安石油大学,2021.

[7]遇宇. 基于Nodejs的定制化流程引擎设计与实现[J]. 电脑编程技巧与维护,2020,(11):39-40+65.

[8]Paul Krill. Node.js 15 debuts support for HTTP/3 transport[J]. InfoWorld.com,2020.

[9]李森,冯春勇,张单,屈敬朝,吴则琪. 高校学生信息管理及学业预警系统的设计与实现[J]. 电脑知识与技术,2020,16(27):11-14+20.

[10]张瑞锋,黄林浩,宋宝贵,黄文清,余建国. 关于学业预警系统的设计与构建[J]. 无线互联科技,2020,17(12):41-43.

[11]郑金龙,聂盼红. 基于成绩的学业预警系统的研究与设计[J]. 电脑知识与技术,2020,16(05):97-99.

[12]Paul Krill. Node.js rival Deno emphasizes security[J]. InfoWorld.com,2020.

[13]张贵强,王美玲. 基于NodeJS的企业网站的设计与实现[J]. 信息技术与信息化,2019,(12):58-60.

[14]何锡浩,单玉刚. 基于nodejs的校园智能视频监控系统设计和实现[J]. 电脑知识与技术,2019,15(36):198-200.

[15]. Design and Implementation of Loan Management System using ISI Server, PhP and MySql[J]. International Journal of Recent Technology and Engineering,2019,8(4).

[16]M.M.Kamruzzaman. Design and Implementation of Loan Management System using ISI Server, PhP and MySql[J]. International Journal of Recent Technology and Engineering (IJRTE),2019,8(4).

[17]佟紫娟. 高校学业预警制度的优化研究[J]. 科教文汇(上旬刊),2019,(09):17-18.

[18]范广慧,童钰津,王甫. 基于数据分析的新生学业预警系统研究——以某高校计算机应用技术专业为例[J]. 知识文库,2018,(13):197+201.

[19]杨洋,张烨青,方丹丹. 学业预警指标体系构建及系统初探[J]. 中国教育信息化,2017,(07):74-76.

[20]吴新华. 高校学生学业预警系统探索与实践[J]. 中国教育技术装备,2014,(06):45-48.

免费领取项目源码,请关注❤点赞收藏并私信博主,谢谢-

你可能感兴趣的:(vue.js,node.js,课程设计,spring,boot,后端,java,django)