56 / 2021.02
互联网 + 技术 中国宽带·月刊
【摘 要】近年来各高校招生人数不断增加,与此同时也
给高校迎新带来了极大挑战。迎新报到时间长,管理困难,迎
新效率低,为解决这一问题,本文采用Web开发模式,运用Vue
框架进行程序的二次开发,完成了自助迎新 APP的设计,包括
首页,学习,在线咨询,我的(个人信息管理)等功能模块,
为新生提供更多高效便捷的服务。
【关键词】Vue 框架;自助迎新;软件设计
【基金项目】黑龙江省教育科学规划 2020 年度重点课题
(课题名称:基于智慧课堂的高校本科人才培养中数据化教学
改革研究 课题批准号:GJB1320331)研究成果。
随着通信技术和网络技术的发展,高校管理的信息化也要
与时俱进,紧跟时代的步伐。由于传统的迎新效率太低,每年都
会遭到新生和家长们的吐槽。所以,设计一个自助迎新 APP,能
够优化学校迎新工作流程,保障迎新工作的有序进行。构建完善
的自助迎新APP 还需要依托Vue 框架技术的支持,Vue 是一个构
建用户界面的框架,该开发框架是一个轻量级的 MVVM(Model-
View-View Model),其原理就是数据的双向绑定,数据驱动加组
件化的前端开发。而且运用 Vue 框架能够大幅度提升开发效率。
一、 系统需 求 分析
(一)可行性分析。V u e 作为当今主流前端框架之一,
具有轻量级、高性能、灵活性强等特点,是一套构建用户界面
的渐进式框架。Vue 采用自底向上增量开发的设计,使得前端
开发更加便捷。Vue 可将网页拆分成多个独立组件,组件可单
独进行功能开发和维护而不影响其他文件。组件和mxins 的组
合使用提高了代码的复用性,有助于快速构建用户界面。因此,
在技术层面上可行。
(二)功能需求分析。自助迎新 A P P 为满足新生报道效
率需求。设计的主要功能模块有首页,学习,在线咨询,我的
(个人信息管理)四个部分。新生经过注册登录后,可以在首
页进行身份认证,自动缴费,寝室预定;查询自己系别、寝室
号信息以及提交问题、回答问题等功能。后台管理员则定时对
学生信息以及问题库进行管理。
(三)非功能型需求。非功能性需求除功能型需求之外
与系统相关的其他需求,例如,性能需求、软硬件环境需求、
接口需求、运行环境需求、安全性需求等。通过 Vue 框架对用
户权限进行验证管理。用户请求数据时,通过 token 验证用
户信息,防止信息泄露和恶意数据破坏。
自助迎新 APP 的设计与实现
■ 张春蕊 范 晶
二、 功能模 块 设计
(一)系统设计。本软件采用 V u e 框架设计,主要包
括首页,学习,在线咨询,我的(个人信息管理)四个部分。每
当用户进行注册/登录时,用户进行的所有操作都保存到数据
库,系统设计时序图如图 1 所示。
(二)具体功能设计。(1 )首页。新生通过注册登陆
后进入首页,进行身份认证,新生需要进行人脸识别验证是否
为本级新生,验证通过后,缴纳本学期相关费用,缴费过程中
支持微信、支付宝、银行卡等多种支付方式(已缴费新生可以
在首页查询缴费证明),除此之外,新生可以根据自己的需求进
行寝室预定。(2)学习。在学习模块,新生通过自己的学号登
入系统,根据要求,完成本学期的选课,并领取相关书籍。(3)
在线咨询。通过在线咨询模块,新生可以根据需求提交自己的
问题、筛选查看别人发布的问题以及留言等。同时,新生提交
的问题和留言也可以在个人信息管理中查看。(4)个人信息管
理。在个人信息管理模块,新生可以查看自己学籍、所属系别、
已选课程、寝室号等与个人有关的信息操作。
三、自助迎新 A P P 实现
(一)系统登录界面的实现。新生来到学校之后,首先
图 1 系统设计时序图
图 2 具体功能设计实现
要在老师的指引下完成 APP
的下载与基本操作。
(二)各个模块功能
设计的实现。新生在注册
登录后,即将跳转到首页
功能模块,新生可在首页
完成相关操作,具体功能
设计实现如图 2 所示。
四 、 总 结
本文研究网络时代的
信息技术应用到高校自助
迎新系统的具体设计与实
现,旨在通过对传统的校
园活动管理的信息化改造
来提升校园建设的信息化
建设水平,提供更加人性
化的网络服务,提升迎新
效率。在系统框架及功能
设 置 上 还 有 待 进 一 步 研
究,同时,Android 与 IOS
系统需要不断优化升级,在提高实用性的同时不影响效率,不
断提高应用的可用性。
参考文献:
[1]杨翠.高校迎新系统的设计与开发[D].南昌航空大学,2019.
[2]林殷才.迎新管理与服务系统设计与实现[D].南京邮电
大学,2019.
[3]王志文.Vue+Elementui+Echarts在项目管理平台中的
应用[J].山西科技,2020,35(06):45-47.
(作 者 单 位:黑 龙 江 外国语学 院 )