首页 > 其他分享 >ITSource 分享 第4期【简洁的问卷调查系统】

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

时间:2023-10-24 19:33:28浏览次数:39  
标签:简洁 数据库 即可 ITSource com 问卷调查 前端 问卷

项目介绍

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

一 业务介绍

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

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多平台发布

标签:简洁,数据库,即可,ITSource,com,问卷调查,前端,问卷
From: https://www.cnblogs.com/itguang/p/17785593.html

相关文章

  • PC6983三节锂电充电器管理芯片耐压保护外围元件少线路简洁带EN关断功能
    特性■高达2A的可调充电电流(受实际散热和输入功率限制)■支持12.6V、12.9V、13.05V、13.2V的充满电压■高达28V的输入耐压保护■高达28V的电池端耐压保护■宽输入工作电压范围:3.0V~9.5V■峰值效率可达96%、重载效率高达90%■外部关断EN功能■支持最大110℃......
  • 韦达定理的简洁证明
    引言什么是韦达定理?它描述了二次方程的两根关系:\[\cases{x_1x_2=\cfrac{c}{a}\\x_1+x_2=-\cfrac{b}{a}}\]本文将简洁证明韦达定理。证明求根公式我们知道求根公式:\[x=\cfrac{-b\pm\sqrt{b^2-4ac}}{2a}\]其中若正负号取正,则得出\(x_1\),负号得出\(x_2\)。代入:\[\begin{a......
  • 想让你的代码简洁,试试这个SimpleDateFormat类高深用法
    本文分享自华为云社区《从入门到精通:SimpleDateFormat类高深用法,让你的代码更简洁!》,作者:bug菌。环境说明:Windows10+IntelliJIDEA2021.3.2+Jdk1.8@[toc]前言日期时间在开发中是非常常见的需求,尤其是在处理与时间相关的业务逻辑时,我们需要对日期时间进行格式化、比较......
  • Laravel Macro 让你的代码更简洁,更具有可读性
    来源:http://www.shanhubei.com/archives/2806.html你可以把它理解成为 trait 中的一个方法,还有点和我们开发中常用助手文件中 helpers 中的方法类似,其目的是将Laravel的内部组件进行横向扩展以全局通用。下面我们来看一个例子:User 表中有一个字段是 is_vip,用来记录用户......
  • OTA带库及不带库升级说明(简洁版)
    OTA带库升级与不带库升级区别:一般产品开发完成后,在用户使用产品的过程中如果遇到问题可以使用OTA空中升级的方式进行更新以解决问题,无需借助烧录工具完成更新,如果是程序代码中有问题就改程序,如果是库里面有问题就改库,因此区别就在于在出现问题时如果问题是在库里面,不带库升级就......
  • 《动手学深度学习 Pytorch版》 8.6 循环神经网络的简洁实现
    importtorchfromtorchimportnnfromtorch.nnimportfunctionalasFfromd2limporttorchasd2lbatch_size,num_steps=32,35train_iter,vocab=d2l.load_data_time_machine(batch_size,num_steps)8.6.1定义模型num_hiddens=256rnn_layer=nn.RNN(len(......
  • pytorch(8-6) 循环神经网络的简洁实现
     https://zh.d2l.ai/chapter_recurrent-neural-networks/rnn-concise.html# 86循环神经网络的简洁.pyimporttorchfromtorchimportnnfromtorch.nnimportfunctionalasFfromd2limporttorchasd2lfromAPI_86import*batch_size,num_steps=32,35tra......
  • pytorch(8-6) 循环神经网络的简洁实现
    https://zh.d2l.ai/chapter_recurrent-neural-networks/rnn-concise.html API_85.pyimportcollectionsimportrefromd2limporttorchasd2limportrandomimportmathimporttorchimportrandomdraw_pic=0#@saved2l.DATA_HUB['time_machine']=......
  • 【配置软件开机自动启动功能的步骤(简洁)】
    1、右击“我的电脑”--点击“管理”进入计算机管理界面 2、点击“任务计划程序”--点击“创建基本任务”--输入“名称”--“下一页” 3、触发器选项中选中“当用户登录时”--“下一页” 4、操作选项中选中“启动程序”--“下一页”--在程序或脚本框中“选择要启动程序的路径”-......
  • 快速定制开发表单:用简约、简洁、高效实现办公流程化!
    想要实现高效的办公流程化,可以用什么样的软件?低代码技术平台是近些年深得广大用户朋友喜爱的得力助手,在通信业、医疗、物流、制造业等很多行业中深入推广,可以帮助企业内部数据价值得到很好利用。其中,快速定制开发表单也是其中的一个重要功能,可高效助力创造流程化办公,实现数字化转......