2021 年值得添加到你的技术栈的 5 个最佳开源表单构建器

我叫乔，过去十年来一直在构建在线表单。我用过很多不同的方式开发表单：HTML5 表单构建器、JavaScript 表单构建器、React 表单构建器等等。根据我的经验，我认为最好的开源表单构建器能够快速轻松地创建美观、实用且易于访问的表单。

表单是数字时代的关键组成部分。它们在互联网上广泛使用，包括社交媒体、电子邮件和内部工具。使用在线表单的原因有很多。无论您是要收集用户反馈、设置联系表单，还是进行员工问卷调查。

乍一看，表单似乎只是标签和输入框的简单构造。但随着深入研究，事情开始变得越来越复杂。

在线表格有两种格式：

1. 标准垂直设计，以及
2. 分步/向导格式。

我的建议是，如果输入少于 5 个，请使用标准格式。如果输入超过 5 个，请使用分阶格式。

从设计角度来看，可以肯定地说，表单已经取得了长足的进步。十年前，在线表单主要由灰色方块和 Times New Roman 标签组成。值得庆幸的是，这种情况已经发生了很大变化。而且，我相信表单生成器在这一转变中发挥了重要作用。

在深入了解 5 个最佳开源表单构建器之前，让我们先了解一下表单构建器到底是什么。

表单生成器是一种基于软件的工具，可帮助用户以很少甚至无需代码的方式构建在线表单。

本文中提到的大多数开源表单生成器都支持这两种格式。优秀的开源表单生成器应该提供以下开箱即用的功能：

• 可访问组件
• 内置验证
• 设计灵活性
• 链接数据库
• 图形用户界面

在选择开源表单生成器时，我建议您仔细考虑您的用例。有些表单生成器会附带一些您根本不需要的额外功能。务必选择合适的工具。

为了帮助您选择合适的工具，我们测试了 20 多个开源表单生成器，以找出关键差异，并帮助您选择合适的工具。我们根据以下三个类别对每个开源表单生成器进行了评估和评分：易用性、功能性和设计。

以下是 5 个最佳开源表单生成器应用程序：

1. 布迪巴斯
2. Kinto表单生成器
3. form.io
4. 羊驼
5. Ohmyform

1.布迪贝斯

最佳一体化开源表单生成器

Budibase 不仅是一款表单生成器，更是一款功能丰富的开源低代码平台，提供数据库、自动化工作流、身份验证以及许多其他开箱即用的功能。它还可以连接到外部数据源，例如 MongoDB、MySQL、PostgreSQL、Airtable 等。您还可以连接到 Rest API。

其丰富的功能使其成为构建以数据为中心的内部工具和表单的首选工具。您还可以创建公共和私有表单（身份验证）。如果您正在构建 CRM、审批应用、库存清单等应用程序，这一点至关重要。

Budibase 的独特之处在于它使用 GUI 来构建表单。GUI 在功能性和灵活性之间取得了良好的平衡，让您可以轻松构建美观的表单。例如，每个输入框都带有内置验证、易于访问的样式和主题。

易于使用-⭐⭐⭐⭐

开始使用 Budibase 需要下载构建器。它会提供一个桌面应用程序，让您专注于手头的任务。有些人可能会觉得下载平台有点麻烦，但最终的回报是值得的。

功能 - ⭐⭐⭐⭐

使用 Budibase，您可以从头开始构建表单，也可以根据数据模式自动生成表单。与榜单上的其他表单构建器相比，Budibase 更具优势。它开箱即用，提供表单验证、调整大小属性、最浅、亮、暗和最暗主题、可访问的输入、数据库以及响应式功能。

设计-⭐⭐⭐⭐⭐

这款构建器的设计比榜单上的其他构建器更胜一筹，甚至遥遥领先。输出的表单带有主题和内置验证功能。组件设计现代，用户可以更改字体、大小、间距，并在表单中添加文本/图片/表格。

优点

• 设计
• 无障碍设施
• 灵活性
• 所有表单生成器中入门和使用最简单的
• 从模式生成表单的能力
• 数据库已连接

缺点

• 你必须下载构建器

结论

如果您正在构建 Web 应用/内部工具，Budibase 无疑是最佳选择。它自带数据库，并可接入其他数据库，使其成为一个功能齐全的表单构建器。Budibase 是一款功能强大且灵活的构建器，因此如果您有现成的代码库，并希望在其中添加表单，那么它并非最佳选择。

Budibase Github链接

2. Kinto 表单生成器

最佳开源表单构建器 - React。

Kinto 表单构建器是一个在 Kinto 之上使用 React 构建的开源表单构建器。

Kinto 是一个独特的项目，其表单生成器本质上非常灵活。我认为它凭借其灵活性，应该跻身我的五大表单生成器之列。但这种灵活性是有代价的——它是所有表单生成器中最难上手和使用的。

易于使用-⭐⭐

Kinto 表单生成器需要你设置一个 Kinto 实例。它还需要你懂得如何编写代码。我预计这会对很多读者造成阻碍。他们提供了一个沙盒，突出了生成器的强大功能。

功能 - ⭐⭐⭐⭐

Kinto 提供了大量开箱即用的功能，如果你身处 React 生态系统，这将是一笔宝贵的财富。它的构建器性能出色，运行流畅，这点非常不错。

设计-⭐⭐⭐

设计虽然不拘泥于形式，但功能实用。Kinto 输出的表单比基础表单略胜一筹，足以满足大多数用户的需求。沙盒内生成的表单设计带有 Material Design 的风格。

优点

• 沙盒
• 表现

缺点

• 缺乏开箱即用的数据库
• 事实证明，入门很痛苦
• 聚焦反应

结论

如果你懂编程，并且 React 是你技术栈的一部分，那么这是一个很好的选择。如果你不懂编程，并且想要一个更舒适/更快捷的选择，那么这个列表中的其他选项会更好。

Kinto Github链接

3. form.io

企业表单生成器

Form.io 是一个企业级的组合表单和 API 数据管理平台，供开发人员构建自己的基于复杂表单的业务流程应用程序。

Form.io 的设置和上手都很简单。从使用 Form.io 的最初几分钟起，就很容易确定这个平台的目标用户是企业。它功能丰富，设计却简洁。

易于使用-⭐⭐⭐

我个人非常喜欢 Form.io 提供的众多开箱即用的输入类型。用户可以通过其拖放界面使用这些输入类型。拖放流程快捷且用户友好，但在响应速度方面却带来了一些困惑。Budibase 相较于 form.io 的优势之一是它能够根据数据库模式自动生成表单。直到使用 Form.io 后，我才意识到自己有多么喜欢这个功能。

功能 - ⭐⭐⭐⭐⭐

Form.io 提供了丰富的开箱即用功能。我喜欢它无需编码即可轻松为输入/表单添加条件和逻辑。我喜欢创建的表单可以链接到 React / Angular 应用程序，但这对所有读者来说可能并不利。如果您有多个表单用于不同的环境/客户，那么它的多租户功能非常出色。

设计-⭐⭐

该平台的整体设计略显过时，输入框和表单的视觉吸引力也不足。输出的表单是上述五款开源表单生成器中最不美观的，但我觉得如果能再花些时间，输入框应该会更美观一些。

优点

• 灵活性
• 功能
• 开箱即用的条件和逻辑功能
• 多租户

缺点

• 平台设计
• 表单组件的设计
• 企业感觉

结论

如果你是一名开发者，时间紧迫，在企业机构工作，我强烈推荐你试试 form.io。它的功能范围可以说是这个列表中最好的，但如果你注重用户体验/设计，它可能不是最佳选择。

Formio Github链接

4.羊驼

HTML5 开源表单生成器

Alpaca 提供了为 Web 和移动应用生成交互式 HTML5 表单的最简便方法。它使用 JSON Schema 和简单的 Handlebars 模板，在 Twitter Bootstrap、jQuery UI、jQuery Mobile 和 HTML5 之上创建美观、动态的用户界面。

Alpaca 已经存在好几年了，它提供了一个基本的表单构建框架。它不像其他平台那样固执己见，但对于那些愿意付出努力的人来说，它拥有丰富的功能。

易于使用-⭐⭐

它需要编写代码，但文档非常出色。我承认，与列表中的一些构建器相比，Alpaca 的难度更高。它的设置时间更长，而且用户自定义程度也更低，这虽然增加了一些工作量，但用户使用起来更加灵活。

功能 - ⭐⭐⭐⭐⭐

从前端角度来看，它的功能非常广泛，但没有数据库。

设计 - ⭐

开箱即用的组件是基本的 HTML5 组件，无需任何样式。您可以连接 CSS 框架来辅助样式设置。

优点

• 灵活性
• 文档
• 轻的

缺点

• 设计
• 你需要知道如何编码
• 缺乏数据库

结论

如果您想创建一个简洁的表单，Alpaca 是一个不错的选择。但关键的是，它没有数据库。Alpaca 很有趣，如果您有时间，我相信您可以设计出一个美观的表单——但这比此列表中的其他平台需要更多的时间和精力。

Alpaca Github 链接

5. Ohmyform

面向未来

OhMyForm 自称是类似于 Google Forms 或 TypeForm 的免费开源表单构建器。

这并不是 OhMyForm 开发者第一次开发表单生成器。在 OhMyForm 之前，已经有了 Tellform。不过，该项目现在已经被弃用了。

易于使用-⭐⭐⭐

对我来说，OhMyForm 更像 Typeform。它采用了非常不错的分步式方法，而且 UI/UX 比榜单上的其他几款产品都要好。我不喜欢 OhMyForm 的地方在于，它缺少沙盒/试用版，无法直接试用。文档也非常简陋。

功能 - ⭐

OhMyForm 是一个年轻的项目，功能有限，但方向是正确的。阶梯式表单设计令人钦佩，感觉很高端。

设计-⭐⭐⭐

早期的设计迹象不错。稍加改进，团队就能取得真正的成功。UI 和 UX 不如 Budibase，但它确实提供了一种快速（安装后）构建精心设计的表单的方法。

优点

• 设计
• 阶梯式方法

缺点

• 项目尚处于起步阶段
• 缺乏文件
• 没有沙盒
• 缺乏功能

结论

现在就 OhMyForm 下结论还为时过早，但如果他们能在已有的良好基础上有所突破，未来前景一片光明。这个项目目前值得关注，而非实际使用。

Ohmyform Github 链接

结论

表单是互联网的重要组成部分。随着我们对软件的需求日益增长，我们对优质表单的需求也日益增长。以上每个开源表单构建器都提供了独特的功能。如果您正在从头构建表单/Web 应用/内部工具，请使用 Budibase。如果您拥有现有的 React 代码库，请使用 Kinto。如果您所在的企业组织拥有现有的 Angular 代码库，请使用 Form.io。如果您需要轻量级的 HTML5 表单构建器，并且拥有丰富的编程经验，Alpaca 将是您的不二之选。如果您对下一个新兴的开源表单构建器感兴趣，请查看 OhMyForm。

感谢您的阅读，祝您在表单构建之旅中好运。