文/張沖

隨著國家“互聯(lián)網(wǎng)+政務(wù)服務(wù)”應(yīng)用的不斷改革和深化應(yīng)用，在推進過程中，服務(wù)模式從“單辦件模式”擴大到“聯(lián)辦件”再到“綜合一窗”“跨省通辦”和“一業(yè)一證”業(yè)務(wù)模式，服務(wù)載體也從政務(wù)大廳的獨立窗口到現(xiàn)在的網(wǎng)站、自助終端、移動端等多終端多渠道辦理模式。線上辦理事項越來越多，信息化系統(tǒng)建設(shè)規(guī)范越來越高，建設(shè)周期要求越來越短，在系統(tǒng)不斷深化、重構(gòu)的過程中，發(fā)現(xiàn)有很多工作量都集中在事項受理表單的開發(fā)上，并且隨著“引導(dǎo)式業(yè)務(wù)辦理”的交互方式推行，以及單事項到綜合事項的推廣應(yīng)用，受理表單的展示要素也隨著事項、情形的不同而動態(tài)變化。

需求分析

自國務(wù)院印發(fā)《關(guān)于加快推進“互聯(lián)網(wǎng)+政務(wù)服務(wù)”工作的指導(dǎo)意見》，對加快推進“互聯(lián)網(wǎng)+政務(wù)服務(wù)”工作作出總體部署以來，經(jīng)歷了近5年的系統(tǒng)建設(shè)歷程，“互聯(lián)網(wǎng)+政務(wù)服務(wù)”發(fā)展迅猛，由剛開始承接幾十個類型辦件到如今的成百上千種類型辦件；由原來的“單一辦件”到“聯(lián)辦件”“綜合辦件”類型發(fā)展；由原來只能實現(xiàn)“一個縣域內(nèi)”辦件到“一個市”“一個省”甚至“跨省通辦”的業(yè)務(wù)模式變化；由原來的“只能大廳窗口辦理”擴充到“網(wǎng)站”“綜合窗口”“自助終端”“app”多渠道辦理。

系統(tǒng)業(yè)務(wù)越來越復(fù)雜，事項類型越來越多，系統(tǒng)規(guī)模也逐漸從單一系統(tǒng)向平臺級（市級、省級、全國級）方向發(fā)展。雖然系統(tǒng)規(guī)模和業(yè)務(wù)越來越復(fù)雜，但其核心內(nèi)容是事項及事項辦理以及多渠道發(fā)布。因此在支撐系統(tǒng)迭代研發(fā)當(dāng)中，需要把“事項梳理”單獨作為一個平臺進行建設(shè)，而事項梳理完成后要實現(xiàn)因事項類型不同、交互情形不同、辦理渠道不同而受理表單不同，就需要一個可定制的電子表單系統(tǒng)來支撐。

因此，需要總結(jié)、歸納一套能夠?qū)崿F(xiàn)“無需代碼編寫”“圖像化設(shè)計”“自動化存儲”的電子表單系統(tǒng)，作為基礎(chǔ)支撐平臺的一部分，從而縮短研發(fā)周期，快速提供信息化服務(wù)。

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

電子表單系統(tǒng)技術(shù)架構(gòu)如圖1所示，采用j2EE開發(fā)技術(shù)，采用B/S架構(gòu)研發(fā)。系統(tǒng)后端技術(shù)主要采用Spring、SpringBoot和SpringCloud開發(fā)框架，引入Redis做緩存組件，MySQL作為存儲數(shù)據(jù)庫。前端采用主流開發(fā)框架VUE技術(shù)，基于Node.js+Webpack開發(fā)平臺，引入ElementUI作為產(chǎn)品的基礎(chǔ)控件庫，在此基礎(chǔ)上，定制豐富的電子表單控件庫。最后使用上述后端和前端開發(fā)成果，研發(fā)電子表單系統(tǒng)的產(chǎn)品功能和供三方系統(tǒng)二次開發(fā)使用的表單接入控件。

圖1 電子表單系統(tǒng)技術(shù)架構(gòu)圖

邏輯架構(gòu)

電子表單系統(tǒng)邏輯架構(gòu)如圖2所示，核心內(nèi)容分為表單設(shè)計系統(tǒng)、表單系統(tǒng)網(wǎng)關(guān)和表單接入控件。表單設(shè)計系統(tǒng)是提供圖形化設(shè)計能力的系統(tǒng)。該系統(tǒng)分為：表單配置元數(shù)據(jù)庫，用于存儲設(shè)計過程數(shù)據(jù)；控件庫，提供豐富的表單展示要素的控件，它是實現(xiàn)多樣化表單定制的基石，支持后期添加擴展；數(shù)據(jù)庫連接，用于定義表單填報數(shù)據(jù)存儲數(shù)據(jù)庫的連接信息；存儲對象，定義表單數(shù)據(jù)存儲到具體表的元數(shù)據(jù)信息，是實現(xiàn)表單填報數(shù)據(jù)自動存儲的基石；表單設(shè)計器，它是一個圖像化的，支持可拖拽功能表單設(shè)計器，它使用控件庫里的控件定義表單每個填報要素，同時通過屬性面板，定義控件展示樣式、與存儲對象字段對應(yīng)關(guān)系，定義完成后，生成一個表單描述文件（json格式），然后存儲到表單配置元數(shù)據(jù)庫中。表單系統(tǒng)網(wǎng)關(guān)是電子表單系統(tǒng)為接入系統(tǒng)定制的、可供二次開發(fā)的接口服務(wù)方法。接入系統(tǒng)通過調(diào)用表單系統(tǒng)網(wǎng)關(guān)的服務(wù)來獲取表單配置數(shù)據(jù)和實現(xiàn)填報數(shù)據(jù)的自動存儲。表單接入控件是電子表單系統(tǒng)為接入系統(tǒng)提供的表單接入sdk，它提供iframe整頁接入和使用VUE組件2種接入方式。它使用表單系統(tǒng)網(wǎng)關(guān)服務(wù)接口從電子表單系統(tǒng)中獲取表單定義數(shù)據(jù)，然后解析展示表單界面。

圖2 電子表單系統(tǒng)邏輯架構(gòu)圖

系統(tǒng)功能

電子表單系統(tǒng)由表單模板管理、接入系統(tǒng)管理、成員管理、存儲對象管理、表單設(shè)計管理、表單發(fā)布和表單接入功能組成。

1.表單模板管理

用戶進入電子表單系統(tǒng)后進入表單模板模塊，為系統(tǒng)添加公共表單模板。系統(tǒng)發(fā)布時，根據(jù)產(chǎn)品設(shè)計風(fēng)格，初始化多套系統(tǒng)模板，系統(tǒng)模板后期不允許用戶修改。用戶可以根據(jù)項目需求，創(chuàng)建電子表單模板，自定義的模板可以修改或刪除。模板定義好后，可以在表單設(shè)計時引用“表單模板”，表單會復(fù)制表單模板的全部屬性生成表單，用戶再在此基礎(chǔ)上進行調(diào)整、修改。

2.接入系統(tǒng)管理

用戶在自己的系統(tǒng)中需要使用電子表單時，需要先在電子表單系統(tǒng)中新建一個接入子系統(tǒng)，子系統(tǒng)的信息包括接入系統(tǒng)名稱、系統(tǒng)架構(gòu)、維護人員等，電子表單系統(tǒng)會自動為接入子系統(tǒng)創(chuàng)建生成訪問key信息，用戶在自己的系統(tǒng)中接入表單的時候，需要正確填寫相應(yīng)的key才能集成成功。為了方便管理，支持在接入子系統(tǒng)的下級創(chuàng)建相應(yīng)的模塊，然后在模塊中創(chuàng)建接入表單。

3.成員管理

用戶在開發(fā)表單系統(tǒng)時，通常不希望自己項目組的表單被項目組以外的人訪問和修改。同時項目組開發(fā)表單的人也可能會有多個。為了解決這個問題，電子表單系統(tǒng)提供了成員管理的功能，用戶可以在自己定義的子系統(tǒng)中，添加參與設(shè)計表單的成員，成功添加的成員都能訪問且能修改此接入系統(tǒng)的所有表單。

4.存儲對象管理

當(dāng)用戶在使用表單填報數(shù)據(jù)時，要能實現(xiàn)數(shù)據(jù)自動保存。用戶可以為其接入子系統(tǒng)定義數(shù)據(jù)庫連接，連接到用戶想保存數(shù)據(jù)的數(shù)據(jù)庫，然后用戶再建一個存儲對象，創(chuàng)建時，選擇你創(chuàng)建的數(shù)據(jù)庫連接，然后從連接的數(shù)據(jù)庫表中，選擇將要把表單數(shù)據(jù)存儲的表，系統(tǒng)自動創(chuàng)建一個關(guān)聯(lián)具體存儲表的數(shù)據(jù)對象。在后續(xù)的表單設(shè)計中，引入這個存儲對象，并做好存儲對象屬性與表單控件關(guān)聯(lián)，實現(xiàn)表單的自動存儲。

5.表單設(shè)計管理

用戶通過表單設(shè)計器對表單進行設(shè)計操作，表單設(shè)計器左邊是控件工具箱，中間是主設(shè)計區(qū)，右邊是屬性設(shè)置區(qū)。用戶從控件工具箱中拖拽所需控件到中間主設(shè)計區(qū)，然后在右邊屬性欄中設(shè)置相應(yīng)屬性，完成表單設(shè)計。在這個過程中，系統(tǒng)自動提醒用戶選擇存儲對象，然后完成表單每個控件與存儲對象屬性的關(guān)聯(lián)設(shè)置，完成填報數(shù)據(jù)自動保存功能。

6.表單發(fā)布

表單設(shè)計完成后，用戶可以點擊設(shè)計器的“預(yù)覽”按鈕，預(yù)覽表單展示效果。用戶確認(rèn)無誤后，點擊發(fā)布，系統(tǒng)將用戶設(shè)計的表單生成最新版本。發(fā)布后，設(shè)計的表單就可以被接入所需的業(yè)務(wù)系統(tǒng)中。

7.表單接入

電子表單系統(tǒng)為外部系統(tǒng)提供2種接入方式，一種是iframe方式（非VUE項目），一種是VUE組件方式。

結(jié)束語

在信息化系統(tǒng)建設(shè)過程中有許多場景需要使用電子表單才能更方便地解決問題。電子表單系統(tǒng)特別適用于表單數(shù)量多、后期新增需求不固定和因上下文條件變化引起表單展示要素變化的業(yè)務(wù)場景，可以有效減少開發(fā)工作量，提升產(chǎn)品適應(yīng)需求變化的能力。