计算机科学与技术毕业论文3 正文参考3 需求设计与开发介绍.docVIP

深圳大学本科毕业论文——基于Vue和React的教学型在线判题系统

PAGE

第PAGE2页共51页

第2章需求分析

2.1目的

本系统的目标是，建立一个教学型的在线评测平台，以满足学院和教师的教学需求和管理需求，以满足学生的学习需求。对学院而言，系统需要满足学院制订的教学任务，需要满足学院的在线判题及标准化题型的考核业务；对教师而言，系统需要做到使用方便，管理简单，功能多样，方便开展教学任务；对学生而言，系统需要给学生提供较简易的做题流程，同时要考虑预防测验进行时的多种意外因素（比如浏览器被关闭，电脑死机），保证学生能够比较顺利的完成教师布置的任务，让学生用户的关注点保持在完成问题本身上

2.2系统适用人群

系统的目标用户是深圳大学计算机与软件学院的教师和学生。系统具有通用性，也可以用于具有标准化测验和程序在线判题需求的各大院校。

2.3功能性需求分析

2.3.1用户角色分析

本系统不允许用户自己注册，所有用户都由管理员创建。系统的角色权限设计如下：

系统管理员：具有最高权限，显示所有的功能，可以对所有的功能模块进行操作，主要功能是进行用户管理、课程管理、权限分配、日志查看、判题机状态检查、考试模式设置等

教师：具有教师相关的权限功能，主要进行班级管理、测验管理、添加题目、批阅测验、查重管理等，并且只能操作自己班级相关的业务。

学生：具有学生相关的权限功能，主要操作就是完成测验，查看成绩。

助教：助教是具有助教权限的学生，新增的权限功能有：允许访问教师端，可以访问该班级每个测验的批阅模块，执行批阅。并且可以导出相关的学生测验数据。

2.3.2系统用例分析图

在线测评系统学生端的用例分析图如图2所示。

图2在线测评系统学生端的用例分析图

在线测评系统教师端的用例分析图如图3所示：

第3章系统总体设计

3.1基于角色的访问控制系统

本系统是一个基于角色的访问控制系统[5]（role-basedaccesscontrol），是一种将系统访问权限限制为授权用户的方法。角色访问控制引入了角色（role）的概念，目的是为了隔离用户（即动作主体，subject）与权限（privilege，表示对资源的一个操作）。角色作为一个用户与权限的代理层，解耦了权限和用户的关系，所有的授权应该给予角色而不是直接给用户或用户群组。权限是权限设计中的基本颗粒，由操作和资源组成，表示对资源的一个具体操作。角色权限（role-privilege）是多对多（many-to-many）的关系，这就是权限的核心。

本系统具有四种角色：管理员、教师、助教、学生。角色的权限是包含关系，最顶层权限管理员具有最高的、全部的权限，以此类推，学生在系统中的权限最低。如图4所示。

图4系统中权限的层次

本课题研究的是系统的前端构建。在前端开发中，与用户权限相关的信息被缓存在Vuex全局状态管理组件中。

角色在系统中的权限主要体现在这四处：（1）页面访问权限。通过使用动态过滤、动态挂载权限路由实现。（2）后台按钮级别的权限控制。通用后台表格组件的按钮显示，通过按钮数据结构中的显示权限项，使用过滤器过滤实现。（3）普通组件的显示权限控制。使用封装的权限指令v-permission实现。（4）后端接口的访问权限。由Axios实例的拦截器实现。以上描述的具体实现在“系统实现”章节中。

3.2系统的功能流程

3.2.1在线判题系统的学生端系统功能流程

下图是学生端的系统功能流程图，即图5：

图5学生端功能流程图

3.2.2在线判题系统的教师端系统功能流程

由于教师端具有非常多的平级功能点，涉及多个增删查改操作，所以此处以教师端的测验模块为例子，绘制了测验部分的功能流程图。即图6：

图6教师端测验部分功能流程图

第四章系统实现

4.1系统构建脚手架配置

本系统按照现代前端开发流程进行开发。系统采用了Webpack4作为构建脚手架。Webpack是一个对前端资源进行加载以及打包的工具。它会根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

此构建工具需要配置的主要有三个部分：Loader（加载器）、Plugin（插件）、开发和生产配置。

4.1.1Loader的配置

Loader的主要职能是增加代码兼容性和压缩处理静态文件。它会把一个代码文件或者静态资源文件进行转换和加载。本系统中需进行转换的文件类型有：JS代码文件、SCSS文件、图像资源和字体资源。

4.2系统登陆状态维持和初始化

4.2.1登陆的安全防护

如图8所示，服务器响应头的Set-Cookie字段，包括HttpOnly和SameSite项。HttpOnly项让此Cookie不能被前端页面包含的脚本代码读取，保护了前端页面不会被其它的脚本注入并盗取Cookie，一定