基于uni-app微信小程序的办公管理系统.pdf

2023年11月计算机应用文摘第39 卷第2 2 期基于uni-app微信小程序的办公管理系统江跃龙,江创荣2（1.广州铁路职业技术学院,广州510 430;2.嘉应学院，广东梅州5140 15)摘要：文章采用uni-app微信小程序框架对办公管理系统进行了设计与开发，其中对办公管理的常用功能及场景进行了设计，共有员工签到、申请管理、部门员工、电子签名和考勤统计等五大功能模块。文章采用的模块化开发方式有利于系统的有效管理，可提高开发和维护效率，其中利用高效的开发技术实现了系统各功能模块及数据库的设计，并对该办公管理系统进行了全面的描述。关键词：uni-app；办公管理；模块化；微信小程序中图法分类号：TP301Office management system based on uni-app WeChat Mini ProgramAbstract:This article uses the uni app WeChat Mini Program framework to design and develop anoffice management system,which includes five functional modules:employee check-in,applicationmanagement,department employees,electronic signature,and attendance statistics.The modulardevelopment approach adopted in the article is conducive to effective management of the system andcan improve development and maintenance efficiency.Efficient development techniques are utilized todesign various functional modules and databases of the system,and a comprehensive description ofthe office management system is provided.Key words:uni-app,office management,modularization,WeChat Mini Program1引言长期以来,国内绝大多数企业均通过传统的纸质方式实现办公管理。随着信息技术的进步和国民素养的提高，各行业相继采用基于计算机网络技术的企业办公管理系统，企业员工信息系统是典型应用之一。文章将采用uni-app 微信小程序框架对办公管理系统进行设计与开发，旨在实现高效率、高精度的无纸化办公管理。2数据表的设计本系统数据表包含审批信息表、考勤信息表和员工信息表,如图1所示。2.1员工信息表本文充分考虑用户的实际需求场景，对员工信息表进行了精心设计。在部门和员工信息中，本文将员工ID作为主键，每条记录均包含部门、电话、账号、密码及权限等信息，从而确保员工记录具有唯一可查文献标识码：AJIANG Yuelong,JIANG Chuangrong?(1.Guangzhou Railway Polytechnic,Guangzhou 510430,China;2.JiayingUniversity,Meizhou,Guangdong 514015,China)性。相关管理人员可通过这些信息确定员工的具体情况，从而实现人员管理 1 4基于微信小程序的办公管理系统审批信息表考勤信息表图1系统数据表2.2考勤信息表在考勤信息表中，本文将记录序号作为主键，将员工编号user_id作为外键,用以建立员工信息表和考勤信息表间的联系,从而确保打卡记录具有唯一可查性,其中user_id是员工信息表的主键。同时,根据概念设计,员工与考勤记录间是1对 N的关系，一名员工可以有多条打卡记录。在实际应用中，员工每次出勤均会产生打卡记录,因此该设计符合既定的需求员工信息表2023 年第2 2 期目标。此外,其他字段、打卡年月和打卡日期等旨在为后续的范围查询提供支持，从而实现打卡记录的有效管理 5 7 。需要注意的是，打卡地点及打卡时间是打卡记录中必须包含的具体信息。2.3审批信息表在审批信息表中,本文将记录序号作为主键，将员工编号user_id作为外键,用以建立员工信息表和审批信息表间的联系,其中 user_id是员工信息表的主键。员工请假时将产生审批记录，其他字段中包括请假时间、请假理由、审批人姓名、审批状态及请假类型等，旨在确保每条审批记录具有唯一可查性。3系统的总体架构如图2 所示，微信小程序办公管理系统可同时为员工和管理员提供支持，具体可分为五大模块，分别为员工签到模块、申请管理模块、部门员工模块、电子签名模块和考勤统计模块。工使用4系统实现如图3、图4所示，在具体实现中，系统将为不同用户提供相应的功能，其中将为员工提供上下班签到、在线签名、请假申请等功能；将为管理员提供考勤管理、员工管理和在线审批等功能，上下班签到在线签名请假申请考勤管理员工管理在线审批4.1员员工签到模块如图5所示，当员工进入“在线签到”页面时，系统将通过 new Date（）函数获取当前时间，由函数getNowDate（）将时间戳转为规定的时间格式，由uni.getLocation获得员工所处位置的经纬度，最后通过计算机应用文摘腾讯地图qqmapsdk.reverseGeocoder得到当前地址的名称。在员工选择签到类型（上班、下班)后，系统将员工的签到时间、所在地址及签到类型等数据提交到数据库，同时调用云数据库db.collection（w o r k _t i m e).add(）。在员工签到完成后,系统界面将为其提供当日的考勤明细，包含签到时间、迟到、早退等考勤信息 8 10 15:09当前选择：开始时间：位置名称：微信小程序办公管理系统一管理图2 系统顶层图考勤记录通讯录员工个人信息图3员工用例图考勤直询个人信息管理员部门管理图4管理员用例图43al在线签到已连接蒸保罗地板2023-04-0715:09广东省广州市白云区兴幢西路签到管理员图5在线签到页面4.2申请管理模块如图6 所示,在申请管理模块，系统将首先通过new Date（）函数获取当前时间,其中申请开始时间为this.setTime（“0 8:30”），申请结束时间为this.setTime（“18：0 0 ），获取本地存储用户信息getApp（）.globalData.userlnfo。随后，系统将签到类型、员工信息、申请开始时间、结束时间和请假理由提交至数据库db.collection(approve_list).add()。审批申请中包含两列列表数据,分别为待审批与已审批。系统将获取待审批列表并通过 state 判断审批状态，当调用db.collection（a p p r o v e _l i s t ）中where传人对象中state 的值等于0 时,系统将获取待审批列表；当传人对象中 state 等于1或-1,系统将获取已审批列表。管理员可以通过页面中的“审批”按钮进行申请管理,当管理员点击按钮时，系统将更新 state 状态并返回该请假申请所在的数据库,其中同意 state=1,不同意 state=-1。4.3部门员工模块如图7 所示，在部门员工模块，管理人员可通过提交员工信息实现增、删、改操作，系统将通过员工姓名和隶属部门在数据库中查找该员工是否存在。若该员工不存在，管理人员可进行添加操作，同时需要提交姓名、部门、电话、账号、密码等信息。当该员工存在时，管理人员可进行修改操作,其中员工姓名、部门需与历史信息保持一致,其他信息可进行更改提交。当管理人员删除员工信息时，员工姓名、部门需开上班44与历史信息保持一致后方可提交。10:4550-在线请假开始时间2023-0408 08:30结束时间2023-04-08 18:00请假类型病假填写驾请假理由保荐图6 请假申请页面4.4电子签名模块如图8 所示，电子签名模块支持在线手写签名，用户可通过小程序签字生成个人签名图片。首先，用户需从本地上传一张图片，点击“新增签名”按钮进行手写签名，随后通过画布完成签名操作。当签名完成后，用户可将其移至合适的位置并点击“保存”按钮，此时签名图片将保存于手机相册中。11:58电子签名孔341121617232425 26272829303新增益名完成图：已签名页面计算机应用文摘4.5考勤统计模块13:55如图9 所示，员工可通过“我的考勤”获得当月的详细签到信息，该模块将统计员工当月签到次数，并I人事部邓志宠吴宗齐李佩伯江小白I技术部郭贷青杨彦伟图7 通讯录主页13:39我的考勤4天本月签到2023年0 4月7日二三四五2827262913120 21.22图9考勤记录2023年第2 2 期15875119479结合日历及图表为用户清晰展示签到情况。利用该13459875263模块，管理员可获取员工当的月考勤信息，其中系统13759875586将提交员工姓名、部门名称到数据库中查找员工信1234562856息,并从员工信息中调用员工ID,将员工ID、年月份15875875263等信息与当月考勤信息进行对比。1562387528913475875263814参考文献：1 黄燕.H大学办公室行政事务管理的问题与对策研究D.成都：西南交通大学,2 0 18.2许磊，林加论,张锦.基于微信小程序和Flask的教学评价系统 J.软件导刊,2 0 2 2,2 1(4)：156-16 1.3黄丽,韩利峰,朱佳,等.基于微信小程序的视频会议保障助手平台的设计和实现 J.自动化与仪器仪表,2 0 2 2（1)：137-139.【4蒋文娟苏喜红，孟丽珍.基于微信小程序的音乐播放器研究与实现 J.软件导刊,2 0 2 0,19（6）：141-145.5周晓磊.微信小程序项目实训课程设计与实践 J.软件导刊,2 0 2 0,19(2):2 33-2 35.6】赵素萍.基于微信小程序的表达式计算器的设计与实现J.电子技术与软件工程,2 0 2 2(2)：59-6 2.7 陈静娴.基于二维码技术微信小程序技术的实验室设备管理的设计与实现J.计算机科学，2 0 2 0,47（S2）：6 7 3-677.8申文强.办公自动化系统的行政子系统的设计与实现D.西安:西安电子科技大学,2 0 2 0.9】张瑶.基于小程序的高职学生综合评价系统的研究.2 0 2 1，42(7):162-165.10】李书钦，马时来.基于微信企业号的高校移动办公平台设计与实现 J.实验室研究与探索,2 0 18,37(9)：154-158.作者简介：15江跃龙（19 8 4一），硕士，电子工程师，研究方向：智能信息系统、机器视觉、机器学习。江创荣（19 9 8 一），本科,前端工程师,研究方向：微信小程序开发。