基于SpringBoot和Vue框架的教代會提案系統的設計與實現

顏治平

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

關鍵詞：教代會;提案系統;SpringBoot;Vue

中圖分類號：TP39? ? ? ? ? 文獻標志碼：A? ? ? ? ?文章編號：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

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

針對傳統提案工作的各種缺點，本文設計并實現了基于SpringBoot和Vue框架的高校教代會提案系統，在原有的提案管理工作方法上，加以信息技術的輔助，這將大大提高教代會工作的效率，節省人力成本，有效地促進提案信息的透明、公開，也有利于促進學校民主管理功能。

1 系統分析

1.1 需求分析

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

1.2 用戶分析

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

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

（1）系統管理員：主要負責創建用戶的登錄賬號和登錄密碼，為用戶分配系統使用權限，維護系統所需代碼。

（2）教代會代表：負責起草教代會提案，提案附議，提交初審，提案反饋。

（3）教代會代表團團長：負責本代表團提案初審，提案提交。

（4）工作委員會秘書：負責提案流轉。

（5）提案委員會主任：負責審查教代會提案，確定是否立案。

（6）校領導：負責提案批示，提案審閱。

（7）承辦單位：根據主管校領導的批示，負責提案的承辦。

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

1.3 功能分析

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

圖1 提案辦理工作流程圖

根據工作流程圖可以得知，提案系統的功能主要包括：提案從起草、附議、初審、提交、立案、批示、承辦、審閱、反饋等全周期處理流程，以及為用戶提供提案信息的瀏覽查詢。按照提案系統建設的總體原則和目標，根據需求調研的總結，教代會提案系統應主要包括以下幾個功能：提案起草、提案附議、提案初審、提案提交、提案立案、領導批示、提案承辦、領導審閱、提案反饋、提案處理滿意度測評、提案瀏覽查詢、系統管理等。

2 系統設計

2.1 設計目標

提案管理系統建成后，教代會提案辦理將實現網上起草、網上附議、網上初審、網上提交、網上立案、網上批閱、網上交辦、網上處理和網上公開，從而縮短空間和時間，將代表、提案、提案小組、校領導和行政部門通過網絡緊密的聯系在一起，提升工作效率，推進學校信息公開和電子政務的發展。

2.2 技術架構

提案系統利用成熟的網絡條件和數據庫技術，實現了教代會提案的無紙化，自動化，遠程化。系統采用兼有開放性和穩定性特點的SpringBoot和Vue框架的開發模式[5]，可以加速系統的開發和擴展，具有維護和升級簡單方便、成本低、數據安全、實時同步等優點，同時應用Elment UI使系統擁有良好的用戶界面和良好的用戶交互體驗。

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

圖2 技術架構圖

下面對各層進行簡要介紹。

（1）視圖層。本系統為B/S 架構的Web應用，可以通過瀏覽器直接訪問。本層使用Vue和Element UI提供的樣式，通過AJAX請求將請求數據傳到控制層。

（2）控制層。主要使用Spring MVC 進行攔截，獲取用戶的請求訪問，本層接收到前端傳過來的數據后，通過@Autowired注入Service層進行業務邏輯處理。

（3）業務邏輯層。該層主要使用Spring 處理用戶訪問邏輯，完成各個模塊之間的信息處理，并通過調用數據持久層的接口和相關映射XML文件進行數據庫的操作。

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

（5）數據庫。數據庫采用Oracle。

2.3 功能模塊設計

針對教代會提案系統的設計要求，并結合功能需求分析，對系統的功能進行了設計，劃分為系統管理、提案流轉、提案查詢等三大模塊。系統總體功能結構如圖3所示。

2.4 增加時間提醒功能

系統對接學校的統一通信平臺，通過短信或郵件的發送，增加辦理時間提醒功能，將有效提高提案處理效率。時間提醒功能分為待辦提醒和催辦提醒。

系統用戶在提交提案到下一節點辦理時，可以選擇待辦提醒功能，系統在處理提交任務的同時，給下一節點辦理用戶自動發送待辦短信或郵件，提醒用戶及時進行辦理。如果下一節點用戶長時間未辦理提案，用戶可以進入系統使用催辦提醒功能，系統向下一節點用戶發送催辦短信或郵件，催促用戶盡快辦理。通過時間提醒功能，可以激勵各教代會代表履行好代表職責，促使業務職能部門加快提案的辦理流程，整個提案處理流程會大大縮短時間周期。

3 系統實現

3.1 系統技術實現

根據以上的系統分析和系統設計，本文開發的提案管理系統采用Tomcat 9作為Web服務器，采用Oracle 11g數據庫管理數據，系統結合了Vue.js前端框架和SpringBoot后端框架的前后端分離的組合架構，并應用JSON格式對前后端交互的數據進行封裝，應用Shiro權限管理框架保障授權安全[7]，開發出基于Web的提案管理系統。

3.1.1 前端開發

前端基于Visual Studio Code搭建Vue開發環境。Vue.js是一套數據驅動的用于構建用戶界面的，可以自底向上逐層應用的漸進式前端框架。相比于其他主流的JavaScript框架例如AngularJS或React等，Vue.js具有運行效率高、語法簡潔、自身占用空間小、上手容易等特點[8]。在前端開發中，應用Elment UI組件進行頁面的快速開發。Element UI是一套采用Vue 2.0作為基礎框架實現的組件庫，能幫助網站頁面快速成型。

3.1.2 后端開發

后端使用IntelliJ IDEA 2017作為開發工具，使用SpringBoot來進行項目搭建，完成與前端頁面及后臺數據庫的交互。Spring Boot簡化Spring應用的初始搭建及開發過程，默認配置了很多框架的使用方式[9]。

系統使用SpringBoot整合Mybatis Plus進行數據操作[10]。MyBatis Plus是MyBatis 增強工具，在MyBatis 的基礎上進行增強，簡化開發，提高數據操作效率。后端還集成了Lombok注解、Log4J日志、Druid 數據庫連接池等工具。

3.2 系統功能實現

3.2.1 提案管理界面實現

如圖4所示，用戶在提案管理界面，可以對自己相關的提案根據關鍵字進行查詢，可以查看相關提案的詳細信息和流程信息，處理當前流程節點在本人的提案。

3.2.2 提案統計功能實現

提案系統實現了用戶需要的多種統計功能，并使用ECharts作為提案統計可視化的實現工具。如圖5所示，展現了2019年教代會代表參與提案工作的分布情況。

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

3.3 實際應用情況

提案系統上線后，有效提高了教代會提案的效率。2019年3月25日，學校發布提案征集的通知后，教代會代表們充分利用校園網的優勢，利用該系統相互交流，一個月時間內，教代會代表提交有效提案33件，提案提交速度相比往年有較大的提升。

提案系統大大優化了教代會提案工作的操作流程，提高了教代會的管理水平，縮短了提案提交、代表附議、立案受理、分立承辦、流程追蹤、結果反饋的一系列流程的時間，提高了教代會的提案工作的實效性。同時提案系統為廣大教職工提供所有提案的查詢瀏覽，提高了教代會提案的透明度。實施信息化管理平臺的優勢體現在教代會代表提案的質量提升、各職能部門處理提案的滿意度提升以及提案工作透明公開的效能提升。

4 結束語

本文分析傳統提案方式效率低下，信息公開不足等問題，基于SpringBoot和Vue框架，設計了高校教代會提案系統，滿足學校教代會代表及時提出想要反映的問題和現象的需求，通過提案的網上流轉，能有效提高教代會提案的效率，通過提案結果的反饋及公開，能有效加強各職能部門對提案的重視，切實有效地解決提案中提出的問題。

參考文獻：

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

[2]宋宇輝，林春梅.基于ASP.NET的高校教代會提案系統的研究與實現[J].信息與電腦（理論版），2018（1）：101-103.

[3]楊艷，陳曉勇.高校教代會提案管理系統分析與設計[J].天津科技，2017（11）：43-45.

[4]胡煜，延坤.OA系統對高校教代會提案工作的促進[J].新絲路（下旬），2016（10）：101-102.

[5]焦鵬琿.基于SpringBoot和Vue框架的電子招投標系統的設計與實現[D].南京：南京大學，2018.

[6]唐菁敏，高張寶.基于B/S架構的企業綜合管理系統的研究與設計[J].信息技術，2019（3）：144-148.

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

[8]何軍，陳倩怡.Vue+Springboot+Mybatis開發消費管理系統[J].電腦編程技巧與維護，2019（2）：87-88+102.

[9]王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統計分析系統設計與實現[J].軟件工程，2019（3）：40-42.

[10]黃偉.API服務中間件的設計與實現[D].成都：電子科技大學，2019.