摘要：本文首先对OBE教育理念的定义、意义以及当下社会的现状与教育成果进行简单的介绍，并介绍与展示了专为OBE教育理念打造的便于学校以及学生参考在线问卷调查系统，基于OBE教育理念的在线问卷调查系统的特色，不单单是使用了当下流行的框架与技术，还有其操作简便的界面与流程，基于OBE的教育成果理念我们提出在线问卷调查系统，并且对它的主要功能与特色的进行介绍，以及对该系统 在OBE教育产出的理念中的应用进行介绍，以此来引出本系统的软件设计流程与对本系统的设计介绍和使用说明，最后展示出，本系统在设计与开发中遇到的问题和解决的方案以及参考的文献。

关键词： OBE教育理念，问卷调查，javascript,vue .js,SpringBoot, MyBatis-plus

目录

摘要

Abstract

1.引言-1

2.目的和意义-3

2.1目的-3

2.2 意义-3

2.3 实施原则-3

3.需求分析-5

3.1 管理员端功能需求-5

3.1.1登录功能-5

3.1.2设置问卷参数-5

3.1.3启动问卷-5

3.1.4查看答卷-5

3.2 学生端答卷的功能-6

3.2.1登录功能-6

3.2.2答卷页面-6

3.2.3答卷提交成功页-6

4. 环境搭建-7

4.1 node环境安装-7

4.2 JDK的安装-7

4.3 代码编辑器-7

5.系统概要设计-8

5.1 总述-8

5.2 总体设计：-8

5.2.1 管理员系统设计-9

5.2.2 学生端系统设计-10

5.3 外部接口-10

5.4 模块设计：-11

5.4.1数据格式转换模块：-11

5.4.2 比较时间字符串大小模块-11

5.5 数据结构-11

5.5.1逻辑结构-11

5.5.2物理结构-12

5.6 用户界面设计-12

5.6.1登录界面-12

5.6.2 学生答卷界面-13

5.6.3 答卷成功页面-14

5.6.4管理员主页-14

5.6.5 启用问卷界面-15

5.6.6 问卷详情页-15

5.6.7 答卷详情页-16

5.7 安全设计-16

6．系统详细设计-17

6.1 编写目的-17

6.2 数据库设计-17

6.2.1 E-R图-17

6.2.2 数据表设计-18

6.3  后端技术栈-19

6.3.1 Mybatis-plus特点-20

6.3.2 spring-boot的特点-20

6.3.3 redis的特点-20

6.4后端拦截器的设计-20

6.5后端接口设计-21

6.5.1 QuestionnaireController-问卷业务控制器-21

6.5.2 QuestionController-问题业务控制器-22

6.5.3 AnswersheetController-答卷业务控制器-22

6.5.4 StudentController-学生业务控制器-22

6.6 前端技术栈-23

6.6.1 vue框架介绍-23

6.7 前台登录逻辑设计-24

6.8 管理员操作问卷逻辑设计-24

6.9 学生答卷逻辑设计-24

7.系统实现-26

7.1 前端路由代码-26

7.2 前端数据发送请求-28

7.3 前端依赖-31

7.4 后端拦截器配置-31

7.5 后端拦截器处理-32

结语-36

意义与影响-37

参考文献-38

致谢-39