基于动态表单的数据填报系统设计与实现

INFORMATION TECHNOLOGY

信息化建设

基于动态表单的数据填报系统设计与实现

◆

宋万洋

摘要：随着信息技术的不断发展，数据在各行各业都发挥着越来越重要的作用，随之而来的问题是

人们需要收集填报的数据也越来越多。为了解决传统数据收集过程中遇到的数据表格单一、归集汇总繁琐

易出错等问题。论文设计并实现了一种基于动态表单的数据填报系统。系统基于网络平台，采用B/S架构

模式，界面简洁大方，操作简单，通过使用本系统，数据收集人员在线定制表格元素，填报者只需登录网

站，提交信息即可，而其他细节都由程序自动完成，减少人工参与环节。本系统的实现一方面可以提高数

据填报效率，另一方面可以解决传统数据填报工作中耗费时间和精力、数据有差错、收集整理困难等问

题，对于提高数据归集利用效率、更好发挥数据价值具有十分重要的实际价值。

关键词：动态表单；数据填报；数据管理；系统设计

一、前言

表格作为数据良好的载体，在各个领域得到广泛的

使用，特别在当今自动化工作中，表格在各个部门间进

行传递数据发挥了巨大的作用。早期的数据统计表单大

多采用纸张制作而成，可重用性差，而且浪费资源，从

表格的制定、分发，再到填写汇总，整个过程繁琐而复杂，

尤其当数据填报单位处在分散的地区时，统计数据的时

效性将受到极大的耽搁

[1]

。随着信息化技术的不断发展，

开始逐渐采用电子化的方式收集填报数据，但当前应用

比较广泛的方式主要包括Excel电子表格和信息系统两种

方式。Excel表格的方式仍然存在人工分发、收集的问题，

不能满足对时效性和安全性要求较高的数据填报工作使

用，而信息系统的方式会因系统内置表格相对固定导致

不能灵活支持多种数据填报的使用需要。因此，设计并

实现一种能够动态设计表格，并能通过网络快速分发汇

集的数据填报系统对提高工作效率具有一定的现实意义。

系统除满足完备的功能之外，还需要满足一定的非

功能性需求，才能保证系统正常供上线应用。本系统需

基于网络平台，具有较好的平台支持性，保障用户跨系

统跨平台正常使用

[3]

；系统功能应简洁明了，易于学习理

解，用户在进行操作使用时，不需要提前做太多的功课，

便能熟练掌握使用；系统应具有可靠性，要在功能容错、

数据备份等方面有一定保证，当遇到特殊情况时，应保

证系统数据不丢失、系统快速恢复运行，满足用户升级

和后期维护使用

[4]

。

（二）系统功能设计

根据需求分析，系统采用B/S架构模式，用户使用

网络浏览器即可正常使用，保证用户多种场景的使用需

求。系统的主要功能模块包括：用户注册登录、用户管理、

表格设计、表格管理、表格填报、表格数据管理等模块，

各功能模块之间相对独立，并联合工作组成完整的系统，

各模块和用户之间的对应关系如图1所示。

二、系统需求分析及功能设计

（一）系统需求分析

系统应具有相对完备的功能模块，通过使用本系统，

可以解决当前数据汇集过程中遇到的问题，提高表格制作

灵活性，简化表格分发汇总流程，提高数据填报归集应用

质量和效率。系统应具有用户权限划分功能，包含系统管

理员、表格填报用户两种用户权限。系统管理员作为系统

的归集数据方面用户，除了应具有系统用户权限划分、系

统功能管理、数据查看管理等功能，负责维护系统正常运

行之外，还需要使用本系统可以实现设计数据表格、表格

启停管理、表格在线打印、数据查看导出等功能

[2]

；表格

制作用户表格填报用户作为填报数据方面用户，需要具有

注册账号功能，登录系统后可以查找数据表格，填报对应

数据，查看修改自己填报的数据等操作。

图1数据填报系统功能模块设计图

1.针对数据填报用户

用户注册登录功能模块：为保护系统数据安全，需要

用户登录之后才能进行浏览表格、填报数据等操作，新用

户需要填写基本信息注册成为系统用户，用户注册登录之

后可以修改自己的个人信息。新注册的用户一律为数据填

报用户权限，只能浏览填报数据，不能设计数据表格。

125

INFORMATION TECHNOLOGY

信息化建设

修改个人信息模块：登录的用户可以自行修改完善

用户个人注册信息，包括用户名、密码、头像、联系方式、

联系邮箱、兴趣爱好等信息项。

查询浏览表格模块：登录的用户可以浏览查看需要

自己填报的数据表格，如果表格较多，也可以通过数据

表格名称搜索查找表格。

填报数据模块：如果表格处于开放状态，当用户找

到自己需要的表格之后，可以通过点击进入表格， 填报

数据并提交。

修改已填报数据模块：用户可以随时查看自己已经

填报的数据，如果表格处于开放状态，用户可以修改完

善数据，但如果表格处于关闭状态，则不允许用户修改

已填报的数据。

2.针对系统管理员

设计表格模块：对于具有表格设计用户权限的用户，

可以通过系统提供的动态表单功能，自由设计表格的样

式，限定待填报数据的类型，尽量避免数据错误。

管理表格模块：用户设计完表格之后可以预览表格，

查看表格是否能够满足归集数据使用需求，如不满足，

可以继续完善表格，满足使用需求的表格，可以修改表

格的状态为“启用”状态，只有处于“启用”状态的表

格才能被填报，对于已经完成数据收集任务的表格，可

以将表格的状态调整为“停用”状态。

查看表格数据模块：表格设计用户可以通过系统查

看用户填报的数据，并且可以直接打印表格和数据。

导出数据模块：表格设计用户可以按照需要用户填

报的数据到excel电子表格，或者导出统计数据。

用户权限管理模块：管理员可以根据系统使用需要，

新建、查询、修改、删除已经注册的用户，并且可以将

已注册的用户修改为其他权限用户组，以满足系统使用

需要。

系统功能管理模块：可以通过本模块查看系统运行

日志、查看系统数据库、管理系统功能模块等操作。

三、系统关键功能实现

（一）用户注册功能。用户注册的流程如图2所示，

当用户跳转到注册界面之后，会要求用户填写注册信息，

注册信息包括用户名、邮箱、密码和验证码，用户填写

并提交之后，会将用户填写的信息提交到系统后台进行

判定，系统采用邮箱作为用户的区分验证，一个邮箱只

允许注册一个用户，不允许重复注册，如果已经存在该

邮箱，则不允许使用该邮箱注册，并返回提示给用户，

否则将用户填写的信息保存到用户信息表中，并提示用

户注册成功，用户需要等待管理员审核之后才能正常登

录

[5]

。新注册用户的用户权限为“系统管理员”，只能进

行表格查看、数据填报等操作，如果需要更高操作权限，

则需要由系统管理员修改其用户权限。

图2 用户注册功能流程图

（二）动态设计表格功能。管理员在登录系统之后，

可以根据自己的需要设计对应的表格。为了保证表格样

式的设计，管理员在设计表格的时候，还可以随时预览

表格。当表格设计完成之后，表格会被系统自动保存到

数据库中，但还不会展示给用户，还需要管理员启用该

表格之后，表格才会展示在用户界面，才允许用户填报。

为了便于管理员统计表格填报数据，本系统动态管理数

据表，当管理员设计完一个表格之后，即在MySQL数据

库中创建一个对应的数据表，表格中的字段分别作为数

据表中的字段，并且在表格信息表中记录相关信息。当

用户填报数据之后，会将用户填报的数据及时记录到创

建的信息表中。本功能的功能流程如图3所示。

图3 动态设计表格功能流程图

动态表单功能通过将各种常用的表单控件采用

Jquery和Javascript前端技术开发成标准组件，然后集成

到开源的百度Ueditor文本编辑器中实现。在设计表格的

时候，用户可以通过拖拽的方式在编辑器中插入预设的

表单组件。当表格被保存的时候，通过前端解析，将表

单项目自动生成数据表的形式，从而实现数据表格和用

户填报的数据分别保存的目的，降低数据统计应用工作

难度。动态表单功能如图4所示。

126

INFORMATION TECHNOLOGY

信息化建设

图4动态表单功能实现

（三）管理表格功能。如图5所示，管理员启用表

格之后，所有的登录用户都可以看到该表格，并且可以

自由选择填报表格，当达到预定的时间之后或者填报数

量达到一定要求之后，管理员可以停用表格，停用表格

之后，用户界面不会显示该表格，也不允许用户提交表

格数据。

（五）管理已经填报数据功能。管理员可以随时查

看用户填报的表格数据，管理员在本功能模块中，还可

以修改用户已经填报的数据，或者打印表格。此外，管

理员还可以将用户已经填报的用户数据导出到Excel数据

表中，方便管理员更好的管理统计用户填报的数据。本

功能模块的流程图如图7所示。

图5管理员启用停用表格流程图

（四）填报数据功能。当数据填报用户登录系统之后，

会在首页看到所有已经启用的表格，用户可以浏览或者

搜索查找到需要填报的表格，用户选定表格之后，即可

填报对应表格的数据，用户填写完填报数据之后，点击

提交按钮，即可将填报数据保存到数据库相应的表格中。

用户填报完之后，可以查看自己填报的表格信息，也可

以直接打印自己填报的表格，如果用户发现自己填报的

内容是有问题的，还可以对自己所填报的信息进行修改，

完整流程如图6所示。

图7 管理员管理表格数据流程图

四、系统测试

系统测试是系统发布前的必经环节，通过测试，发

现系统在设计和实现过程中的问题，并将其解决

[6]

。从数

据库设计之初录入测试数据开发开始系统测试。本系统

采用黑盒测试来对系统进行详细的测试，检测本系统的

每一个功能能否满足使用需求和正常使用。针对系统管

理员管理表格的主要功能测试报告如表1所示。

除了以上测试报告之外，还严格对照系统需求分析

对系统实现的每个功能模块都进行了详细的测试，经过

测试，系统达到了设计目标和需求功能。

五、结语

本系统采用B/S架构模式，设计并实现一种基于动

图6填报用户填报数据功能流程图

态表单便捷地实现从表格的生成到填报数据再到数据导

127

INFORMATION TECHNOLOGY

信息化建设

表1 系统管理员管理表格主要功能测试报告

测试序号测试内容预期结果实际结果是否通过

1新建“信息统计表”并保存表格保存成功表格保存成功通过

2预览“信息统计表”表格能够正常显示表格能够正常显示通过

表格启用成功，用户界面显示本表格启用成功，用户界面显示本

3启用“信息统计表”通过

表格表格

表格停用成功，用户界面不显示表格停用成功，用户界面不显示

4停用“信息统计表”通过

本表格本表格

查看“信息统计表”中用户填报

5可以正常查看用户填报数据可以正常查看用户填报数据通过

数据

6导出用户填报数据数据导出成功数据导出成功通过

出的全过程的在线数据填报系统。通过本系统，管理员

只需定制表格元素，填报者只需登录网站，提交信息即可，

而其他细节都由程序自动实现。本系统的实现一方面可

以提高数据填报效率，另一方面可以解决数据归集填报

工作中处理繁琐、数据有差错、不利于统筹管理的问题，

通过充分利用本报表填报系统，可以更加提高汇集数据

的准确性、实时性和安全性，让数据充分发挥价值，为

人们工作提供充分、合理、科学的分析依据。本系统主

要创新点包括： 

（1）数据库中动态生成数据表。动态表单功能基于

百度开源编辑器Ueditor进行二次开发实现，管理员在新

建表格的时候可以根据自己的实际需要，自行设计表格

的样式，并且为了更好的管理统计用户填报的数据，每

个表格都由动态生成的数据表保存数据，提高了系统的

安全性。

（2）用户填报信息支持在线打印。系统集成标准打

印控件，用户填报完数据之后，可以直接在线预览并打印，

管理员也可以打印用户填报的表格，方便用户使用。

（3）支持数据下载。为了更好的统计使用用户填报

的数据，本系统支持管理员一键下载数据到Excel中，减

少了管理员手动统计数据的时间，提高系统工作效率。

参考文献

[1]张春雨.大规模在线考试考务综合管理系统的设计与实现

[D].哈尔滨工业大学,2020.

[2]李伟,白冰,毛鹏举.基于B/S架构的电子表格数据上报

系统设计与实现[J].电脑编程技巧与维护,2016(05):46-47.

[3]王小宁,王儒敬,桂元苗,等.省级农作物病虫数据上报系

统的设计与实现[J].安徽农业大学学报,2019,46(05):876-882.

[4]李林,郑海宁,彭帆,等.基于表驱动的动态数据上报管理

系统研究[J].农业机械学报,2017,48(12):190-201.

[5]颜莹.基于Web的数据上报系统设计与实现[J].科技视

界,2017(14):166+136.

[6]杨洋.基于B/S技术的医院电子健康档案安全管理系统设

计[J].信息技术,2020,44(08):121-125+131.

（作者单位：天津市大数据管理中心）

（上接第124页）

体系，规范入党流程的每一个步骤。同时内嵌入党材料

的模板和填写要求，规范入党材料的填写。对入党流程

和材料的规范性有较好的提升作用。

2.党员发展管理信息系统能够提升党员发展工作的

效率，入党流程中的学生通过便捷的系统完成材料填写

和上交的工作，党员发展工作的效率和质量均有所提升，

压缩了党员发展材料培训时间，为支部集中力量进行特

色党建活动和党员教育培养提供了更多地时间和更大的

空间。

3.党员发展管理信息系统切实提升党员发展工作的

质量，系统将自动识别每个用户的具体情况，有针对性

地进行任务提醒和业务培训，这也是使用信息化手段对

处于入党流程中的主体的一种培训和教育。同时还在完

成任务的过程中针对性的发送注意事项和任务要求，增

强学生对任务的理解，完成质量也有所提升

[6]

。

4.党员发展管理信息系统能够更高的发挥党组织服

务育人的功能。党员发展管理信息系统将大力提升入党

流程的规范性和入党材料的严谨性。党员发展工作的质

量一方面体现在发展材料上，另一方面体现在党员思想

和党性的提升和成熟上，二者紧密相关，互相影响。发

展工作既要做好培养教育，提升思想和党性，使培养效

果体现在入党材料中，又要将入党材料的准备过程看成

培养塑造人的宝贵时机，充分发挥流程的规范性和材料

的严谨性对人的教育功能。

参考文献

[1]《党的十九大报告辅导读本》编写组.党的十九大报告辅

导读本[M].北京:人民出版社,2017(10).

[2]“互联网+”党建 以信息化主推机关党建工作科学化[OL].

人民网-中国共产党新新闻网.2017-10-17. [3] 周媛.机关党员管

理系统的设计与实现[D].吉林大学,2016.

[4] 袁雪.云南大学旅游文化学院党员管理系统的研究与分析

[D].云南大学,2015.

[5] 李伟.宜春学院学生党员管理系统研究与分析[D].云南大

学,2016.

[6] 陈培培.基于工作流的独立学院发展党员系统的设计与实

现[D].扬州大学,2017.

（作者单位：王坚，南开大学马克思主义学院；

木琳，南开大学电子信息与光学工程学院）

128