计算机毕业设计 | SpringBoot+vue校园问卷调查系统(附源码)

1,绪论

研究目的

在进入21世纪以后,互联网得到了蓬勃的发展,电子问卷调查也开始逐渐流行起来。传统纸质问卷和电子问卷相比较后,传统问卷还存在很多弊端:

  1. 问卷分发起来比较困难,并且分发试卷耗费大量的金钱和时间;
  2. 当调查的主题不同时,题目也不尽相同,传统纸质问卷,题目变化过于死板,局限性比较大;
  3. 问卷回收比较困难,成本相对而言比较高;
  4. 统计处理问卷收集的数据比较麻烦。

相较与传统的纸质问卷,电子问卷存在着很多优势。首先,电子问卷调查操作更加便捷,调查速度更快,统计处理数据效率更高。其次,打印和发布纸质问卷的成本会随着问卷规模的增大而增加,而电子问卷在调查规模很大时会显得更加廉价。同时,对于比较敏感的话题,被调查者会更加愿意使用私密性更高的电子问卷。最后,传统的纸质问卷统计调查结果过程繁琐,可靠性也得不到保证,同时,问卷数据的分析也比较麻烦,电子问卷调查使用数据库软件记录数据,使用计算机语言进行数据分析,可以直观的生成统计图表,更加方便得出调查结果。

研究意义

本系统是根据疫情到来后郑州高校的实际问卷需求而设计的,有效而高速的处理调查问卷信息,实现信息化,减少调查人员的工作量,对以前复杂而繁重的问卷调查工作提供数字化、高效化、简单化的解决方案。避免了时间的浪费和疫情前提下的人身安全等级。

2,需求分析

问卷管理功能:

主要对问卷按照问卷类型的方式进行管理,问卷库中的问卷可以进行分类,对于部分已经编辑完成的问卷,可以通过链接,二维码等方式发送给用户进行填写。而用户可以通过编辑按钮,随时组织形成新的问卷,从而最大程度提高问卷题目的可重用性。问卷生成采用在线编辑,问卷题型包括:单选、多选、填空等题型。

在满足问卷题型多样化的同时,系统以非常人性化的方式方便问卷编撰人员的操作,在一个页面上即可完成绝大部分的问卷编撰操作。对于题目数量较多、 复合型的调查问卷还可分章节进行组织。问卷管理功能需求用例图如图所示:

在这里插入图片描述

用户管理功能可以实现对调查活动相关人员的增删改查,对于不同问卷调查活动,通常需要不同的组织人员和管理人员,此时一个合格的用户管理功能就是十分必要的。功能功能可以实现用户的新增、修改、删除、密码重置、密码修改等功能。用户管理功能需求用例图如图所示:

图 2-2 用户管理 UML 用例图

功能模块设计

调查问卷管理系统主要由登录模块、问卷模块、用户管理模块等功能模块组成,其主要目的就是为了更加方便快捷的管理问卷管理系统。

(1)登录功能模块设计
用户输入用户名和密码,判断用户名、密码是否正确,如果正确则登录成功,反之得重新输入用户名、密码。

(2)问卷功能模块
用户在问卷管理页面中可以对问卷进行新增、查看、修改、发送、数据分析等功能。
用户点击新增按钮后可以对问卷的名称和描述等信息进行自定义设计。
用户在点击编辑问卷后即可进入问卷的编辑页面,在此页面中,用户可自定义题目数量、题目类型、题目顺序等信息。而问卷的题目类型设计有单选题、多选题、判断题、填空题等。
用户可讲设置好的问卷通过链接、二维码等形式反送给用户进行填写。同时可以在此页面查看该问卷的回答情况和答题内容。

(3)用户管理功能模块
管理员可对系统内用户进行新增、修改、删除、重置密码等操作。通过此功能模块实现对用户的快速管理。

3,技术栈

后端技术

技术说明官网
SpringBootWeb应用开发框架https://spring.io/projects/spring-boot
SpringSecurity认证和授权框架https://spring.io/projects/spring-security
MyBatisORM框架http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator数据层代码生成器http://www.mybatis.org/generator/index.html
Druid数据库连接池https://github.com/alibaba/druid
JWTJWT登录支持https://github.com/jwtk/jjwt
LombokJava语言增强库https://github.com/rzwitserloot/lombok
PageHelperMyBatis物理分页插件http://git.oschina.net/free/Mybatis_PageHelper
Swagger-UIAPI文档生成工具https://github.com/swagger-api/swagger-ui

前端技术

技术说明官网
Vue前端框架https://vuejs.org/
Vue-router路由框架https://router.vuejs.org/
Vuex全局状态管理框架https://vuex.vuejs.org/
Element前端UI框架https://element.eleme.io
Axios前端HTTP框架https://github.com/axios/axios
v-charts基于Echarts的图表框架https://v-charts.js.org/📣 有源码 获取源码

4,系统设计

功能权限设计

在这里插入图片描述

数据库概念设计

在这里插入图片描述

5,系统页面展示

5.1 登录

在这里插入图片描述

5.2 系统首页

在这里插入图片描述

5.3 问卷设计

在这里插入图片描述

5.3.1 问卷分类浏览

在这里插入图片描述

5.3.2 创建问卷

在这里插入图片描述

5.3.3 设计问卷

在这里插入图片描述

5.3.4 问卷设置

在这里插入图片描述

5.3.5 发送问卷

5.3.5.1 生成二维码

在这里插入图片描述

5.3.5.2 复制链接

在这里插入图片描述

5.3.5.3 预览问卷

在这里插入图片描述

5.4 问卷明细查询

在这里插入图片描述

5.4.1 明细查询(查看用户填写详情)

在这里插入图片描述

5.5 用户管理

在这里插入图片描述

添加用户

在这里插入图片描述

编辑用户

在这里插入图片描述

修改密码

在这里插入图片描述

重置密码

在这里插入图片描述

  • 28
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Vue问卷模板源码是一个基于Vue.js框架开发的开源项目,它是一个完整的问卷调查系统的前端部分代码。这个模板提供了一套通用的问卷调查页面布局和交互组件,可以快速建立一个功能齐全、美观的问卷调查系统。 该模板的源码主要包含以下几个核心部分: 1. 问卷调查页面布局:该模板提供了一套简洁明了的页面布局,包括问卷标题、问题列表和提交按钮等。用户可以根据自己的需求进行修改和定制。 2. 问题类型组件:该模板支持各种常见的问题类型,如单选题、多选题、填空题等,每个问题类型都对应一个独立的组件,用户可以根据实际需要进行选择和使用。 3. 数据校验和提交:该模板提供了严格的数据校验机制,确保用户输入的数据符合要求。在用户提交问卷之前,系统会对填写的答案进行自动校验,并提醒用户修改不符合规范的答案。 4. 数据存储和展示:该模板还提供了数据的存储和展示功能。用户提交的问卷结果会被保存到数据库中,管理员可以通过后台管理系统对问卷数据进行查看、统计和分析。 使用该模板可以节省开发时间,快速构建一个功能完善的问卷调查系统。同时,Vue.js框架的组件化开发思想使得该模板易于扩展和定制,用户可以根据自己的需求自由添加、修改和删除组件。总体来说,Vue问卷模板源码是一个方便、高效、易用的工具,适用于各种问卷调查应用场景。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

说书客啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值