谈华宇++吴昶成++邱小平

摘 要：通过分析动态表单的实现原理，采用Bootstrap前端框架设计并实现了在线表单设计器。动态表单设计器是将用户待填写表单中的各种数据项组成特定格式的字符串，再将字符串存储到数据库相应的字段中以实现表单结构信息保存的功能。从数据库中读取字段，再拼接成指定格式的字符串，并对其读取解析还原成表单的样式，即简单的置换型模板引擎。

关键词：Bootstrap；动态表单；模板引擎

随着互联网的日益发展，基于浏览器/服务器（B/S）的开发模式已成为如今的应用系统开发的主流，表单作为业务的枢纽和信息的承载体也越来越重要，然而传统的表单操作存在着操作不灵活，实现复杂，功能简单等缺点。随着用户对于表单需求的发展变化，固定格式的表单结构和单一的表单元素已经无法满足用户的需求，用户对动态表单生成的功能需求迫在眉睫[1]。因此，文章提出了利用Bootstrap前端框架实现设计动态表单，用户填写表单内容等功能的技术实现。

1 Bootstrap框架

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。并且可以对Bootstrap中所有的CSS变量进行修改，依据自己的需求定制代码。……