当前位置：首页 > news >正文

蓝桥杯入职项目（vue + springBoot）

news 来源：原创 2024/5/9 15:45:31

文章目录

服务器nginx配置
- 后端端口 83
- screen -S lanqiao
- 访问链接
- 创建表
前端vue
- 第三个页面
- 整下yml文件开发环境、测试环境
- vuex全局变量

服务器nginx配置

请添加图片描述

后端端口 83

screen -S lanqiao

访问链接

域名

公网

#数据库EduDb

创建表

CREATE TABLE exam (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
examName VARCHAR(255) NOT NULL COMMENT ‘考试名称’,
startTime DATETIME NOT NULL COMMENT ‘开始时间’,
endTime DATETIME NOT NULL COMMENT ‘结束时间’,
examStatus INT(11) NOT NULL COMMENT ‘考试状态’,
testPaper INT(11) NOT NULL COMMENT ‘试卷’,
examExplain VARCHAR(255) NOT NULL COMMENT ‘考试说明’,
isOpen INT(11) NOT NULL DEFAULT 0 COMMENT ‘是否开启 0|1’,
questionOutOfOrder INT(11) NOT NULL DEFAULT 0 COMMENT ‘题目乱序 0|1’,
PRIMARY KEY (id)
) COMMENT=‘考试表’;

CREATE TABLE examstudent (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
exam INT(11) NOT NULL COMMENT ‘考试表关联id’,
student INT(11) NOT NULL COMMENT ‘用户表关联id’,
result INT(11) COMMENT ‘成绩’,
isUpload INT(11) NOT NULL DEFAULT 0 COMMENT ‘是否提交 0|1’,
uploadTime DATETIME COMMENT ‘提交时间’,
PRIMARY KEY (id),
CONSTRAINT fk_exam FOREIGN KEY (exam) REFERENCES exam(id),
CONSTRAINT fk_student FOREIGN KEY (student) REFERENCES user(id)
) COMMENT=‘考试学生关联表’;

考试教师表

CREATE TABLE examteacher (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
exam INT(11) NOT NULL COMMENT ‘考试表关联id’,
teacher INT(11) NOT NULL COMMENT ‘用户表关联id’,
PRIMARY KEY (id),
CONSTRAINT fk_exam_2 FOREIGN KEY (exam) REFERENCES exam(id),
CONSTRAINT fk_teacher_2 FOREIGN KEY (teacher) REFERENCES user(id)
) COMMENT=‘考试教师关联表’;

你为什么没有考虑外键名称重复的问题

组卷模板表

CREATE TABLE grouptemplate (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
subject INT(11) NOT NULL COMMENT ‘科目’,
name VARCHAR(255) NOT NULL COMMENT ‘名称’,
isOpen INT(11) NOT NULL COMMENT ‘是否开启 0|1’,
userId INT(11) NOT NULL COMMENT ‘用户表关联id’,
createTime DATETIME NOT NULL COMMENT ‘创建时间’,
template INT(11) NOT NULL COMMENT ‘模板分值’,
templateNote VARCHAR(255) COMMENT ‘模板备注’,
PRIMARY KEY (id),
CONSTRAINT fk_user FOREIGN KEY (userId) REFERENCES user(id)
) COMMENT=‘组卷模板表’;

下面是选项表optionstable，字段分别为，id，test、sort、question、isTrue、isOpen、answer、optionType、数据类型前三个为int（11），然后分别4个varchar（255）、最后一个int（11）。id必填、并且为主键、备注分别为、主键自增、试题表关联id、排序、题干、是否正确否|是、是否开启否|是、参考答案、选项类型。id外链testpaper表id

CREATE TABLE optionstable (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
test INT(11) NOT NULL COMMENT ‘试题表关联id’,
sort INT(11) NOT NULL COMMENT ‘排序’,
question VARCHAR(255) NOT NULL COMMENT ‘题干’,
isTrue VARCHAR(255) NOT NULL COMMENT ‘是否正确否|是’,
isOpen VARCHAR(255) NOT NULL COMMENT ‘是否开启否|是’,
answer VARCHAR(255) NOT NULL COMMENT ‘参考答案’,
optionType INT(11) NOT NULL COMMENT ‘选项类型’,
PRIMARY KEY (id),
CONSTRAINT fk_testpaper FOREIGN KEY (test) REFERENCES testpaper(id)
) COMMENT=‘选项表’;

下面是题目类型表，questiontypetable，字段名分别为id，name，isUseParentTitle、isOpen、topic、数据类型只有那么为varchar（255），其他为int（11）、id为主键，必填。备注分别为、主键自增、名称、是否使用父级题目否|是、是否开启否|是、题型选择|填空|简答。

CREATE TABLE questiontypetable (
id int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
name varchar(255) NOT NULL COMMENT ‘名称’,
isUseParentTitle int(11) NOT NULL COMMENT ‘是否使用父级题目 0|1’,
isOpen int(11) NOT NULL COMMENT ‘是否开启 0|1’,
topic varchar(255) NOT NULL COMMENT ‘题型选择|填空|简答’,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT=‘题目类型表’;

下面是学生答案表studentanswer、字段名分别为id，exam、testPaperTestQuestion、testPaperOption、student、studentAnswer、answerTime、evaluationTeacherId、evaluationNumber、evaluationTime。数据类型分别为，前五个为int（11），然后是varchar（255），然后是datetime、int（11）、int（11）、datetime

CREATE TABLE studentanswer (
id int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
exam int(11) DEFAULT NULL COMMENT ‘考试id’,
testPaperTestQuestion int(11) DEFAULT NULL COMMENT ‘试卷-试题id’,
testPaperOption varchar(255) DEFAULT NULL COMMENT ‘试卷选项’,
student int(11) DEFAULT NULL COMMENT ‘学生id’,
studentAnswer varchar(255) DEFAULT NULL COMMENT ‘学生答案’,
answerTime datetime DEFAULT NULL COMMENT ‘答题时间’,
evaluationTeacherId int(11) DEFAULT NULL COMMENT ‘评分教师id’,
evaluationNumber int(11) DEFAULT NULL COMMENT ‘评分得分’,
evaluationTime datetime DEFAULT NULL COMMENT ‘评分时间’,
PRIMARY KEY (id)
) COMMENT=‘学生答案表’;

下面是科目表subjectstable，字段名分别有id、subjectName、isOpen、数据类型分别为int（11）、varchar（255）、int（11）、id为主键，注释分别为、主键自增、名称、是否开启否|是

CREATE TABLE subjectstable (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
subjectName VARCHAR(255) COMMENT ‘名称’,
isOpen INT(11) COMMENT ‘是否开启否|是’,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT=‘科目表’;

下面是试题表test、字段名分别为，id，question，subject、questionTypeTable、parent、topic、isShare、数据类型只有question为varchar（255），其他都为int（11），id为主键。注释分别为，主键自增、题干、科目、题目类型表、题型、是否分享否|是

CREATE TABLE test (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
question VARCHAR(255) NOT NULL COMMENT ‘题干’,
subject INT(11) NOT NULL COMMENT ‘科目’,
questionTypeTable INT(11) NOT NULL COMMENT ‘题目类型表’,
parent INT(11) DEFAULT NULL COMMENT ‘父级题目’,
topic INT(11) NOT NULL COMMENT ‘题型’,
isShare INT(11) NOT NULL COMMENT ‘是否分享 0|1’,
PRIMARY KEY (id)
) COMMENT ‘试题表’;

下面是试卷表testpaper、字段名分别为id、name、subject、isOpen、creator、createTime、testScore、testExplain，数据类型分别为int（11）、varchar（255）、varchar（255）、int（11）、varchar（255）、datetime、int（11）、varchar（255）、id为主键，注释分别为、主键自增、名称、科目、是否开启否|是、创建人、创建时间、试卷分值、试卷说明

CREATE TABLE testpaper (
id int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
name varchar(255) DEFAULT NULL COMMENT ‘名称’,
subject varchar(255) DEFAULT NULL COMMENT ‘科目’,
isOpen int(11) DEFAULT NULL COMMENT ‘是否开启 0|1’,
creator varchar(255) DEFAULT NULL COMMENT ‘创建人，外键关联user表id’,
createTime datetime DEFAULT NULL COMMENT ‘创建时间’,
testScore int(11) DEFAULT NULL COMMENT ‘试卷分值’,
testExplain varchar(255) DEFAULT NULL COMMENT ‘试卷说明’,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT=‘试卷表’;

下面是试卷-选项表testpaperoption、字段名分别为id、testQuestionTableId、sort、question、isTrue、isOpen、answer、optionType、数据类型分别为int（11）、int（11）、int（11）、varchar（255）、int（11）、int（11）、varchar（255）、int（11）、id为主键。注释分别为、主键自增、试卷试题表id，排序、题干、是否正确否|是、是否开启否|是，参考答案、选项类型

CREATE TABLE testpaperoption (
id int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
testQuestionTableId int(11) NOT NULL COMMENT ‘试卷试题表id’,
sort int(11) NOT NULL COMMENT ‘排序’,
question varchar(255) NOT NULL COMMENT ‘题干’,
isTrue int(11) NOT NULL COMMENT ‘是否正确否|是’,
isOpen int(11) NOT NULL COMMENT ‘是否开启否|是’,
answer varchar(255) DEFAULT NULL COMMENT ‘参考答案’,
optionType int(11) NOT NULL COMMENT ‘选项类型’,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT=‘试卷-选项表’;

下面是试卷-试题表testquestions、字段分别为id、testPaper、question、questionParsing、subject、questionType、parent、topic、数据类型分别为int（11）、int（11）、然后两个varchar（255）、最后四个int（11）、id为主键。备注分别为主键自增、试卷、题干、题目解析、科目、题目类型、父级、题型

CREATE TABLE testquestions (
id int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
testPaper int(11) NOT NULL COMMENT ‘试卷’,
question varchar(255) NOT NULL COMMENT ‘题干’,
questionParsing varchar(255) DEFAULT NULL COMMENT ‘题目解析’,
subject int(11) NOT NULL COMMENT ‘科目’,
questionType int(11) NOT NULL COMMENT ‘题目类型’,
parent int(11) DEFAULT NULL COMMENT ‘父级’,
topic int(11) NOT NULL COMMENT ‘题型’,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT=‘试卷-试题表’;

最后一个用户表user，字段分别为id、account、password、isOpen、role、registrationTime、数据类型分别为int（11）、varchar（255）、varchar（255）、int（11）、int（11）、datetime、id为主键、注释分别为主键自增、账号、密码、是否开启否|是、角色、注册时间

CREATE TABLE user (
id INT(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键自增’,
account VARCHAR(255) NOT NULL COMMENT ‘账号’,
password VARCHAR(255) NOT NULL COMMENT ‘密码’,
isOpen INT(11) NOT NULL COMMENT ‘是否开启 0|1’,
role INT(11) NOT NULL COMMENT ‘角色’,
registrationTime DATETIME NOT NULL COMMENT ‘注册时间’,
PRIMARY KEY (id)
) COMMENT=‘用户表’;

前端vue

下面给我vue脚手架前端组件，分为两个div，首先是第一个div在最上方，占屏幕20分之1的height，宽度自适应，整个div有突出阴影效果，背景不做修改，白色默认即可，他的最左边为“题库管理系统”的突出黄色lable，他的最右边分别有“考生”头像，“考生”标签，以及“退出登录”式的红色按钮。然后第二个div又分为两个div，在第一个div下方显示，div的width占屏幕百分之80并且center对齐，第一个div是一些选项导航，height与第一个div同高，左右两个lable标签-类型”，分别为选项标签，全部、准备考试，完成考试，未到考试时间，然后式，准备排序，开始时间，考试时间，第二个div包括一些div-box，每行4个，3行装满的设计，而这些div盒子又分为两层，上面是“***期中考试”然后用某个颜色填充，下面是一些考试信息label，包括开始时间、以及考试时间信息，最后每个小div右下方会有一个按钮，这些按钮会根据情况进行变换，比如默认为”开始考试“，但是如果学生做过此试卷后，会显示查看试卷