wordpress如何一栏显示,巩义做网站优化,旅行社网站建设方案,郑州哪里可以做网站基于springboot和vue的考试管理系统
001 springboot vue前后端分离项目 本文设计了一个基于Springbootvue的前后端分离的在线考试管理系统#xff0c;采用M#xff08;model#xff09;V#xff08;view#xff09;C#xff08;controller#xff09;三层体系结构…基于springboot和vue的考试管理系统
001 springboot vue前后端分离项目 本文设计了一个基于Springbootvue的前后端分离的在线考试管理系统采用MmodelVviewCcontroller三层体系结构通过 SpringBoot VueMavenmysql来实现。分为学生老师超级管理员三类用户。
技术栈
前端 VueVue 是构建前端界面的核心框架本系统采用 2.6.14 版本。 后端 Spring Boot构建系统核心逻辑的后端框架本系统采用 2.7.0 版本。 MyBatis / MyBatis Plus后端连接数据库的框架本系统采用 3.5.2 版本。 数据库 MySQL本项目的主数据库本系统采用 8.0.29 版本。 开发环境 VsCode项目前端的开发工具使用版本为 1.68.0。 IntelliJ IDEA 项目后端的开发工具使用版本为 2021.3.2。 JdkJava 的开发环境使用版本为 17.0.3.1。 Maven后端项目的打包工具使用版本为 3.6.2。 NodeJs前端项目的开发环境使用版本为 16.13.0。
主要功能:
1登录模块 系统用户在输入账户和密码登录信息后服务器对用户信息进行验证验证正确根据用户身份进入不同界面。 2发布考试 老师选择对应的班级试题进行发布学生可以接收到提醒进行作答。
3考试模块 学生收到考试提醒后在规定时间内作答如果超出时间未作答则失去考生失去考试资格如果作答但超出考试试卷自动提交保存的部分。 4考试管理模块 选择题填空题后台系统可以根据老师设计的答案进行自动批改老师也可以查看每个同学的答题进行分数的修改。
5成绩管理模块 老师可以查看每个同学的答题批改完成可以生成该考试的成绩表老师可以将成绩导出为表格。学生接收到成绩单可以查看自己的得分情况。 6题库管理模块 老师可以添加、删除、修改、题库。发布的考试的题目需从题库中选择。 7用户管理模块 管理员可以添加、删除、查询、修改用户信息。
文件展示 学生端
教师和管理员端 部分代码如下
!-- 添加考试 --
templatesection classaddel-form refform :modelform label-width80pxel-form-item label试卷名称el-input v-modelform.source/el-input/el-form-itemel-form-item label介绍el-input v-modelform.description/el-input/el-form-itemel-form-item label所属学院el-input v-modelform.institute/el-input/el-form-itemel-form-item label所属专业el-input v-modelform.major/el-input/el-form-itemel-form-item label年级el-input v-modelform.grade/el-input/el-form-itemel-form-item label考试日期el-col :span11el-date-picker placeholder选择日期 v-modelform.examDate stylewidth: 100%;/el-date-picker/el-col/el-form-itemel-form-item label持续时间el-input v-modelform.totalTime/el-input/el-form-itemel-form-item label总分el-input v-modelform.totalScore/el-input/el-form-itemel-form-item label考试类型el-input v-modelform.type/el-input/el-form-itemel-form-item label考生提示el-input typetextarea v-modelform.tips/el-input/el-form-itemel-form-itemel-button typeprimary clickonSubmit()立即创建/el-buttonel-button typetext clickcancel()取消/el-button/el-form-item/el-form/section
/templatescript
export default {data() {return {form: { //表单数据初始化source: null,description: null,institute: null,major: null,grade: null,examDate: null,totalTime: null,totalScore: null,type: null,tips: null,paperId: null,}};},methods: {formatTime(date) { //日期格式化let year date.getFullYear()let month date.getMonth() 1 10 ? 0 (date.getMonth() 1) : date.getMonth() 1;let daydate.getDate() 10 ? 0 date.getDate() : date.getDate();let hoursdate.getHours() 10 ? 0 date.getHours() : date.getHours();let minutesdate.getMinutes() 10 ? 0 date.getMinutes() : date.getMinutes();let secondsdate.getSeconds() 10 ? 0 date.getSeconds() : date.getSeconds();// 拼接return year-month-day hours:minutes:seconds;},onSubmit() {let examDate this.formatTime(this.form.examDate)this.form.examDate examDate.substr(0,10)this.$axios(/api/examManagePaperId).then(res {this.form.paperId res.data.data.paperId 1 //实现paperId自增1this.$axios({url: /api/exam,method: post,data: {...this.form}}).then(res {if(res.data.code 200) {this.$message({message: 数据添加成功,type: success})this.$router.push({path: /selectExam})}})})},cancel() { //取消按钮this.form {}},}
};
/script
style langscss scoped
.add {padding: 0px 40px;width: 400px;
}
/style
package com.exam.controller;import com.exam.entity.*;
import com.exam.serviceimpl.LoginServiceImpl;
import com.exam.util.ApiResultHandler;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;RestController
public class LoginController {Autowiredprivate LoginServiceImpl loginService;PostMapping(/login)public ApiResult login(RequestBody Login login) {Integer username login.getUsername();String password login.getPassword();Admin adminRes loginService.adminLogin(username, password);if (adminRes ! null) {return ApiResultHandler.buildApiResult(200, 请求成功, adminRes);}Teacher teacherRes loginService.teacherLogin(username,password);if (teacherRes ! null) {return ApiResultHandler.buildApiResult(200, 请求成功, teacherRes);}Student studentRes loginService.studentLogin(username,password);if (studentRes ! null) {return ApiResultHandler.buildApiResult(200, 请求成功, studentRes);}return ApiResultHandler.buildApiResult(400, 请求失败, null);}
}
源码私聊q1917671527
