WEB端可视化表单生成引擎的设计与实现
2017年软 件 2017, V ol. 38, No. 12
WEB端可视化表单生成引擎的设计与实现
宋奕爽，刘绍华
（北京邮电大学电子工程学院，北京 100876）
摘要: 近年来，公司管理办公系统的主要工作已经从硬件设施的建设逐步转化为系统软件应用的开发，而表单一直是公司管理和业务获取信息的重要途径，为了简化工作流程和提高工作效率，可以开发一个通用的Web可视化表单生成引擎以灵活适用不同的表单需求。本文设计实现的Web端可视化表单生成引擎，采用组件化模块化开发，大大提升了开发的效率。同时在功能上实现了基本的拖拽表单行以及各类组件，通过选项设置模板设置表单列和各类组件对应的相关属性，以及本地储存与本地预览的功能，真正意义上实现了通过“可视化”操作来快速、灵活、简单的生成可在Web系统里通用的表单。
关键词: WEB开发；表单生成；模块化；拖拽生成
中图分类号: TP311.52 文献标识码: A DOI：10.3969/j.issn.1003-6970.2017.12.029
本文著录格式：宋奕爽，刘绍华. WEB端可视化表单生成引擎的设计与实现[J]. 软件，2017，38（12）：153 159 Design and Implementation of Visual Form Generator Based on Web
SONG Yi-shuang, LIU Shao-hua
(School of Electronic Engineering, Beijing University of Post and Telecommunications, Beijing 100876, China)【Abstract】: These years, construction of hardware facilities has translated into software system application devel-
opment in management office system’s mainly work, however, forms have always been the most significant way of company management and information acquisition. In order to simplify workflow and improve work efficiency, there is an urgent requirement of the flexible visual form. The visual form generator designed in this paper adopt modularization development to improve work efficiency. Meanwhile, essential drag and drop have been realized functionally, including set form’s row or module’s attribute through optional setting panel, local storage and pre-view locally. This is a real sense of realizing simple, flexible and fast web using form by visual control.
【Key words】: WEB development; Form generator; Modularization; Drag and drop
0引言
近年来，公司管理办公系统的主要工作已经从硬件设施的建设逐步转化为系统软件应用的开发，如何通过软件应用为用户提供更加方便、快捷、有效的服务是该领域研究的重点。如今公司的办公管理系统大多是Web在线管理平台，而表单一直是公司管理和业务获取信息的重要途径，随着业务的不断扩张与深入，信息采集、分类、处理等的需求使表单制作、分发、获取与提交方式已经难以满足当前的业务需求。为了简化工作流程和提高工作效率，可以开发一个通用的Web可视化表单生成引擎以灵活适用不同的表单需求。
本论文实现的Web端可视化表单生成引擎，采用组件化模块化开发，将表单从区块行列开始划分到每个单元格的相应组件都对应设计实现了相关的Widget模块实现了相关模块组件的复用，大大提高了开发的效率[1]。同时在功能上实现了基本的拖拽表单行以及各类组件，通过选项设置模板设置表单列和各类组件对应的相关属性，以及本地储存与本地预览的功能，真正意义上实现了通过“可视化”操作来快速、灵活、简单的生成可在Web系统里通用的表单。
1表单生成引擎的需求分析
根据表单生成引擎在现实开发中的使用场景和开发者的实际需求入手，从业务建模、功能性需求和非功能性需求三个方面来详细阐述可视化表单生