电子表单系统应用分析

文/张冲

随着国家“互联网+政务服务”应用的不断改革和深化应用，在推进过程中，服务模式从“单办件模式”扩大到“联办件”再到“综合一窗”“跨省通办”和“一业一证”业务模式，服务载体也从政务大厅的独立窗口到现在的网站、自助终端、移动端等多终端多渠道办理模式。线上办理事项越来越多，信息化系统建设规范越来越高，建设周期要求越来越短，在系统不断深化、重构的过程中，发现有很多工作量都集中在事项受理表单的开发上，并且随着“引导式业务办理”的交互方式推行，以及单事项到综合事项的推广应用，受理表单的展示要素也随着事项、情形的不同而动态变化。

需求分析

自国务院印发《关于加快推进“互联网+政务服务”工作的指导意见》，对加快推进“互联网+政务服务”工作作出总体部署以来，经历了近5年的系统建设历程，“互联网+政务服务”发展迅猛，由刚开始承接几十个类型办件到如今的成百上千种类型办件；由原来的“单一办件”到“联办件”“综合办件”类型发展；由原来只能实现“一个县域内”办件到“一个市”“一个省”甚至“跨省通办”的业务模式变化；由原来的“只能大厅窗口办理”扩充到“网站”“综合窗口”“自助终端”“app”多渠道办理。

系统业务越来越复杂，事项类型越来越多，系统规模也逐渐从单一系统向平台级（市级、省级、全国级）方向发展。虽然系统规模和业务越来越复杂，但其核心内容是事项及事项办理以及多渠道发布。因此在支撑系统迭代研发当中，需要把“事项梳理”单独作为一个平台进行建设，而事项梳理完成后要实现因事项类型不同、交互情形不同、办理渠道不同而受理表单不同，就需要一个可定制的电子表单系统来支撑。

因此，需要总结、归纳一套能够实现“无需代码编写”“图像化设计”“自动化存储”的电子表单系统，作为基础支撑平台的一部分，从而缩短研发周期，快速提供信息化服务。

技术架构

电子表单系统技术架构如图1所示，采用j2EE开发技术，采用B/S架构研发。系统后端技术主要采用Spring、SpringBoot和SpringCloud开发框架，引入Redis做缓存组件，MySQL作为存储数据库。前端采用主流开发框架VUE技术，基于Node.js+Webpack开发平台，引入ElementUI作为产品的基础控件库，在此基础上，定制丰富的电子表单控件库。最后使用上述后端和前端开发成果，研发电子表单系统的产品功能和供三方系统二次开发使用的表单接入控件。

图1 电子表单系统技术架构图

逻辑架构

电子表单系统逻辑架构如图2所示，核心内容分为表单设计系统、表单系统网关和表单接入控件。表单设计系统是提供图形化设计能力的系统。该系统分为：表单配置元数据库，用于存储设计过程数据；控件库，提供丰富的表单展示要素的控件，它是实现多样化表单定制的基石，支持后期添加扩展；数据库连接，用于定义表单填报数据存储数据库的连接信息；存储对象，定义表单数据存储到具体表的元数据信息，是实现表单填报数据自动存储的基石；表单设计器，它是一个图像化的，支持可拖拽功能表单设计器，它使用控件库里的控件定义表单每个填报要素，同时通过属性面板，定义控件展示样式、与存储对象字段对应关系，定义完成后，生成一个表单描述文件（json格式），然后存储到表单配置元数据库中。表单系统网关是电子表单系统为接入系统定制的、可供二次开发的接口服务方法。接入系统通过调用表单系统网关的服务来获取表单配置数据和实现填报数据的自动存储。表单接入控件是电子表单系统为接入系统提供的表单接入sdk，它提供iframe整页接入和使用VUE组件2种接入方式。它使用表单系统网关服务接口从电子表单系统中获取表单定义数据，然后解析展示表单界面。

图2 电子表单系统逻辑架构图

系统功能

电子表单系统由表单模板管理、接入系统管理、成员管理、存储对象管理、表单设计管理、表单发布和表单接入功能组成。

1.表单模板管理

用户进入电子表单系统后进入表单模板模块，为系统添加公共表单模板。系统发布时，根据产品设计风格，初始化多套系统模板，系统模板后期不允许用户修改。用户可以根据项目需求，创建电子表单模板，自定义的模板可以修改或删除。模板定义好后，可以在表单设计时引用“表单模板”，表单会复制表单模板的全部属性生成表单，用户再在此基础上进行调整、修改。

2.接入系统管理

用户在自己的系统中需要使用电子表单时，需要先在电子表单系统中新建一个接入子系统，子系统的信息包括接入系统名称、系统架构、维护人员等，电子表单系统会自动为接入子系统创建生成访问key信息，用户在自己的系统中接入表单的时候，需要正确填写相应的key才能集成成功。为了方便管理，支持在接入子系统的下级创建相应的模块，然后在模块中创建接入表单。

3.成员管理

用户在开发表单系统时，通常不希望自己项目组的表单被项目组以外的人访问和修改。同时项目组开发表单的人也可能会有多个。为了解决这个问题，电子表单系统提供了成员管理的功能，用户可以在自己定义的子系统中，添加参与设计表单的成员，成功添加的成员都能访问且能修改此接入系统的所有表单。

4.存储对象管理

当用户在使用表单填报数据时，要能实现数据自动保存。用户可以为其接入子系统定义数据库连接，连接到用户想保存数据的数据库，然后用户再建一个存储对象，创建时，选择你创建的数据库连接，然后从连接的数据库表中，选择将要把表单数据存储的表，系统自动创建一个关联具体存储表的数据对象。在后续的表单设计中，引入这个存储对象，并做好存储对象属性与表单控件关联，实现表单的自动存储。

5.表单设计管理

用户通过表单设计器对表单进行设计操作，表单设计器左边是控件工具箱，中间是主设计区，右边是属性设置区。用户从控件工具箱中拖拽所需控件到中间主设计区，然后在右边属性栏中设置相应属性，完成表单设计。在这个过程中，系统自动提醒用户选择存储对象，然后完成表单每个控件与存储对象属性的关联设置，完成填报数据自动保存功能。

6.表单发布

表单设计完成后，用户可以点击设计器的“预览”按钮，预览表单展示效果。用户确认无误后，点击发布，系统将用户设计的表单生成最新版本。发布后，设计的表单就可以被接入所需的业务系统中。

7.表单接入

电子表单系统为外部系统提供2种接入方式，一种是iframe方式（非VUE项目），一种是VUE组件方式。

结束语

在信息化系统建设过程中有许多场景需要使用电子表单才能更方便地解决问题。电子表单系统特别适用于表单数量多、后期新增需求不固定和因上下文条件变化引起表单展示要素变化的业务场景，可以有效减少开发工作量，提升产品适应需求变化的能力。