项目介绍

本期给大家介绍一个 简洁的问卷的调查系统。

一 业务介绍

本系统分为以下几个模块:

1.登录注册


2.新建问卷
注册登录完成后,即可进入首页

ITSource 分享 第4期【简洁的问卷调查系统】_技术介绍

可以创建问卷

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_02

ITSource 分享 第4期【简洁的问卷调查系统】_技术介绍_03

目前只有单选,多选,简答三种问题类型,并且可以选择手动结束和自动结束模式。

3.发表问卷
问卷创建完毕,可以点击发表问卷,即可生成问卷链接:

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_04

复制链接,在浏览器打开,即可开始填写问卷:

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_05

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_06

ITSource 分享 第4期【简洁的问卷调查系统】_初始化_07

问卷填写完成,提交之后便可在后台看到统计数据

4.问卷统计
查看发放的问卷调查

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_08

ITSource 分享 第4期【简洁的问卷调查系统】_后端_09

ITSource 分享 第4期【简洁的问卷调查系统】_后端_10

ITSource 分享 第4期【简洁的问卷调查系统】_技术介绍_11

二 技术介绍

1.技术栈
  • 后端: SpringBoot +Mybatis
  • 数据库 : MYSQL 8.x,
  • 前端: VUE + ElementUI
2.代码介绍



ITSource 分享 第4期【简洁的问卷调查系统】_初始化_12

image.png

三 Quick Start
1. 环境准备
  • MYSQL 8.x
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 16+

以上环境需要准备好, 在自己的本地搭建好,方可进行下面步骤

2. 下载源码
  • Github:

 https://github.com/lanting347/MyQuestionnaire

  • 百度云:

链接:https://pan.baidu.com/s/1Cxd6pujaiab23sAI9dVpvw?pwd=91tm 提取码:91tm

  • 蓝奏云:

https://itguang.lanzoub.com/b02x76ued 密码:8ysj

3. 后端部署
  • Step1: 下载源码
  • Step2: IDEA 打开项目
  • Step3: 安装 Maven 依赖
  • Step4: 配置检查
  • 数据库配置: (注意Mysql数据库需要时 8.x) 数据库初始化语句:
  • ITSource 分享 第4期【简洁的问卷调查系统】_技术介绍_13

  • 创建数据库并初始化: 打开navicat 把 sqkl 脚本复制进去并执行即可:
  • ITSource 分享 第4期【简洁的问卷调查系统】_数据库_14

  • Step4: 启动后端项目
Idea 运行后端项目,看到以下信息,表示运行成功

ITSource 分享 第4期【简洁的问卷调查系统】_技术介绍_15

4. 前端部署

打开终端,进入 前端项目目录:

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_16

image.png

  • Step1: 安装npm依赖

npm install

  • Step2: 启动前端项目
npm run serve 看到如下信息表示部署成功 前端部署成功截图

ITSource 分享 第4期【简洁的问卷调查系统】_数据库_17

点击任何一个连接,即可跳转浏览器打开.

登录: 输入账号密码: admin 123456 即可登录成功!



关注 ITSource 公众号 ! 获取更多学习资源呀 !



ITSource 分享 第4期【简洁的问卷调查系统】_数据库_18