基于SpringBoot和Vue框架的教代會(huì)提案系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

顏治平

摘? 要：教代會(huì)提案工作是高校民主管理的一個(gè)重要內(nèi)容。在分析傳統(tǒng)教代會(huì)提案工作現(xiàn)狀的基礎(chǔ)上，提出了高校教代會(huì)提案系統(tǒng)的需求分析，并予以設(shè)計(jì)實(shí)現(xiàn)。系統(tǒng)采用B/S架構(gòu)，集中部署、分布使用，前端采用Vue框架實(shí)現(xiàn)，支持多種主流瀏覽器，后端采用SpringBoot、Mybatis-Plus等技術(shù)構(gòu)建，采用Oracle數(shù)據(jù)庫來實(shí)現(xiàn)數(shù)據(jù)管理。提案系統(tǒng)具有操作簡單、使用方便、易于維護(hù)、擴(kuò)展性強(qiáng)等特點(diǎn)，實(shí)現(xiàn)了教代會(huì)提案提交自主化、流程處理自動(dòng)化、信息統(tǒng)計(jì)圖表化，為高校工會(huì)加強(qiáng)教代會(huì)提案工作提供了強(qiáng)有力的信息化支持。

關(guān)鍵詞：教代會(huì);提案系統(tǒng);SpringBoot;Vue

中圖分類號(hào)：TP39? ? ? ? ? 文獻(xiàn)標(biāo)志碼：A? ? ? ? ?文章編號(hào)：2095-2945（2020）03-0091-04

Abstract： The proposal of the teachers' congress is an important part of the democratic management of colleges and universities. On the basis of analyzing the status quo of the work of the traditional teaching representative conference， the demand analysis of the proposal system of the college teachers' congress is put forward and designed and implemented. The system adopts B/S architecture， centralized deployment and distributed use. The front-end is implemented by Vue framework， supports a variety of mainstream browsers， and the back-end is built by SpringBoot and Mybatis-Plus technologies. The Oracle database is used to implement data management. The proposal system has the characteristics of simple operation， convenient use， easy maintenance， and strong expandability. It realizes the autonomy of the proposal of the representative conference， the automation of process processing， and the statisticalization of information statistics， which provides powerful information for the university trade unions to strengthen the proposal of the teaching representative conference.

Keywords： teachers' congress; proposal system; SpringBoot; Vue

高校教職工代表大會(huì)（教代會(huì)）是高校管理體制的一個(gè)重要組成部分，是在學(xué)校黨委領(lǐng)導(dǎo)下，教職工群眾發(fā)揚(yáng)主人翁精神，行使民主權(quán)利，參與學(xué)校民主管理的重要形式。教育部于2012年1月1日起實(shí)施了《學(xué)校教職工代表大會(huì)規(guī)定》，要求各個(gè)高校每年至少召開一次教職工代表大會(huì)[1]。教代會(huì)的一項(xiàng)重要內(nèi)容是處理教代會(huì)代表們的建議。教代會(huì)代表的建議一般是以提案的方式提交給教代會(huì)委員會(huì)[2]。傳統(tǒng)意義的教代會(huì)每年只召開一次，教代會(huì)召開前收集代表提案，提案的答復(fù)及落實(shí)情況要等到下一年開會(huì)時(shí)反饋。提案以紙質(zhì)方式提交，處理流程通過人工處理，這種提案處理方式需要投入大量的人力物力，處理周期長，時(shí)效性差，提案辦結(jié)情況不透明[3]。

針對(duì)傳統(tǒng)提案工作的各種缺點(diǎn)，本文設(shè)計(jì)并實(shí)現(xiàn)了基于SpringBoot和Vue框架的高校教代會(huì)提案系統(tǒng)，在原有的提案管理工作方法上，加以信息技術(shù)的輔助，這將大大提高教代會(huì)工作的效率，節(jié)省人力成本，有效地促進(jìn)提案信息的透明、公開，也有利于促進(jìn)學(xué)校民主管理功能。

1 系統(tǒng)分析

1.1 需求分析

在傳統(tǒng)高校教代會(huì)一年一次召開的基本模式中，教代會(huì)代表在學(xué)校教代會(huì)會(huì)議召開前履行職責(zé)，提出一些提案，由于學(xué)校范圍大，代表們碰頭討論比較困難，加上征集提案時(shí)間周期比較長等因素，導(dǎo)致提案的總量不大，提案水平參差不齊。對(duì)已處于辦理階段的提案沒有很好的方式進(jìn)行跟蹤和監(jiān)督，辦理的結(jié)果也不能及時(shí)反饋給提案者，導(dǎo)致提案辦理不流暢、提案辦理結(jié)果不透明、提案辦結(jié)時(shí)間過長[4]。針對(duì)這些問題，設(shè)計(jì)網(wǎng)上教代會(huì)提案管理平臺(tái)，通過信息化的手段實(shí)現(xiàn)網(wǎng)上提案提交、代表附議、立案受理、分立承辦、流程追蹤、結(jié)果反饋等提案流程的自動(dòng)化，并實(shí)現(xiàn)提案查詢、分類、統(tǒng)計(jì)、分析等功能。

1.2 用戶分析

根據(jù)系統(tǒng)需求分析，教代會(huì)提案系統(tǒng)應(yīng)提供校內(nèi)教職員工對(duì)已立案的提案進(jìn)行查詢的功能以及系統(tǒng)用戶登錄系統(tǒng)后對(duì)提案進(jìn)行處理的功能。校內(nèi)教職員工可以直接訪問教代會(huì)提案系統(tǒng)網(wǎng)站，對(duì)歷年的教代會(huì)提案進(jìn)行瀏覽查詢。在提案征集、提案立案、提案批示、提案承辦、提案反饋等提案處理流程中，需要由不同權(quán)限的用戶來進(jìn)行流程處理。系統(tǒng)還需要管理員來對(duì)用戶信息進(jìn)行管理，對(duì)系統(tǒng)的代碼進(jìn)行維護(hù)。

通過上述分析，提案系統(tǒng)的用戶可分為以下幾類：

（1）系統(tǒng)管理員：主要負(fù)責(zé)創(chuàng)建用戶的登錄賬號(hào)和登錄密碼，為用戶分配系統(tǒng)使用權(quán)限，維護(hù)系統(tǒng)所需代碼。

（2）教代會(huì)代表：負(fù)責(zé)起草教代會(huì)提案，提案附議，提交初審，提案反饋。

（3）教代會(huì)代表團(tuán)團(tuán)長：負(fù)責(zé)本代表團(tuán)提案初審，提案提交。

（4）工作委員會(huì)秘書：負(fù)責(zé)提案流轉(zhuǎn)。

（5）提案委員會(huì)主任：負(fù)責(zé)審查教代會(huì)提案，確定是否立案。

（6）校領(lǐng)導(dǎo)：負(fù)責(zé)提案批示，提案審閱。

（7）承辦單位：根據(jù)主管校領(lǐng)導(dǎo)的批示，負(fù)責(zé)提案的承辦。

（8）普通用戶：瀏覽查詢歷年的教代會(huì)提案。

1.3 功能分析

提案辦理的工作流程如圖1所示。

圖1 提案辦理工作流程圖

根據(jù)工作流程圖可以得知，提案系統(tǒng)的功能主要包括：提案從起草、附議、初審、提交、立案、批示、承辦、審閱、反饋等全周期處理流程，以及為用戶提供提案信息的瀏覽查詢。按照提案系統(tǒng)建設(shè)的總體原則和目標(biāo)，根據(jù)需求調(diào)研的總結(jié)，教代會(huì)提案系統(tǒng)應(yīng)主要包括以下幾個(gè)功能：提案起草、提案附議、提案初審、提案提交、提案立案、領(lǐng)導(dǎo)批示、提案承辦、領(lǐng)導(dǎo)審閱、提案反饋、提案處理滿意度測(cè)評(píng)、提案瀏覽查詢、系統(tǒng)管理等。

2 系統(tǒng)設(shè)計(jì)

2.1 設(shè)計(jì)目標(biāo)

提案管理系統(tǒng)建成后，教代會(huì)提案辦理將實(shí)現(xiàn)網(wǎng)上起草、網(wǎng)上附議、網(wǎng)上初審、網(wǎng)上提交、網(wǎng)上立案、網(wǎng)上批閱、網(wǎng)上交辦、網(wǎng)上處理和網(wǎng)上公開，從而縮短空間和時(shí)間，將代表、提案、提案小組、校領(lǐng)導(dǎo)和行政部門通過網(wǎng)絡(luò)緊密的聯(lián)系在一起，提升工作效率，推進(jìn)學(xué)校信息公開和電子政務(wù)的發(fā)展。

2.2 技術(shù)架構(gòu)

提案系統(tǒng)利用成熟的網(wǎng)絡(luò)條件和數(shù)據(jù)庫技術(shù)，實(shí)現(xiàn)了教代會(huì)提案的無紙化，自動(dòng)化，遠(yuǎn)程化。系統(tǒng)采用兼有開放性和穩(wěn)定性特點(diǎn)的SpringBoot和Vue框架的開發(fā)模式[5]，可以加速系統(tǒng)的開發(fā)和擴(kuò)展，具有維護(hù)和升級(jí)簡單方便、成本低、數(shù)據(jù)安全、實(shí)時(shí)同步等優(yōu)點(diǎn)，同時(shí)應(yīng)用Elment UI使系統(tǒng)擁有良好的用戶界面和良好的用戶交互體驗(yàn)。

提案系統(tǒng)采用B/S架構(gòu)，遵從MVC設(shè)計(jì)思想，并對(duì)系統(tǒng)做了詳細(xì)的劃分。因此本系統(tǒng)采用分層結(jié)構(gòu)設(shè)計(jì)，系統(tǒng)既易于維護(hù)，又具有良好的擴(kuò)展性。系統(tǒng)架構(gòu)如圖2所示，主要包括視圖層、控制層、業(yè)務(wù)邏輯層、數(shù)據(jù)持久層[6]。通過分層，使得各層專注于本層工作，遵從開閉原則，便于修改和擴(kuò)展。

圖2 技術(shù)架構(gòu)圖

下面對(duì)各層進(jìn)行簡要介紹。

（1）視圖層。本系統(tǒng)為B/S 架構(gòu)的Web應(yīng)用，可以通過瀏覽器直接訪問。本層使用Vue和Element UI提供的樣式，通過AJAX請(qǐng)求將請(qǐng)求數(shù)據(jù)傳到控制層。

（2）控制層。主要使用Spring MVC 進(jìn)行攔截，獲取用戶的請(qǐng)求訪問，本層接收到前端傳過來的數(shù)據(jù)后，通過@Autowired注入Service層進(jìn)行業(yè)務(wù)邏輯處理。

（3）業(yè)務(wù)邏輯層。該層主要使用Spring 處理用戶訪問邏輯，完成各個(gè)模塊之間的信息處理，并通過調(diào)用數(shù)據(jù)持久層的接口和相關(guān)映射XML文件進(jìn)行數(shù)據(jù)庫的操作。

（4）數(shù)據(jù)持久層。該層主要使用Mybatis Plus作為數(shù)據(jù)庫訪問框架。

（5）數(shù)據(jù)庫。數(shù)據(jù)庫采用Oracle。

2.3 功能模塊設(shè)計(jì)

針對(duì)教代會(huì)提案系統(tǒng)的設(shè)計(jì)要求，并結(jié)合功能需求分析，對(duì)系統(tǒng)的功能進(jìn)行了設(shè)計(jì)，劃分為系統(tǒng)管理、提案流轉(zhuǎn)、提案查詢等三大模塊。系統(tǒng)總體功能結(jié)構(gòu)如圖3所示。

2.4 增加時(shí)間提醒功能

系統(tǒng)對(duì)接學(xué)校的統(tǒng)一通信平臺(tái)，通過短信或郵件的發(fā)送，增加辦理時(shí)間提醒功能，將有效提高提案處理效率。時(shí)間提醒功能分為待辦提醒和催辦提醒。

系統(tǒng)用戶在提交提案到下一節(jié)點(diǎn)辦理時(shí)，可以選擇待辦提醒功能，系統(tǒng)在處理提交任務(wù)的同時(shí)，給下一節(jié)點(diǎn)辦理用戶自動(dòng)發(fā)送待辦短信或郵件，提醒用戶及時(shí)進(jìn)行辦理。如果下一節(jié)點(diǎn)用戶長時(shí)間未辦理提案，用戶可以進(jìn)入系統(tǒng)使用催辦提醒功能，系統(tǒng)向下一節(jié)點(diǎn)用戶發(fā)送催辦短信或郵件，催促用戶盡快辦理。通過時(shí)間提醒功能，可以激勵(lì)各教代會(huì)代表履行好代表職責(zé)，促使業(yè)務(wù)職能部門加快提案的辦理流程，整個(gè)提案處理流程會(huì)大大縮短時(shí)間周期。

3 系統(tǒng)實(shí)現(xiàn)

3.1 系統(tǒng)技術(shù)實(shí)現(xiàn)

根據(jù)以上的系統(tǒng)分析和系統(tǒng)設(shè)計(jì)，本文開發(fā)的提案管理系統(tǒng)采用Tomcat 9作為Web服務(wù)器，采用Oracle 11g數(shù)據(jù)庫管理數(shù)據(jù)，系統(tǒng)結(jié)合了Vue.js前端框架和SpringBoot后端框架的前后端分離的組合架構(gòu)，并應(yīng)用JSON格式對(duì)前后端交互的數(shù)據(jù)進(jìn)行封裝，應(yīng)用Shiro權(quán)限管理框架保障授權(quán)安全[7]，開發(fā)出基于Web的提案管理系統(tǒng)。

3.1.1 前端開發(fā)

前端基于Visual Studio Code搭建Vue開發(fā)環(huán)境。Vue.js是一套數(shù)據(jù)驅(qū)動(dòng)的用于構(gòu)建用戶界面的，可以自底向上逐層應(yīng)用的漸進(jìn)式前端框架。相比于其他主流的JavaScript框架例如AngularJS或React等，Vue.js具有運(yùn)行效率高、語法簡潔、自身占用空間小、上手容易等特點(diǎn)[8]。在前端開發(fā)中，應(yīng)用Elment UI組件進(jìn)行頁面的快速開發(fā)。Element UI是一套采用Vue 2.0作為基礎(chǔ)框架實(shí)現(xiàn)的組件庫，能幫助網(wǎng)站頁面快速成型。

3.1.2 后端開發(fā)

后端使用IntelliJ IDEA 2017作為開發(fā)工具，使用SpringBoot來進(jìn)行項(xiàng)目搭建，完成與前端頁面及后臺(tái)數(shù)據(jù)庫的交互。Spring Boot簡化Spring應(yīng)用的初始搭建及開發(fā)過程，默認(rèn)配置了很多框架的使用方式[9]。

系統(tǒng)使用SpringBoot整合Mybatis Plus進(jìn)行數(shù)據(jù)操作[10]。MyBatis Plus是MyBatis 增強(qiáng)工具，在MyBatis 的基礎(chǔ)上進(jìn)行增強(qiáng)，簡化開發(fā)，提高數(shù)據(jù)操作效率。后端還集成了Lombok注解、Log4J日志、Druid 數(shù)據(jù)庫連接池等工具。

3.2 系統(tǒng)功能實(shí)現(xiàn)

3.2.1 提案管理界面實(shí)現(xiàn)

如圖4所示，用戶在提案管理界面，可以對(duì)自己相關(guān)的提案根據(jù)關(guān)鍵字進(jìn)行查詢，可以查看相關(guān)提案的詳細(xì)信息和流程信息，處理當(dāng)前流程節(jié)點(diǎn)在本人的提案。

3.2.2 提案統(tǒng)計(jì)功能實(shí)現(xiàn)

提案系統(tǒng)實(shí)現(xiàn)了用戶需要的多種統(tǒng)計(jì)功能，并使用ECharts作為提案統(tǒng)計(jì)可視化的實(shí)現(xiàn)工具。如圖5所示，展現(xiàn)了2019年教代會(huì)代表參與提案工作的分布情況。

圖5 代表參與提案工作情況分布圖

3.3 實(shí)際應(yīng)用情況

提案系統(tǒng)上線后，有效提高了教代會(huì)提案的效率。2019年3月25日，學(xué)校發(fā)布提案征集的通知后，教代會(huì)代表們充分利用校園網(wǎng)的優(yōu)勢(shì)，利用該系統(tǒng)相互交流，一個(gè)月時(shí)間內(nèi)，教代會(huì)代表提交有效提案33件，提案提交速度相比往年有較大的提升。

提案系統(tǒng)大大優(yōu)化了教代會(huì)提案工作的操作流程，提高了教代會(huì)的管理水平，縮短了提案提交、代表附議、立案受理、分立承辦、流程追蹤、結(jié)果反饋的一系列流程的時(shí)間，提高了教代會(huì)的提案工作的實(shí)效性。同時(shí)提案系統(tǒng)為廣大教職工提供所有提案的查詢?yōu)g覽，提高了教代會(huì)提案的透明度。實(shí)施信息化管理平臺(tái)的優(yōu)勢(shì)體現(xiàn)在教代會(huì)代表提案的質(zhì)量提升、各職能部門處理提案的滿意度提升以及提案工作透明公開的效能提升。

4 結(jié)束語

本文分析傳統(tǒng)提案方式效率低下，信息公開不足等問題，基于SpringBoot和Vue框架，設(shè)計(jì)了高校教代會(huì)提案系統(tǒng)，滿足學(xué)校教代會(huì)代表及時(shí)提出想要反映的問題和現(xiàn)象的需求，通過提案的網(wǎng)上流轉(zhuǎn)，能有效提高教代會(huì)提案的效率，通過提案結(jié)果的反饋及公開，能有效加強(qiáng)各職能部門對(duì)提案的重視，切實(shí)有效地解決提案中提出的問題。

參考文獻(xiàn)：

[1]中華人民共和國教育部.學(xué)校教職工代表大會(huì)規(guī)定[EB/OL].http：//www.gov.cn/gongbao/content/2012/content_2161724.htm.2012.

[2]宋宇輝，林春梅.基于ASP.NET的高校教代會(huì)提案系統(tǒng)的研究與實(shí)現(xiàn)[J].信息與電腦（理論版），2018（1）：101-103.

[3]楊艷，陳曉勇.高校教代會(huì)提案管理系統(tǒng)分析與設(shè)計(jì)[J].天津科技，2017（11）：43-45.

[4]胡煜，延坤.OA系統(tǒng)對(duì)高校教代會(huì)提案工作的促進(jìn)[J].新絲路（下旬），2016（10）：101-102.

[5]焦鵬琿.基于SpringBoot和Vue框架的電子招投標(biāo)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].南京：南京大學(xué)，2018.

[6]唐菁敏，高張寶.基于B/S架構(gòu)的企業(yè)綜合管理系統(tǒng)的研究與設(shè)計(jì)[J].信息技術(shù)，2019（3）：144-148.

[7]易文康，程驊，程耕國.Shiro框架在Web系統(tǒng)安全性上的改進(jìn)與應(yīng)用[J].計(jì)算機(jī)工程，2018（11）：135-139.

[8]何軍，陳倩怡.Vue+Springboot+Mybatis開發(fā)消費(fèi)管理系統(tǒng)[J].電腦編程技巧與維護(hù)，2019（2）：87-88+102.

[9]王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統(tǒng)計(jì)分析系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].軟件工程，2019（3）：40-42.

[10]黃偉.API服務(wù)中間件的設(shè)計(jì)與實(shí)現(xiàn)[D].成都：電子科技大學(xué)，2019.