国产开源表单收集系统TDUCK

前言:目前市面上的表单平台虽然功能强大,但部分业务或者组件、额外收取存储等,使用费用较高,在数据隐私性较强且有特殊表单需求的场景下无法满足业务需求,国内的开源表单系统比较少,tduck填鸭表单应运而生并开源。愿景能够让中小公司拥有独立自定义表单问卷,快速赋能业务。

开源地址:https://gitee.com/TDuckApp/tduck-platform
官方网站:www.tduckcloud.com

TDUCK‘Pro功能演示:

1.账号登录
浏览器访问官网地址:https://www.tduckcloud.com/
国产开源表单收集系统TDUCK_第1张图片
官网包含Tdcuk开源版(v2)、TduckPro版本,点击按钮“Pro体验”进入体验版本。测试账号:test,密码:12345678
国产开源表单收集系统TDUCK_第2张图片输入密码后点击登录,并完成机器验证(滑动到指定空位),即可完成登录。
2.表单创建
使用测试账号登录成功后,点击左侧“企业表单”>“我的表单”
国产开源表单收集系统TDUCK_第3张图片
点击“创建”按钮,进入新表单编辑界面
国产开源表单收集系统TDUCK_第4张图片
输入表单名称、表单描述(非必填),点击确认即可完成
国产开源表单收集系统TDUCK_第5张图片
进入表单编辑页面,根据您需要创建的题型拖动左侧已经定义好的组件
3.流程表单创建
国产开源表单收集系统TDUCK_第6张图片
点击创建表单,选择使用“流程表单”
国产开源表单收集系统TDUCK_第7张图片
选择拖入的组件,右侧支持修改组件名称,组件提示语
国产开源表单收集系统TDUCK_第8张图片
表达组件控件属性功能描述:

  • 标题:支持编辑控件的名称,常用于设置问题
  • 占位提示:用于文本框提示
  • 表单栅格:设置表单横向宽度(非特殊情况建议保持不变)
  • 默认值:用于设置此表单组件包含的默认值
  • 显示标签:控制是否显示组件标题(问题名称)
  • 能否清空:控制是否能够清空组件内容
  • 是否只读:控制该组件发布后是否能够支持用户填写
  • 是否必填:控制此组件内容是否允许为空
  • 前图标/后图标:设置输入框前/后显示的icon图标
  • 最多输入X字符:设置该组件最多输入xx个字符
  • 输入统计:二开拓展功能-可忽略
  • 类型:设置该组件判断的反馈内容格式,如不满足则不能提交
  • 静态数据:自定义设置选择框内容
  • 动态数据:支持通过动态获取其他API接口的内容(可对接业务系统)
  • 添加正则:支持自行设置正则表达式,完成反馈内容的高级校验

例如:创建“员工信息收集表”,可将该表单保存为模板或进行预览
国产开源表单收集系统TDUCK_第9张图片
点击保存模板时,需要传入模板图片、模板名称、描述、类型(可维护)等信息
国产开源表单收集系统TDUCK_第10张图片
4.显示逻辑
显示逻辑,能够支持用户在完成某项选择后(仅限有选择性场景的表单生效),显示另外一个有逻辑关系的表单组件
国产开源表单收集系统TDUCK_第11张图片
例如使用员工信息表,第一步选择需要隐藏的问题组件
国产开源表单收集系统TDUCK_第12张图片
国产开源表单收集系统TDUCK_第13张图片
国产开源表单收集系统TDUCK_第14张图片
此时,该表单显示逻辑为:当用户选择远工类型为临时,则显示毕业院校组件。其他逻辑相同,一次类推即可;同一个表单可设置多个显示逻辑规则(可以自己建个尝试)
5.外观
点击头部“外观”菜单按钮进入外观编辑
国产开源表单收集系统TDUCK_第15张图片
支持手机/电脑方式预览
6.流程定义
国产开源表单收集系统TDUCK_第16张图片
如果创建的表单为流程表单,则需要定义流程,定义好后点击**“启用”
国产开源表单收集系统TDUCK_第17张图片
选择左侧相关主题颜色,则会同步改变表单的头图内容以及其他风格;外观主题可在“主题设置”进行自定义管理
国产开源表单收集系统TDUCK_第18张图片
支持设置表单自定义logo、表单头图、表单背景颜色/背景图片、按钮文字、显示标题、显示描述、显示序号
国产开源表单收集系统TDUCK_第19张图片
7.表单设置
表单编辑菜单中,点击“设置”即可进入回收设置
国产开源表单收集系统TDUCK_第20张图片
点击“提交设置”支持设定提交完成后提示图片,提交后提示的文字,以及提交后需要进行跳转的网页地址
国产开源表单收集系统TDUCK_第21张图片
点击“回收设置”支持设置仅在微信中填写
国产开源表单收集系统TDUCK_第22张图片
定时收集表单设置,支持设置开始收集时间、结束收集时间,并支持自定义“未启用提示语/表单截止后的提醒语”
国产开源表单收集系统TDUCK_第23张图片
定时定量收集表单,支持设置开始/结束收集时间,支持设置未启用/已结束的提示语,并支持能够设置表单反馈的收集数量和提示语
国产开源表单收集系统TDUCK_第24张图片
开启“微信中填写”必须设置微信公众号参数(详见application-xxx.yml配置文件),支持设置每个微信只能填写1次,每人每天填写1次,以及提示文案;开启“记录微信个人信息”时会弹窗要求用户进行授权(此功能会受腾讯新用户隐私规则限制)
国产开源表单收集系统TDUCK_第25张图片
支持设置回收提醒,当用户填写后发送邮件/微信公众号提醒信息到指定用户,在微信公众号接收通知时必须要关注公众号并且完成通知订阅
国产开源表单收集系统TDUCK_第26张图片
支持设置分享样式,需要配置微信公众号后台中的js安全域名,才能生成预览
国产开源表单收集系统TDUCK_第27张图片
8.指定成员发布/公开发布
8.1指定成员发布
点击“发布”进入发布设置
国产开源表单收集系统TDUCK_第28张图片
点击“指定成员发布”添加权限组,输入权限组名称,以及备注信息
国产开源表单收集系统TDUCK_第29张图片
点击“按钮权限”此处勾选的按钮为该权限组内成员登录后台,在数据栏目能够操作的按钮
国产开源表单收集系统TDUCK_第30张图片
点击字段权限,支持设置字段权限,控制该权限组的用户能否查看/编辑表单相关组件
国产开源表单收集系统TDUCK_第31张图片
点击数据权限,支持设置该权限组仅能查看到相关值的反馈数据,如图:按照此配置只能查看远工类型等于临时的反馈数据,以此类推。
国产开源表单收集系统TDUCK_第32张图片
点击确定后,点击分配权限,设置生效的用户组
国产开源表单收集系统TDUCK_第33张图片
国产开源表单收集系统TDUCK_第34张图片
国产开源表单收集系统TDUCK_第35张图片
完成设置后,点击生成的链接,使用指定权限组的登录后即可进行填写或左上角选择权限组
国产开源表单收集系统TDUCK_第36张图片
8.2公开发布
公开发布,点开关,复制链接即可
国产开源表单收集系统TDUCK_第37张图片
9.反馈数据
9.1查看数据
点击数据,进入数据查看,支持在后台进行数据添加,如图点击添加
国产开源表单收集系统TDUCK_第38张图片
9.2高级搜索
点击查询进入结构化筛选,支持查询每一个组件的值
国产开源表单收集系统TDUCK_第39张图片
点击某行数据,可进行修改
国产开源表单收集系统TDUCK_第40张图片
9.3数据导入
点击点入,支持使用Excel批量导入数据,可下载Excel模板
国产开源表单收集系统TDUCK_第41张图片
9.4附件导出
点击导出附件,待任务处理完成后,支持导出表单收集中的附件
国产开源表单收集系统TDUCK_第42张图片
9.5表格导出
点击导出图标,支持自定义文件名字、导出字段、数据范围、文件类型
国产开源表单收集系统TDUCK_第43张图片
10.图表统计
点击统计支持查看回收概况,图表统计目前支持选择题型的统计
国产开源表单收集系统TDUCK_第44张图片
11.主题管理
点击主题模板,支持设置模板分类
国产开源表单收集系统TDUCK_第45张图片
点击主题列表,支持新增主题模板,该模板将在表单编辑-外观中展示
国产开源表单收集系统TDUCK_第46张图片
添加主题主题支持自定义头部图像和颜色
国产开源表单收集系统TDUCK_第47张图片
12.系统管理
12.1用户管理
用户管理支持添加用户,修改组织机构以及控制用户状态
国产开源表单收集系统TDUCK_第48张图片
12.2角色管理
点击角色管理,支持新增修改删除角色,并能够设置角色的数据权限,控制用户数据
国产开源表单收集系统TDUCK_第49张图片
12.3部门管理
支持自定义组织架构
国产开源表单收集系统TDUCK_第50张图片
13.待办事项
国产开源表单收集系统TDUCK_第51张图片
国产开源表单收集系统TDUCK_第52张图片
选择待办事项,点击处理,处理界面支持流程通过/驳回等操作
13.我的流程
国产开源表单收集系统TDUCK_第53张图片
支持管理我的流程,可以发起新的流程、查看详情、取消流程等操作

开源地址:https://gitee.com/TDuckApp/tduck-platform
填鸭表单官方网站:www.tduckcloud.com

你可能感兴趣的:(java,开源软件,java,vue.js,elementui,spring,boot,后端)