基于微信小程序的高校后勤报修系统

2020-07-09 21:57肖智兵王亮王晓红
现代信息科技 2020年23期
关键词:微信小程序

肖智兵 王亮 王晓红

摘  要:当前社会进入信息化时代,智能化校园的建设已成为高校关注的重点。针对目前高校学生和教职工在日常学习生活中遇到水电门窗等维修事件,开发了一款基于微信小程序的高校后勤报修系统,解决纸质信息传递不及时的问题,尽可能避免因维修不及时导致的人员事故和伤亡。该系统微信端采用JS语言开发,数据库使用MySQL,后台服务端采用Java语言开发。

关键词:智能化校园;微信小程序;后勤报修

中图分类号:TP311.5     文献标识码:A 文章编号:2096-4706(2020)23-0130-04

University Logistics Repair System Based on WeChat Applet

——The Design and Implementation of Hubei Polytechnic Institute as an Example

XIAO Zhibing,WANG Liang,WANG Xiaohong

(Hubei Polytechnic Institute,Xiaogan  432000,China)

Abstract:The current society has entered the era of information,the construction of intelligent campus has become the focus of attention in universities. In view of the maintenance events from water,electricity,doors and windows encountered by university students and staff in their daily study and life,a university logistics repair system based on a WeChat applet is developed to solve the timeliness problem of the paper information transmission and avoid the personnel accidents and casualties caused by failing to maintain facilities in time as possible as it can. The WeChat end of the system is developed with JS language,the database is developed with MySQL,and the background service end is developed with Java language.

Keywords:intelligent campus;WeChat applet;logistics repair

0  引  言

当前社会已进入电子信息化时代,很多高校在近些年开发了各种管理系统以方便管理日常教育教学活动。对于高校而言,后勤工作是一个日益繁重复杂但又不可轻忽的重要工作,后勤信息化管理对资源统一规划和合理配置至关重要[1],信息化不仅是高校对学生和教师的信息电子化管理,也应包括学生和教师对高校管理过程中发现的问题即时反馈。

高校后勤信息化管理有一系列的国家政策指引。《中国教育现代化2035》中明确指出“要加快信息化时代教育变革,建设智能化校园,统筹建设一体化智能化教学、管理与服务平台”;《加快推进教育现代化实施方案(2018—2022年)》中提出“创新信息时代教育治理新模式,开展大数据支撑下的教育治理能力优化行动,推动以互联网等信息化手段服务教育教学全过程”。在互联网时代,通过信息化手段管理后勤工作是非常有必要的,在建设智能化校园的同时,有助于管理者通过后勤信息实践中形成的数据进行大数据分析,以便为后勤决策提供支撑。本系统以湖北职业技术学院为例进行设计与实现,部分实际数据来源于湖北职业技术学院官网。

1  系统过程建模

本系统使用者分为普通用户和管理员两类。普通用户分为学生、教师、职工和维修四种,普通用户主要在微信小程序上登录并进行报修的申请和处理;管理员登录后台管理系统,可以查看并管理后台数据[2-5]。

图1  高校后勤报修微信小程序过程建模

在高校后勤报修微信小程序中,学生或教职工可通过文字和图片实时上报不同校区宿舍、办公室、图书馆、食堂等地点发生的水电门窗、下水道等问题到系统后台。维修师傅根据上报的信息选择自己擅长维修方向的工单,维修完毕后拍照上传到系统。上传维修信息的用户可以查看维修结果并给予评价,其过程建模如图1所示。

2  小程序端功能

小程序端主要包含以下功能:登录和身份验证、更改个人信息、提交报修数据、展示校园风采和联系电话、查看报修信息、去维修、去评价等。下文进行详细说明:

(1)登录和身份验证:普通用户在登录高校后勤报修微信小程序时,会根据用户唯一标识openid获取相应的微信头像、昵称、所在城市等信息,为保证维修信息数据完整性,在提交报修信息前需进行身份认证,以教师身份认证为例,如图2所示。

进行身份认证时,每个角色需填寫的信息不同。学生需填写真实姓名、联系电话、性别、学校部门、所属专业、所属班级和个人学号;教师需填写真实姓名、联系电话、性别、学校部门、所属专业;职工需填写真实姓名、联系电话、性别、学校部门;维修师傅需填写真实姓名、联系电话、性别、维修类型。

(2)更改个人信息:当某个人手机号码或所属专业等信息需要更新时,可以点击更改信息按钮进入更新页面,此页面会自动带入原个人信息,变更身份认证时提交的角色类型不能重新选择,其他数据可以更改后提交。

(3)提交报修数据:点开“我要报修”界面,出现申请人姓名和联系电话。手动输入故障地点、问题描述,并选择至少一张问题图片,点击提交后,报修数据将出现在后台、维修师傅界面和当前申请人维修数据中。报修界面如图3所示。

点击“照相机”图表调用addImage方法,将允许用户从本地相册或直接拍照获取照片,其主要代码为:

addImage:function(e){

wx.chooseImage({

count: 9,

sizeType:['original','compressed'],

sourceType:['album','camera'],

success:res=>{

const tempFilePath = res.tempFilePaths

console.log(tempFilePath)

this.setData({

images:this.data.images.concat(tempFilePath)

})

}

})

},

上传的图片默认为缩略图,若想查看原图则需将图片放大预览,在imageShow方法中设置src为当前图片的HTTP路径,srclist为当前图片所在HTTP路径列表,具体代码实现为:

imageShow:function(e){

var src = e.target.dataset.src;

var srclist = e.target.dataset.srclist;

wx.previewImage({

urls: srclist,

current:src

})

}

(4)展示校园风采和联系电话:在报修首页设置轮播图区域循环播放湖北职业技术学院的校园风采,轮播区域下方展示学校保卫处报警电话、后勤保障处服务投诉电话,以及不同校区水电管理、公寓中心和飲食中心的负责人信息等数据,当有特殊情况需要立即处理时,学生和教职工能方便快捷地找到对应负责人解决问题。

(5)查看报修信息:在“需要维修”界面可以查看已报修但还未被维修的信息,默认每页显示3条数据,上拉刷新最新数据,下滑界面触底将加载下一页数据,如图4所示。

上拉刷新调用微信小程序自动生成的onPullDownRefresh方法,在刷新之前清空原有的列表,然后重新从数据库中加载数据渲染到小程序界面。设置repairList为未完成的报修数据列表,repairDoneList为已完成的报修数据列表,getRepair List方法加载未完成的报修数据列表,getRepairDoneList方法加载已完成的报修数据列表,具体实现代码为:

onPullDownRefresh: function () {

this.setData({

repairList:[],

repairDoneList:[],

})

wx.showNavigationBarLoading()

this.getRepairList()

this.getRepairDoneList()

setTimeout(() => {

wx.hideNavigationBarLoading();

wx.stopPullDownRefresh()

}, 2500);

}

下拉触底加载下一页调用微信小程序提供的方法onReachBottom,由于此方法默认触底加载下一页且只执行一次,不符合多次下拉触底加载多条数据的需求,解决办法为此处在相应WXML页面中设置scroll-view触底后触发bindscrolltolower事件,再来调用onReachBottom方法即可。

(6)去维修:以维修师傅角色进入“需要维修”列表页面,每条数据右上角会出现“去维修”按钮,进入维修界面,维修师傅点击“维修完成”后,可以写备注信息并上传维修后的照片。维修完成后,“需要维修”列表对应原有数据消失,用户可以在报修记录中查看已完成的历史工单,如图5所示。

(7)去评价:用户选中某个历史工单“去评价”区域,出现评价弹框,可以输入评价内容和评分,其中评分默认为5分,分值可以调整,如图6所示。

3  后台管理功能

后台管理主要包含以下功能:管理员登录、查看并管理普通用户信息、查看指定时间范围内的维修工单信息、查看有哪些物品经常被维修、查看维修师傅获得的评价数据等。下文进行详细说明:

(1)管理员登录:后台管理系统不对外公开,没有账号注册功能,管理员账号在数据库中设置,当用户名和密码匹配时登录成功。

(2)查看并管理普通用户信息:管理员可以查询学生、教师、职工和维修师傅提交的身份认证信息,并能在后台更新或删除指定用户的数据。当删除了指定用户信息后,该用户下次在微信小程序上登录时需重新进行身份验证。

(3)查看指定时间范围内的维修工单信息:用户在提交报修信息的时候会生成报修时间,维修师傅在维修完成后提交维修信息时会生成完工时间,用户在维修完工后评价会生成评价时间。管理员可以根据报修时间、完工时间、评价时间分别进行范围筛选,查看在某个范围内的维修工单信息。

(4)查看有哪些物品经常被维修:根据维修工单中“水”“电”“门”“窗”“灯”“桌椅”等关键字进行模糊搜索,查看工单数量。若有某个关键字对应的维修工单数量在某个时间范围内相对较多,则管理员应该重点对待,查看是由于产品质量问题还是由于年限久远需更换等问题,并给出相应解决方案。

(5)查看维修师傅获得的评价数据:每个身份认证登记过的维修师傅,都能在后台查看到其对应的评价数据。根据提交维修信息的所有用户评价分值求取平均值,以平均值作为依据可选出每个月或每季度最受欢迎的维修师傅。

4  结  论

基于微信小程序的高校后勤报修系统经过初步的测试和小范围内的试用,目前系统运行良好。下一步即将在校园内进行推广使用,以替代原有的纸质数据报修。本系统还存在一些不足之处,例如还没有和微信公众号进行绑定并对关注公众号的用户发送模板消息,接下来对系统界面和功能设计等方面也要做进一步完善,力争为学校师生职工的工作和生活带来更多便利。

参考文献:

[1] 马刘军.高校后勤管理系统的设计与实现 [D].西安:长安大学,2016.

[2] 彭帅,彭遨员,陈凰,等.基于微信小程序的校园服务平台的设计与应用 [J].电脑知识与技术,2019,15(10):68-70.

[3] 王巍学,龚毅光,符娇阳,等.基于微信程序对“校园小黑板”平台的开发应用 [J].电脑知识与技术,2020,16(14):120-121.

[4] 巩小芳,李敏,高万福.基于微信小程序的校园失物招领平台的设计与实现——以甘肃农业大学失物招领平台为例 [J].农家参谋,2020(4):285.

[5] 张浩田,戚玫云,吕瑞雪.基于微信小程序的校园失物招领平台建构 [J].内蒙古科技与经济,2019(4):80-81.

作者简介:肖智兵(1992—),男,汉族,湖北孝感人,助教,硕士研究生,研究方向:软件技术、微信小程序开发。

猜你喜欢
微信小程序
基于微信小程序的停车位租赁平台设计与实现
微信小程序在高校英语教学中的应用
微信小程序对大学生使用APP意愿的影响
基于微信小程序的点餐系统
基于Webpy+Apache HTTP Server 微信小程序架构搭建研究
基于微信小程序的医嘱服务研究
图书馆微信小程序的应用现状及前景分析
基于CNKI的微信小程序研究文献计量分析
信息技术与专业课程融合路径探索
当图书馆遇上微信小程序