{{ config[type].title }}
9 |{{ config[type].desc }}
10 |
11 | 返回首页
12 |
13 |
4 |
5 |
11 |
6 | ![]()
7 |
8 | {{ item.title }}
9 |{{ item.content }}
10 |
3 |
4 |
7 |
8 |
9 |
10 |
32 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/entity/QuestionOption.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 问题的选项，适用于单选、多选和判断
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:48
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.entity;
8 |
9 |
10 | import lombok.Data;
11 |
12 | import javax.persistence.Entity;
13 | import javax.persistence.Id;
14 |
15 | @Data
16 | @Entity
17 | public class QuestionOption {
18 | @Id
19 | private String questionOptionId;
20 | private String questionOptionContent;
21 | private String questionOptionDescription;
22 | }
23 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/ActionVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : Action的前端展示类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-26 13:50
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | @Data
13 | public class ActionVo {
14 | @JsonProperty("action")
15 | private String actionName;
16 |
17 | @JsonProperty("describe")
18 | private String actionDescription;
19 |
20 | @JsonProperty("defaultCheck")
21 | private Boolean defaultCheck;
22 | }
23 |
--------------------------------------------------------------------------------
/frontend/src/core/use.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueStorage from 'vue-ls'
3 | import config from '../config/defaultSettings'
4 |
5 | // base library
6 | import Antd from 'ant-design-vue'
7 | import Viser from 'viser-vue'
8 | import VueCropper from 'vue-cropper'
9 | import 'ant-design-vue/dist/antd.less'
10 |
11 | // ext library
12 | import VueClipboard from 'vue-clipboard2'
13 | import PermissionHelper from '../utils/helper/permission'
14 | // import '../components/use'
15 | import './directives/action'
16 |
17 | VueClipboard.config.autoSetContainer = true
18 |
19 | Vue.use(Antd)
20 | Vue.use(Viser)
21 |
22 | Vue.use(VueStorage, config.storageOptions)
23 | Vue.use(VueClipboard)
24 | Vue.use(PermissionHelper)
25 | Vue.use(VueCropper)
26 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/repository/ExamRepository.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description :
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-14 08:22
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.repository;
8 |
9 | import lsgwr.exam.entity.Exam;
10 | import org.springframework.data.jpa.repository.JpaRepository;
11 | import org.springframework.data.jpa.repository.Query;
12 |
13 | import java.util.List;
14 |
15 | public interface ExamRepository extends JpaRepository{{ title }}
6 |
3 |
9 |
10 |
11 |
35 |
36 |
39 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/enums/ResultEnum.java:
--------------------------------------------------------------------------------
1 | package lsgwr.exam.enums;
2 |
3 | import lombok.Getter;
4 |
5 | @Getter
6 | public enum ResultEnum {
7 | // 下面是本项目用到的所有错误码
8 | REGISTER_SUCCESS(0, "注册成功"),
9 | REGISTER_FAILED(-2, "注册失败"),
10 | LOGIN_SUCCESS(0, "登录成功"),
11 | LOGIN_FAILED(-1, "用户名或者密码错误"),
12 | GET_INFO_SUCCESS(0, "获取用户信息成功"),
13 | PARAM_ERR(1, "参数不正确"),
14 | PRODUCT_NOT_EXIST(10, "用户不存在"),
15 | PRODUCT_STOCK_ERR(11, "考试信息异常"),
16 | ORDER_STATUS_ERR(14, "考试状态异常"),
17 | ORDER_UPDATE_ERR(15, "考试更新异常"),
18 | ORDER_DETAIL_EMPTY(16, "用户详情为空");
19 |
20 | ResultEnum(Integer code, String message) {
21 | this.code = code;
22 | this.message = message;
23 | }
24 |
25 | private Integer code;
26 | private String message;
27 | }
28 |
--------------------------------------------------------------------------------
/frontend/src/assets/icons/mine.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/RoleVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 角色的实体类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-26 13:27
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | import java.util.List;
13 |
14 | @Data
15 | public class RoleVo {
16 | @JsonProperty("id")
17 | private String roleName;
18 |
19 | @JsonProperty("name")
20 | private String roleDescription;
21 |
22 | @JsonProperty("describe")
23 | private String roleDetail;
24 |
25 | @JsonProperty("permissions")
26 | private List-
4 |
5 |
3 |
7 |
8 |
9 |
24 |
25 |
39 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/entity/Role.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 用户角色表
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:49
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.entity;
8 |
9 |
10 | import lombok.Data;
11 |
12 | import javax.persistence.Entity;
13 | import javax.persistence.GeneratedValue;
14 | import javax.persistence.Id;
15 |
16 | @Data
17 | @Entity
18 | public class Role {
19 | @Id
20 | @GeneratedValue
21 | private Integer roleId;
22 | private String roleName;
23 | private String roleDescription;
24 | private String roleDetail;
25 | /**
26 | * 角色所能访问的页面的主键集合(用-连接起来字符串)
27 | */
28 | private String rolePageIds;
29 | }
30 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/exception/ExamException.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description :
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-17 07:50
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.exception;
8 |
9 | import lsgwr.exam.enums.ResultEnum;
10 | import lombok.Getter;
11 |
12 | @Getter
13 | public class ExamException extends RuntimeException {
14 | private Integer code;
15 |
16 | public ExamException(ResultEnum resultEnum) {
17 | super(resultEnum.getMessage());
18 | this.code = resultEnum.getCode();
19 | }
20 |
21 | public ExamException( Integer code, String message) {
22 | super(message);
23 | this.code = code;
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/frontend/src/layouts/RouteView.vue:
--------------------------------------------------------------------------------
1 |
33 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/ExamQuestionTypeVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 按照单选、多选和判断题返回对应的问题列表
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-06-23 11:00
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | import java.util.List;
13 |
14 | @Data
15 | public class ExamQuestionTypeVo {
16 | @JsonProperty("radios")
17 | private List{{ title }}
4 |
4 |
6 |
3 |
20 |
28 |
29 |
30 |
35 |
36 |
39 |
--------------------------------------------------------------------------------
/frontend/src/api/login.js:
--------------------------------------------------------------------------------
1 | import api from './index'
2 | import { axios } from '../utils/request'
3 |
4 | /**
5 | * login func
6 | * parameter: {
7 | * username: '',
8 | * password: '',
9 | * remember_me: true,
10 | * captcha: '12345'
11 | * }
12 | * @param parameter
13 | * @returns {*}
14 | */
15 | export function login (parameter) {
16 | return axios({
17 | // 用户登录接口改成自己的
18 | url: api.UserLogin,
19 | method: 'post',
20 | data: parameter
21 | })
22 | }
23 |
24 | export function getSmsCaptcha (parameter) {
25 | return axios({
26 | url: api.SendSms,
27 | method: 'post',
28 | data: parameter
29 | })
30 | }
31 |
32 | export function getInfo () {
33 | return axios({
34 | url: api.UserInfo,
35 | method: 'get',
36 | headers: {
37 | 'Content-Type': 'application/json;charset=UTF-8'
38 | }
39 | })
40 | }
41 |
42 | export function logout () {
43 | return axios({
44 | url: api.Logout,
45 | method: 'post',
46 | headers: {
47 | 'Content-Type': 'application/json;charset=UTF-8'
48 | }
49 | })
50 | }
51 |
52 | /**
53 | * get user 2step code open?
54 | * @param parameter {*}
55 | */
56 | export function get2step (parameter) {
57 | return axios({
58 | url: api.twoStepCode,
59 | method: 'post',
60 | data: parameter
61 | })
62 | }
63 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | # 在线考试系统前端介绍
2 |
3 | ## 开发环境
4 | > 以下为我的本地环境，仅供参考
5 |
6 | - node:10.16.3
7 | - npm:6.9.0
8 | - webstorm:2021.2.3
9 |
10 | ## 参考材料
11 | - 基础框架：[ant-design-vue](https://github.com/vueComponent/ant-design-vue)
12 | - 脚手架参考：[ant-design-vue-pro](https://github.com/vueComponent/ant-design-vue-pro)
13 | - 表格组件：[vxe-table](https://gitee.com/xuliangzhan_admin/vxe-table/)
14 | - 富文本组件：[wangEditor](https://github.com/wangeditor-team/wangEditor)
15 |
16 | ## 项目初始化
17 |
18 | - Clone repo
19 | ```bash
20 | git clone git@github.com:lsgwr/spring-boot-online-exam.git
21 | cd spring-boot-online-exam/frontend/exam
22 | ```
23 |
24 | - Install dependencies
25 | ```
26 | npm install
27 | ```
28 |
29 | - Compiles and hot-reloads for development
30 | ```
31 | npm run serve
32 | ```
33 |
34 | - Compiles and minifies for production
35 | ```
36 | npm run build
37 | ```
38 |
39 | - Lints and fixes files
40 | ```
41 | npm run lint
42 | ```
43 |
44 | ## 关键点
45 | ### 本地调试配置后端转发
46 | > vue.config.js中的proxy
47 | ```js
48 | devServer: {
49 | // development server port 8000
50 | port: 8000,
51 | proxy: 'http://localhost:80' // 这里是后端服务的ip和端口，对应调整即可
52 | },
53 | ```
54 |
55 | ### 配置通用的后端接口前缀
56 | > 在`src/utils/request.js`中配置，比如后端接口一般都以/api开头，那么后端接口就配置成
57 |
58 | ```js
59 | // 创建 axios 实例
60 | const service = axios.create({
61 | baseURL: '/api', // api base_url
62 | timeout: 6000 // 请求超时时间
63 | })
64 | ```
65 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/entity/User.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 用户表
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:49
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.entity;
8 |
9 |
10 | import com.fasterxml.jackson.annotation.JsonFormat;
11 | import lombok.Data;
12 | import org.hibernate.annotations.DynamicUpdate;
13 |
14 | import javax.persistence.Entity;
15 | import javax.persistence.Id;
16 | import java.util.Date;
17 |
18 | @Data
19 | @Entity
20 | @DynamicUpdate
21 | public class User {
22 | @Id
23 | private String userId;
24 | private String userUsername;
25 | private String userNickname;
26 | private String userPassword;
27 | private Integer userRoleId;
28 | private String userAvatar;
29 | private String userDescription;
30 | private String userEmail;
31 | private String userPhone;
32 | /**
33 | * 创建时间, 设计表时设置了自动插入当前时间，无需在Java代码中设置了
34 | */
35 |
36 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
37 | private Date createTime;
38 |
39 | /**
40 | * 更新时间，设计表时设置了自动插入当前时间，无需在Java代码中设置了。
41 | * 同时@DynamicUpdate注解可以时间当数据库数据变化时自动更新，无需人工维护
42 | */
43 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
44 | private Date updateTime;
45 | }
46 |
--------------------------------------------------------------------------------
/frontend/src/components/tools/HeadInfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
21 |
22 |
26 |
27 |
23 | ![]()
24 |
25 |
3 | {{ title }}
4 |
7 |
8 |
9 |
32 |
33 |
68 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/QuestionCreateSimplifyVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 问题创建的实体类,简化了下
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-06-02 13:26
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | import java.util.List;
13 |
14 | @Data
15 | public class QuestionCreateSimplifyVo {
16 | /**
17 | * 题目名称
18 | */
19 | @JsonProperty("name")
20 | private String questionName;
21 |
22 | @JsonProperty("desc")
23 | private String questionDescription;
24 |
25 | /**
26 | * 问题的难度的id
27 | */
28 | @JsonProperty("level")
29 | private Integer questionLevelId;
30 |
31 | /**
32 | * 问题的类型(单选、多选、判断等)
33 | */
34 | @JsonProperty("type")
35 | private Integer questionTypeId;
36 |
37 | /**
38 | * 题目的类别表，从内容角度划分，比如数学、语文、英语等
39 | */
40 | @JsonProperty("category")
41 | private Integer questionCategoryId;
42 |
43 | /**
44 | * 创建选项 里添加的内容
45 | */
46 | @JsonProperty("option")
47 | private String option;
48 |
49 | /**
50 | * 问题的选项列表，带上了是否是答案的true和false
51 | */
52 | @JsonProperty("options")
53 | private List{{ content }}
5 | 6 |题干：
6 | 7 |8 |
选项：
9 |-
10 |
11 |
13 |
答案：
14 |-
15 |
16 |
18 |
解析：
19 | 20 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
59 |
--------------------------------------------------------------------------------
/frontend/src/utils/util.js:
--------------------------------------------------------------------------------
1 | export function timeFix () {
2 | const time = new Date()
3 | const hour = time.getHours()
4 | return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'
5 | }
6 |
7 | export function welcome () {
8 | const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了']
9 | const index = Math.floor(Math.random() * arr.length)
10 | return arr[index]
11 | }
12 |
13 | /**
14 | * 触发 window.resize
15 | */
16 | export function triggerWindowResizeEvent () {
17 | const event = document.createEvent('HTMLEvents')
18 | event.initEvent('resize', true, true)
19 | event.eventType = 'message'
20 | window.dispatchEvent(event)
21 | }
22 |
23 | export function handleScrollHeader (callback) {
24 | let timer = 0
25 |
26 | let beforeScrollTop = window.pageYOffset
27 | callback = callback || function () {}
28 | window.addEventListener(
29 | 'scroll',
30 | event => {
31 | clearTimeout(timer)
32 | timer = setTimeout(() => {
33 | let direction = 'up'
34 | const afterScrollTop = window.pageYOffset
35 | const delta = afterScrollTop - beforeScrollTop
36 | if (delta === 0) {
37 | return false
38 | }
39 | direction = delta > 0 ? 'down' : 'up'
40 | callback(direction)
41 | beforeScrollTop = afterScrollTop
42 | }, 50)
43 | },
44 | false
45 | )
46 | }
47 |
48 | /**
49 | * Remove loading animate
50 | * @param id parent element id or class
51 | * @param timeout
52 | */
53 | export function removeLoadingAnimate (id = '', timeout = 1500) {
54 | if (id === '') {
55 | return
56 | }
57 | setTimeout(() => {
58 | document.body.removeChild(document.getElementById(id))
59 | }, timeout)
60 | }
61 |
--------------------------------------------------------------------------------
/frontend/src/views/list/modules/CreateForm.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
27 |
28 |
29 |
60 |
--------------------------------------------------------------------------------
/frontend/src/assets/icons/bx-analyse.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import axios from 'axios'
3 | import store from '../store'
4 | import {
5 | VueAxios
6 | } from './axios'
7 | import notification from 'ant-design-vue/es/notification'
8 | import {
9 | ACCESS_TOKEN
10 | } from '../store/mutation-types'
11 |
12 | // 创建 axios 实例
13 | const service = axios.create({
14 | baseURL: '/api', // api base_url
15 | timeout: 6000 // 请求超时时间
16 | })
17 |
18 | const err = (error) => {
19 | if (error.response) {
20 | const data = error.response.data
21 | const token = Vue.ls.get(ACCESS_TOKEN)
22 | if (error.response.status === 403) {
23 | notification.error({
24 | message: 'Forbidden',
25 | description: data.message
26 | })
27 | }
28 | if (error.response.status === 401 && !(data.result && data.result.isLogin)) {
29 | notification.error({
30 | message: 'Unauthorized',
31 | description: 'Authorization verification failed'
32 | })
33 | if (token) {
34 | store.dispatch('Logout').then(() => {
35 | setTimeout(() => {
36 | window.location.reload()
37 | }, 1500)
38 | })
39 | }
40 | }
41 | }
42 | return Promise.reject(error)
43 | }
44 |
45 | // request interceptor
46 | service.interceptors.request.use(config => {
47 | const token = Vue.ls.get(ACCESS_TOKEN)
48 | if (token) { // 如果localStorage中有"Access-Token"属性，就在请求头里加上
49 | config.headers['Access-Token'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
50 | }
51 | return config
52 | }, err)
53 |
54 | // response interceptor
55 | service.interceptors.response.use((response) => {
56 | return response.data
57 | }, err)
58 |
59 | const installer = {
60 | vm: {},
61 | install (Vue) {
62 | Vue.use(VueAxios, service)
63 | }
64 | }
65 |
66 | export {
67 | installer as VueAxios,
68 | service as axios
69 | }
70 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/JsonData.java:
--------------------------------------------------------------------------------
1 | package lsgwr.exam.vo;
2 |
3 | import lombok.AllArgsConstructor;
4 | import lombok.Data;
5 | import lombok.NoArgsConstructor;
6 |
7 | import java.io.Serializable;
8 |
9 | /**
10 | * 功能描述：工具类
11 | *
12 | * @author liangshanguang
13 | * @date 2019-05-22 08:11
14 | */
15 | @Data
16 | @AllArgsConstructor
17 | @NoArgsConstructor
18 | public class JsonData implements Serializable {
19 |
20 | private static final long serialVersionUID = 1L;
21 |
22 | /**
23 | * 状态码 0 表示成功，1表示处理中，-1表示失败
24 | */
25 | private Integer code;
26 | /**
27 | * 数据
28 | */
29 | private Object data;
30 | /**
31 | * 描述
32 | */
33 | private String msg;
34 |
35 | /**
36 | * 成功，传入数据
37 | */
38 | public static JsonData buildSuccess() {
39 | return new JsonData(0, null, null);
40 | }
41 |
42 | /**
43 | * 成功，传入数据
44 | */
45 | public static JsonData buildSuccess(Object data) {
46 | return new JsonData(0, data, null);
47 | }
48 |
49 | /**
50 | * 失败，传入描述信息
51 | */
52 | public static JsonData buildError(String msg) {
53 | return new JsonData(-1, null, msg);
54 | }
55 |
56 | /**
57 | * 失败，传入描述信息,状态码
58 | */
59 | public static JsonData buildError(String msg, Integer code) {
60 | return new JsonData(code, null, msg);
61 | }
62 |
63 | /**
64 | * 成功，传入数据,及描述信息
65 | *
66 | * @param data 自定义的数据
67 | * @param msg 返回给前端的消息
68 | * @return 给前端的消息体
69 | */
70 | public static JsonData buildSuccess(Object data, String msg) {
71 | return new JsonData(0, data, msg);
72 | }
73 |
74 | /**
75 | * 成功，传入数据,及状态码
76 | */
77 | public static JsonData buildSuccess(Object data, int code) {
78 | return new JsonData(code, data, null);
79 | }
80 |
81 | }
82 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/entity/Exam.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试表，要有题目、总分数、时间限制、有效日期、创建者等字段
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:42
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 |
8 | package lsgwr.exam.entity;
9 |
10 |
11 | import com.fasterxml.jackson.annotation.JsonFormat;
12 | import lombok.Data;
13 | import org.hibernate.annotations.DynamicUpdate;
14 |
15 | import javax.persistence.Entity;
16 | import javax.persistence.Id;
17 | import java.util.Date;
18 |
19 | @Entity
20 | @Data
21 | @DynamicUpdate
22 | public class Exam {
23 | @Id
24 | private String examId;
25 | private String examName;
26 | private String examAvatar;
27 | private String examDescription;
28 | private String examQuestionIds;
29 | private String examQuestionIdsRadio;
30 | private String examQuestionIdsCheck;
31 | private String examQuestionIdsJudge;
32 | private Integer examScore;
33 | private Integer examScoreRadio;
34 | private Integer examScoreCheck;
35 | private Integer examScoreJudge;
36 | private String examCreatorId;
37 | private Integer examTimeLimit;
38 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
39 | private Date examStartDate;
40 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
41 | private Date examEndDate;
42 | /**
43 | * 创建时间, 设计表时设置了自动插入当前时间，无需在Java代码中设置了
44 | */
45 |
46 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
47 | private Date createTime;
48 |
49 | /**
50 | * 更新时间，设计表时设置了自动插入当前时间，无需在Java代码中设置了。
51 | * 同时@DynamicUpdate注解可以时间当数据库数据变化时自动更新，无需人工维护
52 | */
53 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
54 | private Date updateTime;
55 | }
56 |
--------------------------------------------------------------------------------
/frontend/src/core/lazy_lib/components_use.js:
--------------------------------------------------------------------------------
1 |
2 | /* eslint-disable */
3 | /**
4 | * 该文件是为了按需加载，剔除掉了一些不需要的框架组件。
5 | * 减少了编译支持库包大小
6 | *
7 | * 当需要更多组件依赖时，在该文件加入即可
8 | */
9 | import Vue from 'vue'
10 | import {
11 | LocaleProvider,
12 | Layout,
13 | Input,
14 | InputNumber,
15 | Button,
16 | Switch,
17 | Radio,
18 | Checkbox,
19 | Select,
20 | Card,
21 | Form,
22 | Row,
23 | Col,
24 | Modal,
25 | Table,
26 | Tabs,
27 | Icon,
28 | Badge,
29 | Popover,
30 | Dropdown,
31 | List,
32 | Avatar,
33 | Breadcrumb,
34 | Steps,
35 | Spin,
36 | Menu,
37 | Drawer,
38 | Tooltip,
39 | Alert,
40 | Tag,
41 | Divider,
42 | DatePicker,
43 | TimePicker,
44 | Upload,
45 | Progress,
46 | Skeleton,
47 | Popconfirm,
48 | message,
49 | notification
50 | } from 'ant-design-vue'
51 | // import VueCropper from 'vue-cropper'
52 |
53 | Vue.use(LocaleProvider)
54 | Vue.use(Layout)
55 | Vue.use(Input)
56 | Vue.use(InputNumber)
57 | Vue.use(Button)
58 | Vue.use(Switch)
59 | Vue.use(Radio)
60 | Vue.use(Checkbox)
61 | Vue.use(Select)
62 | Vue.use(Card)
63 | Vue.use(Form)
64 | Vue.use(Row)
65 | Vue.use(Col)
66 | Vue.use(Modal)
67 | Vue.use(Table)
68 | Vue.use(Tabs)
69 | Vue.use(Icon)
70 | Vue.use(Badge)
71 | Vue.use(Popover)
72 | Vue.use(Dropdown)
73 | Vue.use(List)
74 | Vue.use(Avatar)
75 | Vue.use(Breadcrumb)
76 | Vue.use(Steps)
77 | Vue.use(Spin)
78 | Vue.use(Menu)
79 | Vue.use(Drawer)
80 | Vue.use(Tooltip)
81 | Vue.use(Alert)
82 | Vue.use(Tag)
83 | Vue.use(Divider)
84 | Vue.use(DatePicker)
85 | Vue.use(TimePicker)
86 | Vue.use(Upload)
87 | Vue.use(Progress)
88 | Vue.use(Skeleton)
89 | Vue.use(Popconfirm)
90 | // Vue.use(VueCropper)
91 | Vue.use(notification)
92 |
93 | Vue.prototype.$confirm = Modal.confirm
94 | Vue.prototype.$message = message
95 | Vue.prototype.$notification = notification
96 | Vue.prototype.$info = Modal.info
97 | Vue.prototype.$success = Modal.success
98 | Vue.prototype.$error = Modal.error
99 | Vue.prototype.$warning = Modal.warning
--------------------------------------------------------------------------------
/frontend/src/store/modules/permission.js:
--------------------------------------------------------------------------------
1 | import { asyncRouterMap, constantRouterMap } from '../../config/router.config'
2 |
3 | /**
4 | * 过滤账户是否拥有某一个权限，并将菜单从加载列表移除
5 | *
6 | * @param permission
7 | * @param route
8 | * @returns {boolean}
9 | */
10 | function hasPermission (permission, route) {
11 | if (route.meta && route.meta.permission) {
12 | let flag = false
13 | for (let i = 0, len = permission.length; i < len; i++) {
14 | flag = route.meta.permission.includes(permission[i])
15 | if (flag) {
16 | return true
17 | }
18 | }
19 | return false
20 | }
21 | return true
22 | }
23 |
24 | /**
25 | * 单账户多角色时，使用该方法可过滤角色不存在的菜单
26 | *
27 | * @param roles
28 | * @param route
29 | * @returns {*}
30 | */
31 | // eslint-disable-next-line
32 | function hasRole(roles, route) {
33 | if (route.meta && route.meta.roles) {
34 | return route.meta.roles.includes(roles.id)
35 | } else {
36 | return true
37 | }
38 | }
39 |
40 | function filterAsyncRouter (routerMap, roles) {
41 | const accessedRouters = routerMap.filter(route => {
42 | if (hasPermission(roles.permissionList, route)) {
43 | if (route.children && route.children.length) {
44 | route.children = filterAsyncRouter(route.children, roles)
45 | }
46 | return true
47 | }
48 | return false
49 | })
50 | return accessedRouters
51 | }
52 |
53 | const permission = {
54 | state: {
55 | routers: constantRouterMap,
56 | addRouters: []
57 | },
58 | mutations: {
59 | SET_ROUTERS: (state, routers) => {
60 | state.addRouters = routers
61 | state.routers = constantRouterMap.concat(routers)
62 | }
63 | },
64 | actions: {
65 | GenerateRoutes ({ commit }, data) {
66 | return new Promise(resolve => {
67 | const { roles } = data
68 | const accessedRouters = filterAsyncRouter(asyncRouterMap, roles)
69 | commit('SET_ROUTERS', accessedRouters)
70 | resolve()
71 | })
72 | }
73 | }
74 | }
75 |
76 | export default permission
77 |
--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
4 |
5 |
9 |
10 |
11 |
12 |
15 |
16 |
18 |
19 |
23 |
24 |
25 |
26 |
16 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/frontend/src/views/account/settings/Custom.vue:
--------------------------------------------------------------------------------
1 |
72 |
73 |
76 |
--------------------------------------------------------------------------------
/frontend/public/loading/option2/loading.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/utils/JwtUtils.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : JWT工具类：JWT生产token和校验token的方法
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-21 08:15
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.utils;
8 |
9 | import lsgwr.exam.entity.User;
10 | import io.jsonwebtoken.Claims;
11 | import io.jsonwebtoken.Jwts;
12 | import io.jsonwebtoken.SignatureAlgorithm;
13 |
14 | import java.util.Date;
15 |
16 | public class JwtUtils {
17 | /**
18 | * 构建token的主题
19 | */
20 | private static final String SUBJECT = "lsg_exam";
21 | /**
22 | * 过期时间为1天
23 | */
24 | private static final long EXPIRE = 1000 * 60 * 60 * 24;
25 |
26 | private static final String APP_SECRET = "liangshanguang";
27 |
28 | public static String genJsonWebToken(User user) {
29 | if (user == null || user.getUserId() == null || user.getUserUsername() == null || user.getUserAvatar() == null) {
30 | return null;
31 | }
32 | return Jwts.builder().setSubject(SUBJECT)
33 | // 下面3行设置token中间字段，携带用户的信息
34 | .claim("id", user.getUserId())
35 | .claim("username", user.getUserUsername())
36 | .claim("avatar", user.getUserAvatar())
37 | .setIssuedAt(new Date())
38 | // 设置过期时间
39 | .setExpiration(new Date(System.currentTimeMillis() + EXPIRE))
40 | .signWith(SignatureAlgorithm.HS256, APP_SECRET)
41 | // 生成的结果字符串太长，这里压缩下
42 | .compact();
43 | }
44 |
45 | /**
46 | * 校验token
47 | *
48 | * @param token 生成的额token
49 | * @return 解析出的信息
50 | */
51 | public static Claims checkJWT(String token) {
52 | try {
53 | return Jwts.parser().setSigningKey(APP_SECRET).parseClaimsJws(token).getBody();
54 | } catch (Exception e) {
55 | // 篡改token会导致校验失败，走到异常分支，这里返回null
56 | return null;
57 | }
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/frontend/public/loading/option2/html_code_segment.html:
--------------------------------------------------------------------------------
1 |
17 |
21 |
18 |
19 |
20 |
2 |
--------------------------------------------------------------------------------
/frontend/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/QuestionVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试问题的对外封装类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-28 08:17
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonFormat;
10 | import com.fasterxml.jackson.annotation.JsonProperty;
11 | import lombok.Data;
12 |
13 | import java.util.Date;
14 | import java.util.List;
15 |
16 | @Data
17 | public class QuestionVo {
18 | @JsonProperty("id")
19 | private String questionId;
20 |
21 | @JsonProperty("name")
22 | private String questionName;
23 |
24 | @JsonProperty("score")
25 | private Integer questionScore;
26 |
27 | /**
28 | * 根据questionCreatorId查询创建人
29 | */
30 | @JsonProperty("creator")
31 | private String questionCreator;
32 |
33 | /**
34 | * 根据questionLevelId查询问题难度
35 | */
36 | @JsonProperty("level")
37 | private String questionLevel;
38 |
39 | /**
40 | * 问题难度级别在数据库表question_level中的id
41 | */
42 | @JsonProperty("levelId")
43 | private int questionLevelId;
44 |
45 | /**
46 | * 问题类型，根据questionTypeId获取
47 | */
48 | @JsonProperty("type")
49 | private String questionType;
50 |
51 | /**
52 | * 问题类型在数据库表question_type中的id
53 | */
54 | @JsonProperty("typeId")
55 | private int questionTypeId;
56 |
57 | /**
58 | * 问题分类，根据questionCategoryId获得
59 | */
60 | @JsonProperty("category")
61 | private String questionCategory;
62 |
63 | /**
64 | * 问题分类在数据库表question_category中的id
65 | */
66 | @JsonProperty("categoryId")
67 | private int questionCategoryId;
68 |
69 |
70 | @JsonProperty("description")
71 | private String questionDescription;
72 |
73 | /**
74 | * 问题选项列表，从questionOptionIds获得,需要自己额外给isAnswer赋值
75 | */
76 | @JsonProperty("options")
77 | private List
3 |
4 |
5 |
3 |
10 |
11 |
12 |
84 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/vo/ExamVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试表，要有题目、总分数、时间限制、有效日期、创建者等字段
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:42
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 |
8 | package lsgwr.exam.vo;
9 |
10 |
11 | import com.fasterxml.jackson.annotation.JsonFormat;
12 | import com.fasterxml.jackson.annotation.JsonProperty;
13 | import lombok.Data;
14 |
15 | import java.util.Date;
16 | import java.util.List;
17 |
18 | @Data
19 | public class ExamVo {
20 | @JsonProperty("id")
21 | private String examId;
22 | @JsonProperty("name")
23 | private String examName;
24 | @JsonProperty("avatar")
25 | private String examAvatar;
26 | @JsonProperty("desc")
27 | private String examDescription;
28 |
29 | @JsonProperty("radios")
30 | private List
4 |
9 | Feature
5 | What can Online System do for you
6 | 7 |
3 |
23 |
24 |
25 |
59 |
60 |
110 |
--------------------------------------------------------------------------------
/frontend/src/views/list/modules/UpdateAvatarModal.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 | {{ title }}
9 |
10 |
11 |
12 |
13 | {{ description }}
14 |
15 |
16 |
17 |
19 |
20 |
22 | 截图直接粘贴到下面即可，建议图片不要大于80*80
4 | 5 | 6 |两步验证
10 |
11 |
12 | 返回
13 |
14 | 继续
15 |
16 |
17 |
18 |
19 |
22 |
30 |
32 |
36 | 请在手机中打开 Google Authenticator 或两步验证 APP
输入 6 位动态码
正在验证..
请稍后
33 | 遗失手机? 34 |
35 |
25 | ![]()
26 |
27 |
3 |
15 |
16 |
17 |
40 |
131 |
--------------------------------------------------------------------------------
/frontend/src/components/TagSelect/index.jsx:
--------------------------------------------------------------------------------
1 | import PropTypes from 'ant-design-vue/es/_util/vue-types'
2 | import Option from './TagSelectOption.jsx'
3 | import { filterEmpty } from '../../components/_util/util'
4 |
5 | export default {
6 | Option,
7 | name: 'TagSelect',
8 | model: {
9 | prop: 'checked',
10 | event: 'change'
11 | },
12 | props: {
13 | prefixCls: {
14 | type: String,
15 | default: 'ant-pro-tag-select'
16 | },
17 | defaultValue: {
18 | type: PropTypes.array,
19 | default: null
20 | },
21 | value: {
22 | type: PropTypes.array,
23 | default: null
24 | },
25 | expandable: {
26 | type: Boolean,
27 | default: false
28 | },
29 | hideCheckAll: {
30 | type: Boolean,
31 | default: false
32 | }
33 | },
34 | data () {
35 | return {
36 | expand: false,
37 | localCheckAll: false,
38 | items: this.getItemsKey(filterEmpty(this.$slots.default)),
39 | val: this.value || this.defaultValue || []
40 | }
41 | },
42 | methods: {
43 | onChange (checked) {
44 | const key = Object.keys(this.items).filter(key => key === checked.value)
45 | this.items[key] = checked.checked
46 | const bool = Object.values(this.items).lastIndexOf(false)
47 | if (bool === -1) {
48 | this.localCheckAll = true
49 | } else {
50 | this.localCheckAll = false
51 | }
52 | },
53 | onCheckAll (checked) {
54 | Object.keys(this.items).forEach(v => {
55 | this.items[v] = checked.checked
56 | })
57 | this.localCheckAll = checked.checked
58 | },
59 | getItemsKey (items) {
60 | const totalItem = {}
61 | items.forEach(item => {
62 | totalItem[item.componentOptions.propsData && item.componentOptions.propsData.value] = false
63 | })
64 | return totalItem
65 | },
66 | // CheckAll Button
67 | renderCheckAll () {
68 | return !this.hideCheckAll && () || null
69 | },
70 | // expandable
71 | renderExpandable () {
72 |
73 | },
74 | // render option
75 | renderTags (items) {
76 | const listeners = {
77 | change: (checked) => {
78 | this.onChange(checked)
79 | this.$emit('change', checked)
80 | }
81 | }
82 |
83 | return items.map(vnode => {
84 | const options = vnode.componentOptions
85 | options.listeners = listeners
86 | return vnode
87 | })
88 | }
89 | },
90 | render () {
91 | const { $props: { prefixCls } } = this
92 | const classString = {
93 | [`${prefixCls}`]: true
94 | }
95 | const tagItems = filterEmpty(this.$slots.default)
96 | return (
97 |
4 |
7 |
5 |
6 |
8 |
14 |
98 | {this.renderCheckAll()}
99 | {this.renderTags(tagItems)}
100 |
101 | )
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/backend/src/main/java/lsgwr/exam/service/ExamService.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试接口
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-28 08:05
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package lsgwr.exam.service;
8 |
9 | import lsgwr.exam.entity.Exam;
10 | import lsgwr.exam.entity.ExamRecord;
11 | import lsgwr.exam.vo.*;
12 |
13 | import java.util.HashMap;
14 | import java.util.List;
15 |
16 | public interface ExamService {
17 | /**
18 | * 获取所有的问题列表
19 | */
20 | List