SCI论文（www.lunwensci.com）:
摘要：针对传统高校办公室管理上的业务琐碎及效率低下问题,提出基于微信小程序的高校办公室管理系统。系统具有考试管理、考勤管理、会议管理等办公室常用功能模块,教师可通过微信小程序高效的完成各项办公室任务。系统基于SSM(SpringMVC+Spring+MyBatis)框架,采用MVVM(Model-View-ViewModel)设计理念实现高内聚、低耦合的特性。办公室管理系统的实现,简化了各类审批流程,减少了办公室人员的工作量,提高了办公室管理的效率,降低了管理成本。
关键词：办公室管理；微信小程序；SSM；MVVM
University Office Management System Based on WeChat Mini Program
ZHENG Yongtao1,2,KONG Weibin1,2,CHEN Jianzhao1,2,YANG Xiaofang1,2,ZHANG Hongyan1
(1.School of Information Technology,Yancheng Institute of Technology,Yancheng Jiangsu 224051;2.Yancheng Optical Fiber Sensing and Application Engineering Technology Research Center,Yancheng Jiangsu 224051)
【Abstract】：In order to solve the problems of at the trivial business and inefficiency in the management of traditional university offices,a university office management system based on WeChat mini program is proposed.The system has common office function modules such as examination management,attendance management,conference management,etc.,and teachers can efficiently complete various office tasks through WeChat mini programs.The system is based on the SSM(SpringMVC+Spring+MyBatis)framework,and adopts the design concept of MVVM(Model-View-ViewModel)to achieve high cohesion and low coupling.The implementation of the office management system simplifies various approval processes,reduces the workload of office personnel,improves the efficiency of office management,and reduces management costs.
【Key words】：office management;WeChat mini program;SSM;MVVM
0引言
随着我国经济的发展,各大高校的现代化管理水平日渐提升,高校教学信息化水平也提升到了前所未有的高度,高校办公室建设信息化显得愈加重要。高校办公室担负着研究、教育和管理工作等一系列重大任务,是高校的主要基地[1]。学校办公室的高效运转,直接影响着教学、培训和科学研究产出。高等学校办公室的信息化水平既是反映高校信息化建设水平的主要标志,又是新时期高等学校进一步增强自身综合能力的需要[2,3]。
目前,我国高校的办公室管理普遍存在课程任务多、教学任务繁重的特点,并且需要安排各种监考等任务。面对日益增长的课程及教学任务,传统的高校办公室管理模式已经无法适应高校服务和管理的要求,导致管理效率低下、错误率高以及数据处理不及时。教师不能够有效地管理繁杂的课程、教学任务和科研等工作,造成教学质量的下降[4]。本文设计基于微信小程序的高校办公室管理系统,实现在移动端完成会议管理、考试管理以及考勤管理等。提高办公室管理的信息化水平,进而发挥助力教学质量提升的积极作用。
1系统总体结构
办公室管理系统采用前后端分离的设计思想,前端分为两个平台,微信小程序和Web客户端,后端包括SSM框架和SQL数据库。总体结构图如图1所示。
微信小程序开发与Web端浏览器,两者均使用了MVVM的设计理念。MVVM(Model-View-ViewModel)是MVC(Model-View-Controller)的改进版,如图2所示介绍了MVVM功能图。Model代表数据分析模型,可以在Model中定义对数据分析的服务逻辑。而View代表UI(用户界面)模块,可以将数据分析模型转换成界面进行显示。ViewModel的主要作用是同步View和Model的过程对象[5]。在MVVM框架下,由于View与Model相互之间无法直接实现通讯,所以需要使用ViewModel实现通讯,而由于Model与ViewModel相互之间、View与ViewModel相互之间的通讯都是相互的,所以View消息的瞬时变动将会同时反映在Model中,Model消息的变动也将会及时反映在View中。ViewModel采用双方信息绑定链接View和Model,并且View与Model相互之间的信息同步操作是自主的,没有人工介入,所以开发者不需考虑操作逻辑,大大简化了开发流程,降低开发难度[6]。
在微信小程序前端开发中,通过View(视频)层完成网页架构的渲染,Service(服务)层完成逻辑控制、信息请求、接口调度等工作,这些功能可以在不同的线程中同时执行。Service层提示View层信息变更,当View层触发页面变更,View层将把触发的变化情况传递给Service层并进行业务管理,而Storage(存储)层则对Service层进行离线信息的保存,从而加快处理速度[7]。在Web端有一个具有相应功能的Vue框架[8],其中ElementUI提供了丰富的UI组件库,可以轻松实现页面显示。Vue-route是Vue的状态路由管理器,而Vuex则是一个广泛应用于开发的状态管理,它能够实现在多种组件间共享状态。Axios是一个基于Promise(一个特殊的JavaScript对象)的轻量级HTTP库,它可以用来交换请求数据与响应数据,是与后端交互的关键工具[9]。
2系统总体设计
根据对本校办公室管理流程的调查分析,本系统对高校办公室管理的几个常用功能场景进行了设计,包括考试管理、考勤管理及会议管理等。办公室管理功能图如图3所示,本文对高校办公室最常见的考试管理、考勤管理及会议管理进行着重介绍。
2.1考试管理模块
该模块主要包括新增考试、考试列表管理等。首先管理员在后台移动端发布考试信息,包括考试科目、考试地点、考试时间以及附件等,添加附件功能需要调用微信小程序的wx.uploadFile接口,选择考试状态后点击保存完成整个考试信息的发布。考试信息发布流程图如图4所示。
该模块可以通过添加附件的方式来增添考试的注意事项、规章制度等文件,文件格式支持doc、docx、xls、xlsx、ppt、pptx、pdf等。添加附件的核心代码片段如下：
在考试管理中,如图5(a)所示为新增考试界面,包括科目、时间、地点以及附件等考试信息。如图5(b)所示,通过系统的考试管理模块,用户可以查询到的已完成和未完成的考试信息。
2.2考勤管理模块
考勤管理模块主要包含打卡管理和申请管理。如图6(a)所示为教师打卡界面,教师每天到达办公室后可通过扫描二维码或点击打卡按钮进入打卡界面,进入打卡界面后系统会在实时刷新用户当前的位置以及国际标准时间,用户点击提交按钮即可完成打卡。由于涉及用户位置信息,这项功能需要教师在首次进入小程序后允许系统获取位置信息,才能完成每天签到以及签退的任务。如图6(b)所示为申请管理界面,申请管理包括请假及加班申请,教师点击进入申请模块后只需要填写申请原因及申请时长点击提交申请即可完成请假,申请界面的时间以及日期默认为申请时的时间和日期,教师可根据自己的实际需求进行更改。
在实现获取用户地理位置功能时,首先要得到教师的授权wx.OpenSetting,调用服务器端的小程序设定页面,回复由用户所设定的运行结果。设置页面中只会出现小程序已经给用户申请的权限,若没位置授权,则弹出。然后调用微信的getLocation接口,使用此接口需要获取对应的AppId和Key值,两者缺一不可,通过Ajax请求匹配AppId和Key值,匹配成功即可获取用户经纬度信息。获取经纬度信息流程图如图7所示。
在微信小程序中,地理位置不能由经纬度直接进行转换,可以通过高德位置服务中的地理转换JS-SDK的API将经纬度信息转换为用户位置信息。将经纬度信息为转换用户当前位置的核心代码如下：
2.3会议管理模块
会议管理模块包括会议名称、会议时间、会议地点、会议简介等。会议发起人可以在后台添加会议信息后发布会议信息,教师通过系统的会议管理模块即可看到未完成及已完成会议信息。同时,会议管理模块也支持添加附件来展示会议简介等重要信息。通过系统的会议管理模块,教师选中目标会议查看详情。在详情页面介绍此次会议的基本资料,如会议名称、地点、时间等,下载会议的附件信息即可了解会议的章程和详细信息,避免了传统模式参加会议准备不充分等问题,改善了以往办公室召开会议流程繁琐以及会议通知不到位等难题,实现了办公室人员的高效时间利用。
3数据库设计
基于高校办公室管理的需求分析和功能设计,本系统使用MySQL数据库完成办公室管理系统的信息存储,主要由各类信息表组成,包括考试信息表、考勤信息表及会议信息表等。用户可通过后台对数据库中各类信息表实现增加、查看、删除、修改等操作。用户导出数据后,也可以根据数据分析进一步优化办公室管理的任务日程。其中,考试管理信息表用于记录各类考试信息,如表1所示。
考勤管理信息表用于记录各类打卡及申请信息,如表2所示。
4结语
本文根据高等学校办公管理工作的现实需要,开发了一套高校办公管理系统,其前端使用了MVVM的设计思路,后端则使用了SSM架构。系统以微信小程序和IntelliJ作为开发工具,MySQL作为数据库系统管理软件。教师可随时收到办公信息及服务,快捷方便的完成管理操作,实现管理过程的智能化、信息化。管理系统提高了高校办公室管理效率、简化办公流程,进一步提升办公室管理的信息化程度,进而发挥助力教学质量提升的积极作用。
参考文献
[1]黄燕.H大学办公室行政事务管理的问题与对策研究[D].成都:西南交通大学,2018.
[2]许磊,林加论,张锦.基于微信小程序和Flask的教学评价系统[J].软件导刊,2022,21(4):156-161.
[3]黄丽,韩利峰,朱佳,等.基于微信小程序的视频会议保障助手平台的设计和实现[J].自动化与仪器仪表,2022(1):137-139.
[4]蒋文娟,苏喜红,孟丽珍.基于微信小程序的音乐播放器研究与实现[J].软件导刊,2020,19(6):141-145.
[5]周晓磊.微信小程序项目实训课程设计与实践[J].软件导刊,2020,19(2):233-235.
[6]赵素萍.基于微信小程序的表达式计算器的设计与实现[J].电子技术与软件工程,2022(2):59-62.
[7]陈静娴.基于二维码技术•微信小程序技术的实验室设备管理的设计与实现[J].计算机科学,2020,47(S2):673-677.
[8]申文强.办公自动化系统的行政子系统的设计与实现[D].西安:西安电子科技大学,2020.
[9]张瑶.基于小程序的高职学生综合评价系统的研究[J].软件,2021,42(7):162-165.
[10]李书钦,马时来.基于微信企业号的高校移动办公平台设计与实现[J].实验室研究与探索,2018,37(9):154-158.
[11]孙剑,程建军.基于微信小程序的医院远程挂号系统设计[J].电子设计工程,2021,29(22):51-54.
[12]唐麟,汪华登.基于Android的实验教学过程登记App设计与实现[J].软件导刊,2021,20(4):154-157.
关注SCI论文创作发表，寻求SCI论文修改润色、SCI论文代发表等服务支撑，请锁定SCI论文网！
文章出自SCI论文网转载请注明出处：https://www.lunwensci.com/jisuanjilunwen/41841.html
