節視頻講解如何通過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修改報表外觀。

以上就是小編今日的分享了，歡迎大家試用，喜歡的話就關注小編點贊評論和轉發哦！