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

零 Vue.js教程评论56字数 1935阅读6分27秒阅读模式

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

项目介绍

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

功能特色:文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

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

技术栈:文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

  • SpringBoot
  • Mybatis-Plus
  • Vue2
  • ElementUI

项目截图

我的项目 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷基础组件设计 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷导入题目 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷逻辑设置 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷外观主题设置 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷设置 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷发布 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

问卷填写 填鸭表单!开箱即用的开源问卷调查系统!文章源自灵鲨社区-https://www.0s52.com/bcjc/vue-jsjc/17195.html

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

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

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

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

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

快速上手

环境依赖:

  • 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/#/

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

零
  • 转载请务必保留本文链接:https://www.0s52.com/bcjc/vue-jsjc/17195.html
    本社区资源仅供用于学习和交流,请勿用于商业用途
    未经允许不得进行转载/复制/分享

发表评论