计算机毕设Node.js+Vue在线考试主观题评分系统(程序+LW+部署)

项目运行

环境配置:

Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。

项目技术:

Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。

环境需要

1.运行环境:最好是Nodejs最新版,我们在这个版本开发的。其他版本理论上也可以。

2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;

3.mysql环境:建议是用5.7版本均可

4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;

6.Navcat11:这个版本不限10/11/14/15都可以。

Node.js毕设帮助,指导,源码(见文末),调试部署

5.1管理员功能模块

管理员通过用户名和密码,密码填写完成后选则提交,如图5-1所示。管理员登录成功后进入到系统操作界面,可以对首页、个人中心、用户管理、主观题管理、成绩申诉管理、主观题回答管理、主观题评分管理、教师管理、试卷管理、试题管理、考试管理等功能模块进行相对应操作,如图5-2所示。

 

图5-1管理员登录界面图

 

图5-2管理员功能界面图

用户管理:通过列表可以获取索引、用户账号、用户姓名、性别、年龄、头像、用户手机等信息,进行详情,修改或删除等操作,如图5-3所示。

 

图5-3用户管理界面图

主观题管理:通过列表可以获取索引、题目、分值等信息,进行详情,修改或删除等操作,如图5-4所示。

 

图5-4主观题管理界面图

成绩申诉管理:通过列表可以获取索引、用户账号、用户姓名、试卷名称、申诉时间、申诉理由、审核回复、审核状态、审核等信息,进行详情,修改或删除等操作,如图5-5所示。

 

图5-5成绩申诉管理界面图

主观题回答管理:通过列表可以获取索引、题目、分值、回答、用户账号、用户姓名等信息,进行详情,修改或删除等操作,如图5-6所示。

 

图5-6主观题回答管理界面图

主观题评分管理:通过列表可以获取索引、题目、分值、用户账号、用户姓名、评分、解释、教师工号、教师姓名等信息,进行详情,修改或删除等操作,如图5-7所示。

 

图5-7主观题评分管理界面图

教师管理:通过列表可以获取索引、教师工号、教师姓名、性别、照片、职称、联系电话、教师邮箱等信息,进行详情,修改或删除等操作,如图5-8所示。

 

图5-8教师管理界面图

5.2教师功能模块

教师点击进入到系统操作界面,可以对首页、个人中心、主观题管理、成绩申诉管理、主观题回答管理、主观题评分管理、试卷管理、试题管理等功能进行详细操作,如图5-9所示。

 

图5-9教师功能界面图

个人中心:通过个人中心页面可以填写教师工号、教师姓名、性别、照片、职称、联系电话、教师邮箱等信息进行修改操作,如图5-10所示。

 

图5-10个人中心界面图

主观题管理:通过列表可以获取索引、题目、分值等信息,进行详情,修改或删除操作,如图5-11所示。

 

图5-11主观题管理界面图

试卷管理:通过列表可以获取索引、试卷名称、考试时长(分钟)、试卷状态等信息,进行详情,修改或删除等操作,如图5-12所示。

 

图5-12试卷管理界面图

试题管理:通过列表可以获取试卷、试题名称、分值、答案、类型等信息,进行修改或删除等操作,如图5-13所示。

 

图5-13试题管理界面图

5.3用户功能模块

用户注册:通过用户注册页面可以填写用户账号、密码、用户姓名、年龄、用户手机等信息进行用户注册操作,如图5-14所示。

 

图5-14用户注册界面图

用户点击进入到系统操作界面,可以对首页、个人中心、主观题管理、成绩申诉管理、主观题回答管理、主观题评分管理、考试管理等功能进行详细操作,如图5-15所示。

 

图5-15用户功能界面图

个人中心:通过个人中心页面可以填写用户账号、用户姓名、性别、年龄、头像、用户手机等信息进行修改操作,如图5-16所示。

 

图5-16个人中心界面图

试卷列表:通过列表可以获取试卷、考试时长/分钟等信息,进行考试,如图5-17所示。

 

图5-17试卷列表界面图

Node.js毕设帮助,指导,源码获取调试部署

以下是使用Node.jsVue.js构建在线考试系统的步骤: 1. 首先,你需要安装Node.jsVue.js。你可以在官方网站上下载并安装它们。 2. 创建一个新的Vue.js项目。你可以使用Vue CLI来创建一个新的项目。在终端中运行以下命令: ``` vue create exam-system ``` 这将创建一个名为“exam-system”的新Vue.js项目。 3. 安装所需的依赖项。在终端中进入项目目录并运行以下命令: ``` cd exam-system npm install ``` 这将安装所有必需的依赖项,包括Vue.js和Express.js。 4. 创建一个Express.js服务器。在项目根目录中创建一个名为“server.js”的新文件,并添加以下代码: ```javascript const express = require('express'); const app = express(); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 这将创建一个简单的Express.js服务器,监听端口3000。 5. 创建一个Vue.js组件。在项目根目录中创建一个名为“Exam.vue”的新文件,并添加以下代码: ```html <template> <div> <h1>在线考试系统</h1> </div> </template> <script> export default { name: 'Exam' } </script> ``` 这将创建一个简单的Vue.js组件,用于显示“在线考试系统”标题。 6. 在Vue.js应用程序中使用组件。打开“App.vue”文件,并将以下代码添加到模板中: ```html <template> <div id="app"> <Exam /> </div> </template> <script> import Exam from './Exam.vue' export default { name: 'App', components: { Exam } } </script> ``` 这将在Vue.js应用程序中使用“Exam”组件。 7. 运行应用程序。在终端中运行以下命令: ``` npm run serve ``` 这将启动Vue.js开发服务器,并在浏览器中打开应用程序。 8. 在浏览器中查看应用程序。在浏览器中访问“http://localhost:8080”,你应该能够看到“在线考试系统”标题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值