近年来,企业内部业务管理系统已经由从前的硬件设施的构建逐渐转变为了基于Web端的软件应用,而如何开发出针对性强、复用性高、操作简单快捷的软件应用是办公管理系统领域如今的研究重点。如今公司的办公管理系统大多是Web在线管理平台,而表单一直是公司管理和业务获取信息的重要途径,随着业务的不断扩张与深入,信息采集、分类、处理等的需求使表单制作、分发、获取与提交方式已经难以满足当前的业务需求。为了简化工作流程和提高工作效率,可以开发一个通用的Web可视化表单生成引擎以灵活适用不同的表单需求。本论文旨在设计与实现能够根据用户或办公系统需求来简单、灵活设计相应的表单。本方案采用Dojo库进行前端主要逻辑和组件的开发,利用Handlebars对View和Data的分离来快速构建各个表单空间的选项设置模板,同时借助了 Underscore.js工具库实现表单属性判断、组件数据存储等操作,此外结合Bootstrap和Font Awesome实现了整个表单的响应式设计和基本图标的渲染。开发测试后台在本机使用了 PHP来进行数据操作以及模拟表单生成。本论文实现的Web端可视化表单生成引擎,采用组件化模块化开发,将表单从区块行列开始划分到每个单元格的相应组件都对应设计实现了相关的Widget模块,从而实现了相关模块组件的复用,大大提高了开发的效率。同时在功能上实现了基本的拖拽表单行以及各类组件,通过选项设置模板来设置表单列和各类组件对应的相关属性,以及本地储存与本地预览的功能,真正意义上实现了通过“可视化”操作来快速、灵活、简单的生成可在Web系统里通用的表单。