节视频讲解如何通过FormMaking表单设计器来完成自增型表格的设计，并导出pdf进行打印。该场景在企业中使用得相当普遍，希望通过本节视频可以帮助大家快速的创建和维护这样的表单。接下来就跟着我来拖拉拽配置出这样的表单。

·首先拖入html字段，这里可以在编辑器中输入html内容用于展示表格标题。

·然后拖入表格布局字段，设置好表格列、表格布局，这里可以点击上面条块来对表格的宽度进行设置。

·拖入文字字段，取消数据绑定作为表格的静态文本展示。

·在需要输入文本的地方拖入文本框字段。

·接下来设计自增表格，配置好表格表头后拖入子表单字段实现自增。

·然后在子表单中拖入表格布局，在表格中放入文本框查看下效果。

·最后对自增表格的样式做下优化，在表单样式表中输入cs样式，然后选择自增字段的表格，再自定义class样式下拉框中选择刚配置好的样式，来看下效果。

就这样一个自增的表格就做好了，可以对表格中的文字进行居中，并对表格设置背景色，这样让表格看起来更有层次感。同样的方法设置好样式，然后选择表格配置自定义class，最后预览查看，点击添加输入内容，可以导出pdf查看并且打印。

大家学会了吗？大家可以进入官网体验。

eryReport填报设计器

VeryRepor表单设计器功能特点如下：

1、拖拽式表单控件

通过拖拽完成填报表单设计
不同数据源单元设置任意数据库字段，实现任意复杂填报应用

2、全面的表单控件

支持文本、文本域、数字、密码控件
支持单选、复选、下拉框、下拉树、日期控件
支持图片上传、插入行、删除行控件

VeryReport填报设计器：https://www.veryreport.com/fillDesign

JotForm 在线表单设计器

JotForm 易于使用的在线表单设计器，为企业业务数据设计表单和收集数据，例如可设计一些订单信息表、客户信息表等， 是所见所得的

在线定义表单，界面操作比较简单，拖动HTML元素组件即可，并集成各种验证组件，JotForm自带多种样式的模板， 提供许多免费的表单样式。

特点：JotForm 内建超过2,500 种以上的表单案例，无论是联系表格、注册表单、问卷调查、满意度调查、工作申请表、出席意愿表等等，
几乎都可以直接获取使用。

JotForm：https://www.jotform.com

Ueditor Formdesign Plugins Web表单设计器

Ueditor Formdesign 是开源免费的表单设计器，可应用于工作流管理系统、OA等，是一款可视化的Web表单构建器，HTML元素组件
较丰富，主要包含：文本框、多行文本、下拉菜单、单选框、复选框、宏控件、进度条等，并可以生成二维码。
官方页：http://formdesign.leipi.org

FCKeditor 编辑器

FCKeditor 是一款开源的所见所得网页文本编辑器，可通过CKeditor设置表格，在表格中定义表单元素，主要支持文本框、复选框、
单选框、单行文本、多行文本、列表、按钮、图片、隐藏域。

JQueryFormBuilder 表单构件器

FormBuilder 是一款开源的使用Jquery编写的Web表单构件器, 操作简单，一个轻量级JS组件，可以容易地与其他系统集成，
通过拖拉生成表单元素，支持复选框、日期、上传文件、隐藏域、列表、下拉框、文本域等。
在线插件:https://github.com/kevinchappell/formBuilder
在线演示:https://kevinchappell.github.io/formBuilder

Bootstrap 表单构造器

采用Bootstrap开发的表单构造器，可与其他应用系统集成，通过拖拽组件的方式生成完整可用的表单。
在线演示: http://www.bootcss.com/p/bootstrap-form-builder

数据提交成功页面，可轻松查看该表单数据的流程流转情况

编最经常的工作是将一些项目的数据从数据库导出，然后分门别类的列到excel表格中，领导看起来眼花缭乱。小编想，要是能以图表可视化展现出来，领导就可以看到项目近几个月的走势，也知道之后要怎么决策了。

小编尝试了使用excel制作图表，由于操作复杂，小编放弃了，于是小编在网上找到了以下6种可视化工具，现在我们来看一下：

1.积木报表jimureport

网址：http://www.jimureport.com/

积木报表是JeecgBoot旗下的一款免费制作报表和大屏的软件，主打开源。跟阿里和百度一样，手机号一键注册，便可永久使用，重要的是：免费！免费！免费！

积木报表采用类word风格，可以随意拖动组件，想怎么设计怎么设计，可以像百度和阿里一样，设计出炫酷的可视化大屏！

2.阿里云DataV

网址：https://help.aliyun.com/document_detail/57759.html?spm=a2c4g.11186623.4.3.7a9f3dafANgdOn

使用手机号或邮箱注册账号，会获得7天的体验期。阿里云DataV有强大的组件库，可以制作不同的样式，还可以链接数据库或API接口，炫酷的可视化大屏可以轻松完成。数据可视化的设计难点并不在于图表类型的多样化，而在于如何能在简单的一页之内让用户读懂数据之间的层次与关联，这就关系到色彩、布局、图表的综合运用。DataV提供指挥中心、地理分析、实时监控、汇报展示等多种场景模版，即便没有设计师，您的可视化作品也会显现出高水平的设计水准。

缺点：

（1）试用期比较短，试用期过了，需要几千或者几万的续期费用，对于工薪阶层来说，这是一笔不小的费用。

（2）数据源的配置有点复杂，用户的学习成本有点高。

3.百度Sugar

网址：https://cloud.baidu.com/product/sugar.html

Sugar是百度云推出的敏捷BI和数据可视化平台，目标是解决报表和大屏的数据BI分析和可视化问题，解放数据可视化系统的开发人力。Sugar提供界面优美、体验良好的交互设计，通过拖拽图表组件可实现5分钟搭建数据可视化页面，并对数据进行快速的分析。通过可视化图表及强大的交互分析能力，企业可使用Sugar有效助力自己的业务决策。

平台支持直连多种数据源（Excel/CSV、MySQL、SQL Server、PostgreSQL、Oracle、GreenPlum、Kylin、Hive、Spark SQL、Impala、Presto、Vertica等，平台支持的数据源类型详见这里），还可以通过API、静态JSON方式绑定可视化图表的数据，简单灵活。大屏与报表的图表数据源可以复用，用户可以方便地为同一套数据搭建不同的展示形式。跟阿里一样，手机号一键注册，会有30天的体验期，制作效果同样炫酷。

缺点：试用期不长，试用期一过，需要花钱续费；

4.帆软

网址：https://www.fanruan.com/finemax

帆软是业内做报表比较久的一家公司，使用类excel风格的界面，可添加图表和数据源，也可实现大屏效果。支持异构数据源整合，能够展示数十种的可视化图表效果，包括柱形图、折线图、雷达图、散点图和词云图等，布局方式多样化，包括自适应布局、绝对布局和tab布局，还能实现多tab轮播，自由发挥创意；零编码拖拽式操作，多种图表、控件、表格等组件任意摆放，基于gis地图层进行数据展示，支持集成百度、谷歌等gis地图，同时支持自定义gis主题风格；地图类型包括钻取地图、点地图、区域地图、流向地图和组合地图等，同时也支持自定义图片地图，通过简单拖拽即可实现自动播放、3D动画特效等多种效果；图表类型包括轮播三维组合地图、轮播gis点地图、流向地球、时间齿轮和目录齿轮等，支持业务互动，包括不限层次的钻取、多维度的联动分析、轮播时自动联动其他组件等。

缺点：

（1）只能拖动块的固定排版，对于大屏的随意排版、随意拖动很不方便；

（2）需下载软件，本地制作，软件占用空间较大，打卡比较慢；

（3）需要安装许多插件才可以实现一些动态效果；

5.UReport2

网址：https://gitee.com/youseries/ureport

UReport2是一款高性能的Java报表引擎，提供完善的基于网页的报表设计器，可快速做出各种复杂的中式报表。在UReport2中，提供了全新的基于网页的报表设计器，可以在Chrome、Firefox、Edge等各种主流浏览器运行（IE浏览器除外）,打开浏览器即可完成各种复杂报表的设计制作；同时UReport2是第一款基于Apache-2.0协议开源的中式报表引擎。

对数据源有三种加载方式

（1）直接连接数据库

直接连接数据库比较简单，就是在项目的classpath中添加好相应数据库的驱动Jar包后，在弹出的窗口中配置数据源连接信息即可。

（2）Spring Bean

? Spring Bean类型的数据源可以选择Spring上下文中定义好的一个Bean来作为数据源，点击图标，在弹出的窗口中输入数据源名称及要采用的Bean的ID。 保存后，就可以在这个数据源下添加具体的数据集，添加方法就是在这个数据源下右键，在弹出的菜单中选择添加数据集，在弹出的窗口中定义数据集名称、对应的方法名以及返回对象类型，在Spring bean数据集配置中，方法名我们可以点击右侧的“选择方法”按钮来选择当前Bean对应的类中定义的方法，但这里对方法的要求是：方法必须要有三个参数，依次是String、String、Map。

（3）内置数据源

? 这种类型的数据源，要示我们实现BuildinDatasource接口，同时将BuildinDatasource接口实现类配置到Spring即可，BuildinDatasource接口实现类配置到Spring中后，UReport2会自动检测到，这样在报表设计器中，点击数据源页签中的按钮，在弹出的窗口中就可以选择定义好的内置数据源。

? 对于UReport2提供的三种类型的数据源，各有其特点及适用场景，对于使用者来说，要根据它们的特点灵活选择。

6.报表设计工具Reportico

网址：https://gitee.com/luob/reportico

Reportico是一个报表设计工具，可用来设计报表、创建报表菜单和配置，支持图形、分组、下钻、表达式处理和数据转换，可导出HTML、PDF和CSV格式，可通过CSS修改报表外观。

以上就是小编今日的分享了，欢迎大家试用，喜欢的话就关注小编点赞评论和转发哦！