6款优秀的报表表单设计器(如何设计报表)

yumo6668个月前 (04-29)技术文章93

VeryReport填报设计器

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


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

相关文章

超文本标记语言表单标签详解,教你如何合理利用表单收集用户信息

无论我们使用什么语言来完成web开发,都必然会用到HTML表单标签,HTML表单标签在开发中经常会被我们用来去收集我们想要得到的数据信息,基本上所有的网页都有表单的利用,表单合理的使用和布局是作为一个...

DOM - 根据ID访问HTML元素(根据id获取元素的jquery方法)

根据ID访问HTML元素如下方法实现document.getElementById(idVal):返回文档中id属性值为idVal的HTML元素。上面这个方法简单易用,只要被访问HTML元素具有唯一的...

web前端Jquery学习笔记一(jquery前端开发实战教程案例源码)

学习大纲一、了解Jquery1.什么是jqueryJquery 是一款优秀的JavaScript框架,它是一个轻量的JS库,它兼容CSS3,还兼容各种浏览器(IE6.0+,火狐1.5+,谷歌,safa...

10个免费的HTML在线编辑工具(html 在线编辑功能)

onlinehtmleditor.net是非常简单和易用的HTML在线编辑器,适用的标签有H1,H2,H3,H4,P,IMG,List等,还可以在下方查看实时预览。你可以手动输入这些标签,也可以通过点...

不可不知的OA系统工作流管理知识(二)

在上一篇文章中,我们介绍了OA系统工作流中的表单分为三种类型:文档表单、电子表单、混合表单,并详细介绍了文档表单的特点。今天,我们继续以华天动力OA系统为样板,介绍另外两种类型的表单:电子表单和混合表...

PHP入门读书笔记(十六):WEB页面使用PHP

Web表单主要用来在网页中发送数据到服务器,经过程序处理中,将用户所需要的信息再传递给客户端的浏览器上。这样就形成了一个浏览者和网站之间的一个互动。一、表单的提交方式<form name=’NA...