填鸭表单!开箱即用的开源问卷调查系统!

大家好,我是 Java陈序员

我们在日常生活中,有时候因为工作需要,需要发布一些问卷调查,来统计数据,获得反馈!

今天,给大家介绍一款开箱即用的开源问卷调查系统!

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

TDuck ------ 一款免费的表单问卷系统,支持快速创建问卷或业务表单,采用无代码理念支持开发自定义组件。采用 SpringBoot + Vue + ElementUI 技术栈,功能强大界面清新,支持一键部署。

功能特色:

  • 丰富的组件,有评分、级联选择、图片轮播、省市联动、地理位置等十几种组件
  • 问卷支持逻辑设置,可实时预览,并生成分享连接
  • 支持问卷外观设置,logo、头图、背景等可以个性化定制
  • 支持记录调查数据,并以图表的形式进行展示
  • 支持创建共享模板,方便复用
  • 集成微信公众号扫码登录
  • 支持本地和多种云存储
  • 支持邮箱、短信通知

技术栈:

  • SpringBoot
  • Mybatis-Plus
  • Vue2
  • ElementUI

项目截图

我的项目

问卷基础组件设计

问卷导入题目

问卷逻辑设置

问卷外观主题设置

问卷设置

问卷发布

问卷填写

问卷数据

问卷统计

共享模板

用户管理

系统设置

快速上手

环境依赖:

  • MySQL5.7或以上
  • JDK1.8或以上
  • Maven
  • Nodejs

后端服务

1、拉取代码

bash 复制代码
git clone https://gitee.com/TDuckApp/tduck-platform.git

2、将项目以 Maven 的形式导入到 IDEA 中

3、项目结构

  • tduck-common 通用模块
  • tduck-account 账号模块
  • tduck-storage 存储模块
  • tduck-project 项目模块
  • tduck-wx-mp 微信公众号模块
  • tduck-api 客户端API

4、创建数据库

sql 复制代码
CREATE DATABASE tduck DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_bin;

5、执行项目目录下 doc/tduck.sql 文件

6、修改 tduck-api 模块下配置文件 application-prod.yml 中的配置信息

需要将数据库的连接地址、用户名、密码修改成自己的环境地址信息。

7、运行 com.tduck.cloud.api.TduckApiApplication 启动项目

前端服务

1、拉取代码

bash 复制代码
git clone https://gitee.com/TDuckApp/tduck-front.git

2、安装依赖

bash 复制代码
npm install

3、启动项目

bash 复制代码
npm run dev

#or

npm run serve

4、构建项目

bash 复制代码
npm run build

Docker 部署

Docker 部署项目

1、启动命令

bash 复制代码
docker run \
-e SPRING_DATASOURCE_URL="jdbc:mysql://127.0.0.1:3310/tduck-v4?useSSL=false&useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai&tinyInt1isBit=false&nullCatalogMeansCurrent=true" \
-e SPRING_DATASOURCE_USERNAME=root \
-e SPRING_DATASOURCE_PASSWORD=tduck@tduck \
-p 8999:8999 \
-v /upload:/application/BOOT-INF/lib/upload \
tduckcloud/tduck-platform

2、参数说明:

  • SPRING_DATASOURCE_URL 数据库连接
  • SPRING_DATASOURCE_USERNAME 数据库用户名
  • SPRING_DATASOURCE_PASSWORD 数据库密码
  • -p 8999:8999 容器内部端口:宿主机端口 端口映射
  • -v /upload:/application/BOOT-INF/lib/upload 文件挂载

启动时,需将对应的参数改成自己的环境地址参数。

Docker Compose 部署项目

1、下载 docker-compose.yaml

bash 复制代码
wget https://gitee.com/TDuckApp/tduck-platform/blob/master/docker/docker-compose.yaml

2、一键启动

bash 复制代码
docker-compose up

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

bash 复制代码
https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

bash 复制代码
https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

相关推荐
伍哥的传说18 分钟前
Mitt 事件发射器完全指南:200字节的轻量级解决方案
vue.js·react.js·vue3·mitt·组件通信·事件管理·事件发射器
一枚小小程序员哈3 小时前
基于Vue + Node能源采购系统的设计与实现/基于express的能源管理系统#node.js
vue.js·node.js·express
杨DaB6 小时前
【SpringBoot】Swagger 接口工具
java·spring boot·后端·restful·swagger
Agome997 小时前
Docker之自定义jkd镜像上传阿里云
阿里云·docker·容器
昵称为空C7 小时前
SpringBoot接口限流的常用方案
服务器·spring boot
hrrrrb8 小时前
【Java Web 快速入门】十一、Spring Boot 原理
java·前端·spring boot
一枚小小程序员哈8 小时前
基于Vue的个人博客网站的设计与实现/基于node.js的博客系统的设计与实现#express框架、vscode
vue.js·node.js·express
定栓8 小时前
vue3入门-v-model、ref和reactive讲解
前端·javascript·vue.js
无能百分百8 小时前
阿里云服务器ECS安装Docker(CentOS 7.x)
docker
LIUENG9 小时前
Vue3 响应式原理
前端·vue.js