1，研究目的

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

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

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

2，技术栈

后端技术

技术	说明	官网
SpringBoot	Web应用开发框架	https://spring.io/projects/spring-boot
SpringSecurity	认证和授权框架	https://spring.io/projects/spring-security
MyBatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator	数据层代码生成器	http://www.mybatis.org/generator/index.html
Druid	数据库连接池	https://github.com/alibaba/druid
JWT	JWT登录支持	https://github.com/jwtk/jjwt
Lombok	Java语言增强库	https://github.com/rzwitserloot/lombok
PageHelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper
Swagger-UI	API文档生成工具	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的图表框架	📣 有源码 获取源码

3，项目实现

3.1 登录

进入系统后首先需要登录才能进入主界面，本系统登录界面简洁明了，操作简单，该界面的设计内容包含两个输入框和中置的登录按钮，在观感上符合用户的日常使用习惯。此外，在页面加载时，页面内容从左向右依次淡化出现，这种设计可以一定程度上缓和用户的视觉疲劳和为系统增加些许趣味性。

3.2 主页

用户在成功登录后即可来到主页，主页内含系统的基础数据统计和访问人数的折线图。

3.3 问卷管理

用户在该页面可以看到按分类排序的各类问卷。

点击发送问卷后，可选择生成二维码货复制链接，也可以预览问卷

3.3.1 预览问卷

点击设计问卷后，可选择编辑问卷或问卷设置

3.3.2 编辑问卷

用户在编辑问卷时，可以选择隐藏题号或随机题目

3.3.3 问卷设置

创建问卷

新增单/多选题

用户可以选择设置题型、是否必填、答案顺序、分值、是否默认选项等

新增段落说明

新增填空题

用户可以对已添加的试题做出如下操作

3.4 问卷提交提示

3.5 问卷明细查询

3.6 用户管理

编辑用户页面包含新增用户、编辑用户、删除用户等功能，是系统开发内常见的增删改查功能的衍生。