广州城市理工学院
摘要
随着现在互联网技术发展,各种信息管理的手段不断更新,传统的车队管理手段逐渐暴露出弊端,不利于现车队的成员管理,以及试车各种数据的记录等车队所需的管理记录方式。随着互联网科技发展,微信小程序快速发展并快速融入我们的生活,为我们的生活提供便捷,同样,我们也可以微信小程序与车队管理全面结合,既满足传统车队人员管理的功能要求,又实现了对试车数据智能化管理的一个新平台。
本文对基于微信小程序的高校大学生车队信息管理系统进行了较为详细的分析设计思路以对比及运用的有关技术的优势。首先深入了解一些大高校学生车队,以华汽电动车队为调查对象,以车队需求为出发点,认真分析车队在以及未来所需的各种管理功能,与车队各队员进行了沟通交流,再者,联合微信小程序云开发技术的特点和优势,为实现华汽电动车队智能化管理系统必要的技术支持进行车队内部测试,再次调试及程序成功发布。
关键字:微信小程序;高校车队;信息管理系统;云开发
第一章 绪论
1.1研究背景及意义
一个完善的信息管理系统是一个高校大学生车队提高车队成员管理效率以及记录试车数据的快捷方式,特别是对于每次试车数据的整理分析和准备前的检查流程尤为重要,决定了车队是否能高效完成每次一次试车以及分析总结问题,和完美解决问题。因此高校各类大学生竞赛车队也急需一个能够提供成员管理,各种数据记录的云管理平台。
本文针对高校车队信息管理的现状,为高校车队设计并研发了一款符合技术发展需求信息管理系统,车队的成员以及管理员的信息管理系统,进行个人的信息修改,试车数据的总结以及对车队的各种宣传信息的浏览功能,不仅有利于提高高校车队的知名度,还可以明显提高工作,以及成员管理效率。
第二章相关技术介绍
2.1微信小程序
自从微信小程序发布测试并投入使用,与以往较为麻烦的APP相比,具有不用下载,不占用户手机内存等优势,各行各业,大到大型超市,小到菜市场都快速上线微信小程序,微信小程序的发展已经十分成熟和普及化。除此之外,现在各省各市的政府也积极推出各种便于人们快速向线上办理的政务小程序,例如粤省事等云服务平台。
2.2前端开发技术
前端开发技术运用到VUE技术,进行了页面的美工,属于渐进式的JavaScript框架,用于我们的页面开发,具有很强的渲染作用,配合上HTML的标记语言,加上CSS的样式作用,最后加上为VUE而生的ElementUI框架,使得该信息管理系统在视觉上有很强的美感和丰富层次感。不仅可以很简单地定义对应的CSS Transition或Animation效果,还可以利用丰富的JavaScript构造函数进行更底层的处理功能,有更多的时间去思考代码逻辑和算法实现如何达到最优效果。
2.3后端开发框架
后端开发运用了Spring boot框架,它的优点是代码量少了、所需的配置文件少了,更具有跨平台开发性,能最大限度的节约了开发成本,做到0成本,开源免费性的特点。其次运用雪花算法(SnowFlake)生成用户ID,使用雪花算法生成的主键,SnowFlake可以保证:所有生成的ID按时间趋势递增,整个分布式系统内不会生成重复用户ID,为后期的测试和维护降低风险,节约时间成本。最后,利用数据量小,传输速度快的JWT技术,在数据传输过程中完成数据加密、签名等相关处理的功能。
第三章系统需求分析与设计
3.1系统面向用户
本信息管理系统为高校车队实行智能化在线组织,管理,宣传等基本业务的云平台,用户分为三大类:
车队管理员:
作为车队的管理人员,可以在管理员功能页面,统一发布车队开会等通知;及时查看访客的浏览及留言信息,方便及时回复兴趣爱好者的问题;可以及时查看每次试车的实时数据,若出现问题便于后期技术分析;可以查看近期几次试车各方面的对比分析结果等。
车队成员:作为车队组成的重要部分,以及是该系统的主体用户,可以进行个人账号的注册及注销,基本信息的修改;可以查看管理层的通知,以及每个部门的通知;可以作为信息录入员,新建每一次试车项目,录入试车各方面的数据等。
兴趣爱好者(访客):作为外部人员,可以查看车队的宣传页面,浏览车队以往比赛视频及比赛成就;可以在招新时进行线上报名。
3.2车队管理员功能
管理员打开微信小程序后,会进入账号登陆页面,管理员通过已提前注册的账号和密码可以登陆管理员页面。功能包括:新增试车项目,新增车队成员,删除退队成员的信息,查看访客记录,回复访客留言,对全部成员发布公告的功能。
3.2.1车队管理员登陆功能
管理员进入都登陆页面,输入个人专有的账号密码,对接信息数据库中所存储的用户账号信息,若账号密码匹配成功即验证通过,登录成功进入管理员页面,若输入账号与密码不匹配将会提示“输入账号密码不匹配,请重试”或“此账号不存在,请先进行注册”,有三次重试机会,错误超过三次后将会回到访客页面。
图3-1登陆流程图
3.2.2车队管理员新建试车项目功能
管理员在管理页面点击项目页,点击新建项目,填入新建项目时间,名称等基本信息,便于后期查找,点击保存后,车队成员就可以进行试车录入或导入各种试车数据。
3.2.3车队管理员查看试车数据分析功能
在试车结束,相关队员填写数据后,管理员可以查看最新试车数据以及对比近期所有试车项目的数据,便于总结分析技术部分。
3.2.4车队管理员管理车队成员功能
对于加入车队的新队员,管理员可以帮其注册个人账号,填入新队员联系电话,电子邮箱,组别等基本个人信息,后期还可以修改此队员的奖励和处罚。对于退队的成员,管理员可以一键删除其所有个人信息,在信息回收中保留三个月,在三个月内若该成员归队可从信息回收中恢复此成员所有的信息。
3.3车队成员功能
车队成员进入小程序后,会进入账号登陆页面,车队成员通过已注册的账号和密码可以登陆成员页面。功能包括:修改和完善个人基本信息;新建并录入试车项目的主要数据;回复访客留言等。
3.3.1车队成员登陆功能
管理员进入都登陆页面,输入已有的账号密码,对接数据库,若账号密码匹配成功即验证通过,登录成功进入管理员页面,若输入账号与密码不匹配将会提示“输入账号密码不符,请重试”,有三次重试机会,错误超过三次后将会回到访客页面。
3.3.2车队成员修改个人信息功能
对于后期要添加或完善个人相关信息,成员可以进入个人信息中心,进入修改页面,修改或添加相关个人信息。
图3-2修改信息流程图
3.3.3车队成员录入试车数据功能
在每一次试车结束后,每一个组都应该上传负责部分的数据。成员进入项目页,若发现没有新建的试车项目,可以新建试车项目,进入项目内填写试车相关数据;若发现已有此次试车项目,可直接点击编辑,进入填写相关数据。
3.4访客功能
访客只可以进入游客页面,可以浏览车队相关信息,以往车队试车,比赛等视频,启到一定的宣传效果,只要访客进入小程序,就会留下记录,还可以在车队招新时进行线上填写报名信息,为车队统计和新生面试通过快捷方式。
3.4.1访客查看宣传视频功能
当一些兴趣爱好者的同学以访客的身份进入小程序,就会可以浏览到车队的相关信息,可以观看车队投放等宣传视频以及照片。
3.4.2访客招新报名功能
在每年车队招新时,传统的报名方式是线下填写,如今小程序功能的完善,新同学可通过扫码打开微信小程序,进入招新报名功能,填写个人报名信息,不仅节约了车队管理员以及新同学的时间,还提高了招新工作效率。
第四章系统功能实现
4.1系统功能界面设计
我们通过充分了解各种用户群体的需求,对系统进行了分析,并对系统的各个功能模块进行了设计以及如何优化实现,充分考虑高校大学生的成本问题,尽可能实现低成本,又高效最优化的信息系统。用户登录微信小程序后,登陆后会出现不同身份的登录页面,将用户划分为管理员和成员以及兴趣爱好者,不同的用户所能使用的功能是不一样的,本信息管理系统的总体功能结构图如下:
图4-1总功能模块图
4.2管理员模块界面设计
车队管理员界面主要是为管理层人员用户提供的操作权限,包括修改车队成员信息,新建试车项目,发布全体公告,查看访客浏览数据等功能。
(1)登录界面:车队管理员输入个人账号和密码,然后点击登录,若密码和账号匹配正确,即可进入管理员操作权限界面。
(2)个人主界面:显示了个人的照片,姓名,昵称,职位等信息。
(3)公告发布主页面:展示最近发布的5个全体通告,看得到相关活动名称以及进展。
(4)新建试车项目界面:在该界面管理员可以对近期要试车的项目进行创建,以便车队成员进行相关数据填写。
(5)查看访客浏览记录数据统计。
4.3成员模块界面设计
车队成员界面主要是为已有账号的车队成员提供一些操作权限,包括个人信息的查看和修改,通告的查看以及记录试车数据等功能。
主要界面设计如下:
(1)登录界面:管理人员输入对于的个人账号和密码,然后点击登录,若密码和账号准确无误,即可进入界面。
(2)个人主界面:显示了个人的照片,姓名,昵称,职位等信息。
(3)创建试车项目界面:在该界面车队成员可以刚试车的项目进行创建,以便进行相关数据填写。
(4)记录试车数据界面:在该界面各组成员可以完成一次试车项目的有关数据填写。
第五章总结与展望
5.1总结
本文从高校车队的实际需求出发,结合现在非常普及的微信小程序功能,开发了适用于高校大学生车队的信息管理系统。
在开发前期,本系统考虑了微信小程序的快捷,高效的优势,创新性地运用了多种前端页面开发技术,例如HTML,CSS,以及VUE.JS技术,后端开发技术运用JavaScript,Spring boot以及雪花算法生成用户ID等多种开发技术,完成本系统的设计开发和各个功能的完美实现。
本系统的开发完成以及成功发布,意味着高校车队可以通过手机微信小程序,快捷地管理车队,实现云管理,满足了管理的时效性和高效性,在提高车队各方面执行效率发挥着重要作用。