基于SpringBoot的在線協(xié)同辦公系統(tǒng)設(shè)計與實現(xiàn)

陽博 溫志萍

摘要：大數(shù)據(jù)時代，在線辦公蓬勃發(fā)展，傳統(tǒng)辦公模式已無法適應(yīng)多數(shù)企業(yè)的發(fā)展需求?；谠撋鐣枨螅O(shè)計并實現(xiàn)一款在線協(xié)同辦公系統(tǒng)。系統(tǒng)支持員工人臉識別考勤簽到、在線會議、在線請假報銷等，通過獨立的云文檔模塊實現(xiàn)辦公文件協(xié)同;支持后臺管理用戶的信息、權(quán)限和角色，審批處理員工申請的請假、報銷、會議等各種需求，并可宏觀調(diào)控會議的時間地點。

關(guān)鍵詞：SpringBoot;在線協(xié)同辦公;微信小程序;人臉識別;管理系統(tǒng)

中圖分類號：TP311.52? ? ? 文獻標(biāo)識碼：A

文章編號：1009-3044（2022）22-0049-03

1 引言

隨著信息化的快速發(fā)展及實施，傳統(tǒng)辦公模式已無法適應(yīng)信息化改革的需求，建立全新的在線協(xié)同辦公模式已成為企業(yè)的必然選擇[1]，而且在線協(xié)同辦公模式具有跨越時間和空間的優(yōu)勢，并且具有廣闊前景[2]。

近幾年，在特殊時期多數(shù)團隊或企業(yè)員工無法聚集辦公，使得在線辦公成為流行。相比于傳統(tǒng)辦公模式，在線協(xié)同辦公平臺可以為員工提供自動化辦公和管理平臺，將請假、報銷等操作流程化，員工可在線查看自己的工作任務(wù)、任務(wù)審批結(jié)果和績效考核情況。在線會議功能是在線協(xié)同辦公的核心，所有員工都可申請會議，由高層領(lǐng)導(dǎo)審核通過，會議應(yīng)支持屏幕共享和視頻對話。因此，在線協(xié)同辦公平臺的開發(fā)具有很大的現(xiàn)實意義。

針對在線協(xié)同辦公需求，本文設(shè)計并實現(xiàn)了基于SpringBoot的在線協(xié)同辦公系統(tǒng)。系統(tǒng)在保證了上述需求的同時，利用人臉識別和定位技術(shù)進行考勤簽到，并判別員工是否在疫情高風(fēng)險地區(qū)，若處于高風(fēng)險區(qū)域，系統(tǒng)自動發(fā)送郵件提醒員工注意防控。此平臺的開發(fā)旨在增強辦公的便捷性，提升協(xié)同工作的能力，提高企業(yè)辦公效率。

2 關(guān)鍵技術(shù)介紹

2.1 SpringBoot

SpringBoot是一款以Spring為基礎(chǔ)開發(fā)的框架，應(yīng)用約定優(yōu)于配置的思想和開箱即用的原則，降低Spring應(yīng)用程序搭建和開發(fā)的難度[3]。SpringBoot具有如下特性：創(chuàng)建獨立的Spring應(yīng)用程序;提供內(nèi)置容器以簡化部署;使應(yīng)用程序能夠自動配置Spring應(yīng)用程序和第三方庫[4];提供固定的起步依賴，使開發(fā)人員無須繁雜的項目構(gòu)建配置便可直接使用。與SSM框架相比，Springboot的自動配置機制可使開發(fā)者省去大量煩瑣的配置，專注于處理業(yè)務(wù)邏輯，避免因頻繁改動配置文件帶來不確定性問題。

2.2 微信小程序

微信小程序是一種不需要下載即可使用的應(yīng)用，與實體App相比，具有流暢性、易得性、低價性等優(yōu)勢[5]，其背靠微信用戶量大的優(yōu)勢，可共享微信生態(tài)，同時具有優(yōu)秀的用戶體驗[6]。微信小程序主要使用wxml、wxss和JavaScript技術(shù)構(gòu)建前端應(yīng)用，其中wxml是為微信小程序框架設(shè)計的一套標(biāo)簽語言;wxss是一套樣式語言，用于描述wxml的組件樣式;JavaScript是一種具有函數(shù)優(yōu)先性的輕量級、解釋型的編程語言[7]。

3 系統(tǒng)設(shè)計

3.1 總體設(shè)計

本系統(tǒng)采用B/S架構(gòu)設(shè)計，相較于C/S架構(gòu)，B/S架構(gòu)系統(tǒng)分布性和共享性更強、維護更方便、建設(shè)成本更低。協(xié)同辦公系統(tǒng)包含移動端和后臺管理端，員工在移動端通過人臉識別模塊成功簽到后，可進入首頁查看個人考勤和加班情況，進行在線請假、在線審批、費用報銷等操作，員工可在云文檔模塊上傳自己的工作文件，以便同事之間協(xié)同辦公。系統(tǒng)支持小程序內(nèi)部的在線會議功能，員工無須再通過第三方軟件即可實現(xiàn)在線會議，增強用戶體驗。系統(tǒng)超級管理員可在后臺管理端修改用戶信息和權(quán)限，對員工申請的報銷、請假等任務(wù)進行審批，審批成功后，結(jié)果會在移動端消息通知模塊提示。在系統(tǒng)會議審批成功后，移動端首頁以日歷形式顯示結(jié)果，相比于移動端的會議模塊，系統(tǒng)后臺具備的在線會議模塊支持調(diào)用攝像頭和共享屏幕功能。

系統(tǒng)采用MVC三層架構(gòu)，其中MVC分別指的是數(shù)據(jù)層（Model） 、表示層（View） 、控制層（Controller），使用分層架構(gòu)模式實現(xiàn)系統(tǒng)功能，可以充分降低系統(tǒng)的耦合性，增強系統(tǒng)的可拓展性。數(shù)據(jù)層：負(fù)責(zé)處理系統(tǒng)對數(shù)據(jù)庫的操作，向業(yè)務(wù)層提供調(diào)用接口;表示層：負(fù)責(zé)系統(tǒng)前端頁面的展示，展示內(nèi)容為從控制層獲取到的數(shù)據(jù);控制層：負(fù)責(zé)連接表示層和數(shù)據(jù)層，可根據(jù)用戶在表示層鍵入的命令，通過數(shù)據(jù)層獲取數(shù)據(jù)。系統(tǒng)架構(gòu)如圖1所示。

3.2 功能模塊設(shè)計

1） 移動端

注冊登錄認(rèn)證模塊：用戶首次進入系統(tǒng)，需授權(quán)微信信息登錄。登錄成功后，用戶可進入“個人資料”界面修改個人信息，已被系統(tǒng)識別。初次進入系統(tǒng)的用戶角色默認(rèn)設(shè)置為普通員工，若不是，可聯(lián)系管理員修改并賦予對應(yīng)的操作權(quán)限。登錄認(rèn)證成功，小程序自動跳轉(zhuǎn)到個人首頁。

人臉識別考勤簽到模塊：為確保員工為本人，系統(tǒng)采用基于opencv的人臉識別算法進行考勤簽到。同時通過騰訊位置服務(wù)獲取員工所在地理位置，利用本地寶網(wǎng)站根據(jù)地理位置查詢出員工所在區(qū)域的新冠肺炎疫情地區(qū)風(fēng)險等級。若系統(tǒng)判斷員工處于高風(fēng)險地區(qū)，自動發(fā)送警告郵件，提醒員工注意防控。簽到模塊具體流程如圖2所示。

云文檔模塊：員工根據(jù)自己的工作需求將編輯好的文檔保存至此模塊，便于隨時隨地查看。同時通過賬號管理，員工擁有自己獨立的網(wǎng)絡(luò)空間，文件資料存儲安全可靠[8]。

會議模塊：員工可在首頁日歷界面查看自己需要參加會議的具體時間，若規(guī)定時間內(nèi)未參與會議，系統(tǒng)將對該員工生成罰款單。

消息通知模塊：員工可通過此模塊第一時間查看自己當(dāng)天需要完成的工作以及自己任務(wù)申請的審批結(jié)果。為減小服務(wù)器壓力，消息每5分鐘更新一次。

2） 后臺管理端

組織管理模塊：系統(tǒng)支持對員工、部門、權(quán)限的增加、刪除、修改、查詢操作，并可編輯員工所屬部門并賦予員工對應(yīng)的權(quán)限，其中用戶密碼采用AES算法加密。

違紀(jì)罰款模塊：當(dāng)員工違反公司規(guī)定時，比如未參加會議、缺勤等，系統(tǒng)會生成相應(yīng)的罰單，罰單記錄員工的違規(guī)類型、罰款金額以及具體違規(guī)原因。在一定時間內(nèi)，員工需要繳納罰款以消除記錄。若系統(tǒng)出現(xiàn)莫名罰單條目時，管理員可將其刪除，系統(tǒng)還支持通過“查看報告”功能分析當(dāng)月違規(guī)統(tǒng)計。

任務(wù)審批模塊：系統(tǒng)審批員工的請假申請、會議申請任務(wù)后，移動端將在消息通知模塊提醒員工任務(wù)審批結(jié)果。

報銷管理模塊：報銷管理分為普通報銷和差旅報銷，員工線上填寫報銷單，可分為單筆和多筆報銷。系統(tǒng)會自動核算預(yù)借款、報銷款和實際報銷金額，并生成PDF報銷單據(jù)，方便打印備份。

會議管理模塊：會議包括線上會議和線下會議，所有員工都可在系統(tǒng)上發(fā)起會議申請。在員工申請會議之后，會議需要層層審批，web端可展示會議申請的實時審批進度。會議審批通過后，Web端將以甘特圖、周日歷的方式展示會議室和會議日程，移動端則支持人臉識別執(zhí)行簽到。參會人可開啟攝像頭線上會談，也可共享電腦屏幕展示自己的工作情況，視頻墻上展示其他遠(yuǎn)程參會人的實時視頻。

3.3 數(shù)據(jù)庫設(shè)計

設(shè)計數(shù)據(jù)表時，需要經(jīng)歷如下步驟：確定數(shù)據(jù)庫的用途、查找和組織所需的信息、將信息劃分為表、將信息項轉(zhuǎn)換為列、設(shè)置表關(guān)系、應(yīng)用規(guī)范化規(guī)則;若表之間是多對多關(guān)系，則需要為多對多關(guān)系建立一個中間表作為緩沖，存儲關(guān)系映射，節(jié)約數(shù)據(jù)庫空間[9]。本系統(tǒng)設(shè)計了14張信息表：操作權(quán)限表、罰款信息表、罰款類型表、簽到信息表、城市表、部門表、人臉模型表、下班時刻表、會議信息表、功能模塊信息表、權(quán)限表、請假信息表、角色表、用戶信息表，以簽到信息表和用戶信息表為例，如表1、表2。

1） 用戶信息表：存儲在線協(xié)同辦公系統(tǒng)的用戶數(shù)據(jù)，用戶狀態(tài)分為在職和離職兩種，授權(quán)字符串借助第三方軟件生成。

2） 簽到信息表：存儲系統(tǒng)員工的簽到數(shù)據(jù)，便于統(tǒng)計員工的考勤情況。

4 系統(tǒng)實現(xiàn)

4.1 移動端

移動端結(jié)合微信小程序?qū)崿F(xiàn)，更加快捷方便，結(jié)合Vue前端框架和Javascript實現(xiàn)業(yè)務(wù)邏輯處理。以首頁和個人中心為例，員工在簽到成功后，移動端自動跳轉(zhuǎn)首頁。員工可在首頁查看自己當(dāng)天所需完成的工作事項、請假報銷反饋情況等，首頁包含上述功能的所有入口，點擊即可進入。員工可在個人中心查看個人相關(guān)資料并進行相應(yīng)編輯。首頁和個人中心如圖4、圖5所示。

4.2 后臺管理端

后臺管理端主要以Springboot框架為基礎(chǔ)，利用SpringMVC、MyBatis、RabbitMQ等框架實現(xiàn)相關(guān)功能，根據(jù)不同業(yè)務(wù)場景，系統(tǒng)結(jié)合使用MongoSQL、MongoDB、Redis數(shù)據(jù)庫。以管理員查看違紀(jì)報告為例，管理員可在頁面中查看公司員工罰款類型所占比例、按照等級劃分的罰款金額所占比例、是否已交付罰款所占比例，報告還將每月是否已交罰款數(shù)據(jù)利用曲線圖可視化。管理員可通過此報告分析企業(yè)員工常見錯誤，并對此進行針對性改善。報告分析主要使用Echarts組件實現(xiàn)可視化，支持下載到本地備份查看，數(shù)據(jù)從MySQL數(shù)據(jù)庫查詢所得。違紀(jì)報告如圖6所示。

5 結(jié)束語

本文介紹了基于SpringBoot的在線協(xié)同辦公系統(tǒng)的功能設(shè)計與系統(tǒng)實現(xiàn)，在需求分析的基礎(chǔ)上，進行數(shù)據(jù)庫設(shè)計以及各功能模塊設(shè)計實現(xiàn)，并充分考慮了系統(tǒng)的安全性和易維護性。系統(tǒng)選用微信小程序作為移動端，無須安裝應(yīng)用，方便快捷;后臺管理選擇SpringBoot框架，避免繁雜的配置操作，從而專注于處理業(yè)務(wù)邏輯，提升開發(fā)效率。相較于市面上的流行辦公應(yīng)用，該系統(tǒng)將微信小程序和SpringBoot技術(shù)結(jié)合以實現(xiàn)系統(tǒng)功能，更適合于中小型企業(yè)使用，在節(jié)省流行平臺的高額租賃費用情況同時，保證在線協(xié)同辦公平臺所需功能。該系統(tǒng)從功能和性能方面滿足了員工在線協(xié)同辦公和后臺高效管理的需求，提升公司辦公效率，增強企業(yè)的市場競爭力。

參考文獻：

[1] 羅杏金.基于B/S的企業(yè)大協(xié)同辦公平臺設(shè)計及開發(fā)[D].上海：華東師范大學(xué)，2010.

[2] 李亞明.基于用戶體驗的CSCW在線文檔平臺交互設(shè)計研究[D].濟南：山東大學(xué)，2020.

[3] 朱銳勛，黃亮，岳正江.基于Spring Boot的辦學(xué)質(zhì)量評估系統(tǒng)設(shè)計[J].信息技術(shù)與信息化，2022（3）：134-137.

[4] 段定.基于程序切片的測試代碼抄襲檢測系統(tǒng)的設(shè)計與實現(xiàn)[D].南京：南京大學(xué)，2020.

[5] 劉儀，張雪冰.大數(shù)據(jù)背景下微信小程序的應(yīng)用與分析[J].無線互聯(lián)科技，2021，18（7）：45-46.

[6] 許磊，林加論，張錦.基于微信小程序和Flask的教學(xué)評價系統(tǒng)[J].軟件導(dǎo)刊，2022，21（4）：156-161.

[7] 李沛熹，朱曉君，姜建，等.基于微信小程序的校園二手書籍交易平臺設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2021，17（23）：57-59，67.

[8] 施鷺.基于大數(shù)據(jù)技術(shù)的云文檔系統(tǒng)的設(shè)計與實現(xiàn)[J].電子技術(shù)與軟件工程，2020（21）：134-135.

[9] 費孝宏，王琪.高校論壇管理系統(tǒng)的設(shè)計與開發(fā)[J].電腦知識與技術(shù)，2021，17（31）：76-78，91.

【通聯(lián)編輯：謝媛媛】