526互联

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

发布时间 2023-10-24 19:30:15作者: it光

项目介绍

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

一 业务介绍

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

1.登录注册

image.png
image.png

2.新建问卷

注册登录完成后,即可进入首页
image.png
可以创建问卷
image.png
image.png
目前只有单选，多选，简答三种问题类型，并且可以选择手动结束和自动结束模式。

3.发表问卷

问卷创建完毕，可以点击发表问卷，即可生成问卷链接：
image.png
复制链接，在浏览器打开，即可开始填写问卷：
image.png
image.png
image.png
问卷填写完成，提交之后便可在后台看到统计数据

4.问卷统计

查看发放的问卷调查
image.png
image.png
image.png
image.png

二 技术介绍

1.技术栈

  • 后端: SpringBoot +Mybatis
  • 数据库 : MYSQL 8.x,
  • 前端: VUE + ElementUI

2.代码介绍

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)
    数据库初始化语句:
    image.png
    创建数据库并初始化: 打开navicat 把 sqkl 脚本复制进去并执行即可:
    image.png
  • Step4: 启动后端项目

Idea 运行后端项目,看到以下信息,表示运行成功
image.png

4. 前端部署

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

image.png

  • Step1: 安装npm依赖

npm install

  • Step2: 启动前端项目

npm run serve
看到如下信息表示部署成功
前端部署成功截图
image.png

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

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

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

可付费二次开发, 定制, 一对一讲解, 有意可微信联系: itguangit

本文由mdnice多平台发布