无代码表单设计器——功能组件（一）

无代码设计流程表单的概念就不再重复说了，上一文有和大家老生常谈无代码应用搭建平台的功能。要实现这些功能，平台基本上采用“组件”（或者说“字段”）来实现。无代码流程表单设计器的功能组件（有些平台叫“字段”）很多。

从上面的几张图片，我们可以看到，基本上无代码应用搭建平台的功能组件主要是文本框、下拉选择框、日期、地址、附件、数字、时间、复选框、图片、部门、人员等等。

今天就来详细讲讲无代码系统的功能组件——单行文本框和数字文本框。当然，还是主要用雀书做演示。

单行文本框听起来很简单，就是支持输入单行文字的功能组件嘛。同样的道理，数字文本框就是输入数据的功能组件。但是，在雀书无代码应用搭建平台，只用单行文本框和数字文本框就能简单快速搭建起一张采购清单。（当然，把单行文本框当数字文本框使用也没问题。）

首先，进入配置页面，可以看到有很多功能组件，为了采购单每次能支持输入多行数据，我们先点击采用一个“明细表”的组件，然后按照顺序选择我们需要的文本框组件。在这里，我们需要“采购物品”、“采购单价”、“采购单位”、“采购数量”和“金额”5个列。

1. 先设置一个明细表。

2. 在明细表内布置好需要的功能组件，并在右侧的配置栏修改好组件标题。

3. 在明细表下面添加多一栏“金额总计”的数字文本框。

4. 点击“金额”这一组件，在右侧的配置栏找到“默认值”一项，设置为“计算编辑器”。

5. 点击“计算编辑器”，设置公式，然后“确认”。

6. “金额总计”一栏也是同样的操作。

最后保存表单，返回页面添加数据使用试试看。