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

项目介绍

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

一 业务介绍

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

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
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
image.png
  • Step1: 安装npm依赖

npm install

  • Step2: 启动前端项目

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

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

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



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

alt

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

本文由 mdnice 多平台发布

猜你喜欢

转载自blog.csdn.net/itguangit/article/details/134019691