4 |
5 |
11 |
6 | ![]()
7 |
8 | {{ item.title }}
9 |{{ item.content }}
10 |
3 |
10 |
11 |
12 |
27 |
28 |
31 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/MultiTab/index.less:
--------------------------------------------------------------------------------
1 | @import '../index';
2 |
3 | @multi-tab-prefix-cls: ~"@{ant-pro-prefix}-multi-tab";
4 | @multi-tab-wrapper-prefix-cls: ~"@{ant-pro-prefix}-multi-tab-wrapper";
5 |
6 | /*
7 | .topmenu .@{multi-tab-prefix-cls} {
8 | max-width: 1200px;
9 | margin: -23px auto 24px auto;
10 | }
11 | */
12 | .@{multi-tab-prefix-cls} {
13 | margin: -23px -24px 24px -24px;
14 | background: #fff;
15 | }
16 |
17 | .topmenu .@{multi-tab-wrapper-prefix-cls} {
18 | max-width: 1200px;
19 | margin: 0 auto;
20 | }
21 |
22 | .topmenu.content-width-Fluid .@{multi-tab-wrapper-prefix-cls} {
23 | max-width: 100%;
24 | margin: 0 auto;
25 | }
26 |
--------------------------------------------------------------------------------
/frontend/exam/src/main.js:
--------------------------------------------------------------------------------
1 | // ie polyfill
2 | import '@babel/polyfill'
3 |
4 | import Vue from 'vue'
5 | import App from './App.vue'
6 | import router from './router'
7 | import store from './store/'
8 | import { VueAxios } from './utils/request'
9 |
10 | import bootstrap from './core/bootstrap'
11 | import './core/use'
12 | import './permission' // permission control
13 | import './utils/filter' // global filter
14 |
15 | Vue.config.productionTip = false
16 |
17 | // mount axios Vue.$http and this.$http
18 | Vue.use(VueAxios)
19 |
20 | new Vue({
21 | router,
22 | store,
23 | created () {
24 | bootstrap()
25 | },
26 | render: h => h(App)
27 | }).$mount('#app')
28 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/dto/RegisterDTO.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 注册接口参数
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-16 23:40
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.dto;
8 |
9 | import lombok.Data;
10 |
11 | @Data
12 | public class RegisterDTO {
13 | private String email;
14 | private String password;
15 | private String password2;
16 | private String mobile;
17 | /**
18 | * 验证码
19 | */
20 | private String captcha;
21 | }
22 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/tools/Logo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ extra }}
5 |
6 |
7 |
9 |
3 |
4 |
7 |
8 |
9 |
10 |
32 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/repository/QuestionRepository.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description :
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-14 08:25
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.repository;
8 |
9 | import com.huawei.l00379880.exam.entity.Question;
10 | import org.springframework.data.jpa.repository.JpaRepository;
11 |
12 | import java.util.List;
13 |
14 | public interface QuestionRepository extends JpaRepository{{ title }}
6 |
3 |
9 |
10 |
11 |
35 |
36 |
39 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/vo/PageVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : Action的前端展示类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-26 13:46
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.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 PageVo {
16 | @JsonProperty("actionEntitySet")
17 | private List-
4 |
5 |
3 |
7 |
8 |
9 |
24 |
25 |
39 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/repository/ExamRecordRepository.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description :
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-14 08:23
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.repository;
8 |
9 | import com.huawei.l00379880.exam.entity.ExamRecord;
10 | import org.springframework.data.jpa.repository.JpaRepository;
11 |
12 | import java.util.List;
13 |
14 | public interface ExamRecordRepository extends JpaRepository{{ title }}
4 |
3 |
4 |
11 |
12 |
13 |
38 |
39 |
42 |
--------------------------------------------------------------------------------
/frontend/exam/src/utils/device.js:
--------------------------------------------------------------------------------
1 | import enquireJs from 'enquire.js'
2 |
3 | export const DEVICE_TYPE = {
4 | DESKTOP: 'desktop',
5 | TABLET: 'tablet',
6 | MOBILE: 'mobile'
7 | }
8 |
9 | export const deviceEnquire = function (callback) {
10 | const matchDesktop = {
11 | match: () => {
12 | callback && callback(DEVICE_TYPE.DESKTOP)
13 | }
14 | }
15 |
16 | const matchLablet = {
17 | match: () => {
18 | callback && callback(DEVICE_TYPE.TABLET)
19 | }
20 | }
21 |
22 | const matchMobile = {
23 | match: () => {
24 | callback && callback(DEVICE_TYPE.MOBILE)
25 | }
26 | }
27 |
28 | // screen and (max-width: 1087.99px)
29 | enquireJs
30 | .register('screen and (max-width: 576px)', matchMobile)
31 | .register('screen and (min-width: 576px) and (max-width: 1199px)', matchLablet)
32 | .register('screen and (min-width: 1200px)', matchDesktop)
33 | }
34 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/FooterToolbar/index.md:
--------------------------------------------------------------------------------
1 | # FooterToolbar 底部工具栏
2 |
3 | 固定在底部的工具栏。
4 |
5 |
6 |
7 | ## 何时使用
8 |
9 | 固定在内容区域的底部，不随滚动条移动，常用于长页面的数据搜集和提交工作。
10 |
11 |
12 |
13 | 引用方式：
14 |
15 | ```javascript
16 | import FooterToolBar from '../../components/FooterToolbar'
17 |
18 | export default {
19 | components: {
20 | FooterToolBar
21 | }
22 | }
23 | ```
24 |
25 |
26 |
27 | ## 代码演示
28 |
29 | ```html
30 |
16 |
18 |
19 |
20 |
39 | ```
40 |
41 |
42 |
43 | ### 事件
44 |
45 |
46 | | 名称 | 说明 | 类型 | 默认值 |
47 | | ------ | -------------------------- | ------ | ------ |
48 | | change | 当改变了 `icon` 选中项触发 | String | - |
49 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/entity/QuestionLevel.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 题目难度等级，比如难、中、易等
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:47
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.entity;
8 |
9 |
10 | import com.fasterxml.jackson.annotation.JsonProperty;
11 | import lombok.Data;
12 |
13 | import javax.persistence.Entity;
14 | import javax.persistence.GeneratedValue;
15 | import javax.persistence.Id;
16 |
17 | @Entity
18 | @Data
19 | public class QuestionLevel {
20 | @Id
21 | @GeneratedValue
22 | @JsonProperty("id")
23 | private Integer questionLevelId;
24 |
25 | @JsonProperty("name")
26 | private String questionLevelName;
27 |
28 | @JsonProperty("description")
29 | private String questionLevelDescription;
30 | }
31 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/entity/QuestionType.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 题目类型表，从功能角度划分，比如单选、多选、判断等
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:48
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.entity;
8 |
9 |
10 | import com.fasterxml.jackson.annotation.JsonProperty;
11 | import lombok.Data;
12 |
13 | import javax.persistence.Entity;
14 | import javax.persistence.GeneratedValue;
15 | import javax.persistence.Id;
16 |
17 | @Data
18 | @Entity
19 | public class QuestionType {
20 | @Id
21 | @GeneratedValue
22 | @JsonProperty("id")
23 | private Integer questionTypeId;
24 |
25 | @JsonProperty("name")
26 | private String questionTypeName;
27 |
28 | @JsonProperty("description")
29 | private String questionTypeDescription;
30 | }
31 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/vo/ExamCardVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试卡片列表
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-06-23 19:30
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | @Data
13 | public class ExamCardVo {
14 | @JsonProperty("id")
15 | private String examId;
16 | @JsonProperty("title")
17 | private String examName;
18 | @JsonProperty("avatar")
19 | private String examAvatar;
20 | @JsonProperty("content")
21 | private String examDescription;
22 | @JsonProperty("score")
23 | private Integer examScore;
24 | /**
25 | * 考试限制的时间，单位为分钟
26 | */
27 | @JsonProperty("elapse")
28 | private Integer examTimeLimit;
29 | }
30 |
--------------------------------------------------------------------------------
/README.en.md:
--------------------------------------------------------------------------------
1 | # spring-boot-online-exam
2 |
3 | #### Description
4 | 基于springboot的在线考试系统
5 |
6 | #### Software Architecture
7 | Software architecture description
8 |
9 | #### Installation
10 |
11 | 1. xxxx
12 | 2. xxxx
13 | 3. xxxx
14 |
15 | #### Instructions
16 |
17 | 1. xxxx
18 | 2. xxxx
19 | 3. xxxx
20 |
21 | #### Contribution
22 |
23 | 1. Fork the repository
24 | 2. Create Feat_xxx branch
25 | 3. Commit your code
26 | 4. Create Pull Request
27 |
28 |
29 | #### Gitee Feature
30 |
31 | 1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
32 | 2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
33 | 3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
34 | 4. The most valuable open source project [GVP](https://gitee.com/gvp)
35 | 5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
36 | 6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
37 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/entity/QuestionCategory.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 题目的类别表，从内容角度划分，比如数学、语文、英语等
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:46
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.entity;
8 |
9 |
10 | import com.fasterxml.jackson.annotation.JsonProperty;
11 | import lombok.Data;
12 |
13 | import javax.persistence.Entity;
14 | import javax.persistence.GeneratedValue;
15 | import javax.persistence.Id;
16 |
17 | @Data
18 | @Entity
19 | public class QuestionCategory {
20 |
21 | @Id
22 | @GeneratedValue
23 | @JsonProperty("id")
24 | private Integer questionCategoryId;
25 |
26 | @JsonProperty("name")
27 | private String questionCategoryName;
28 |
29 | @JsonProperty("description")
30 | private String questionCategoryDescription;
31 | }
32 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/Charts/MiniSmoothArea.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
12 |
13 |
37 |
38 |
41 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/utils/ResultVOUtil.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 成功或失败时的消息返回
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-17 07:43
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.utils;
8 |
9 | import com.huawei.l00379880.exam.vo.ResultVO;
10 |
11 | public class ResultVOUtil {
12 |
13 | public static ResultVO success(Integer code, String msg, Object object) {
14 | return new ResultVO(code, msg, object);
15 | }
16 |
17 | public static ResultVO success(Object object) {
18 | return new ResultVO(0, "成功", object);
19 | }
20 |
21 | public static ResultVO success() {
22 | return new ResultVO(0, "成功", null);
23 | }
24 |
25 |
26 | public static ResultVO error(Integer code, String msg) {
27 | return new ResultVO(code, msg, null);
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/repository/UserRepository.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 用户表的操作类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-14 08:30
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.repository;
8 |
9 | import com.huawei.l00379880.exam.entity.User;
10 | import org.springframework.data.jpa.repository.JpaRepository;
11 |
12 | public interface UserRepository extends JpaRepository
4 |
5 |
9 |
10 |
3 |
9 |
13 |
14 |
15 |
16 |
58 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/_util/util.js:
--------------------------------------------------------------------------------
1 | /**
2 | * components util
3 | */
4 |
5 | /**
6 | * 清理空值，对象
7 | * @param children
8 | * @returns {*[]}
9 | */
10 | export function filterEmpty (children = []) {
11 | return children.filter(c => c.tag || (c.text && c.text.trim() !== ''))
12 | }
13 |
14 | /**
15 | * 获取字符串长度，英文字符 长度1，中文字符长度2
16 | * @param {*} str
17 | */
18 | export const getStrFullLength = (str = '') =>
19 | str.split('').reduce((pre, cur) => {
20 | const charCode = cur.charCodeAt(0)
21 | if (charCode >= 0 && charCode <= 128) {
22 | return pre + 1
23 | }
24 | return pre + 2
25 | }, 0)
26 |
27 | /**
28 | * 截取字符串，根据 maxLength 截取后返回
29 | * @param {*} str
30 | * @param {*} maxLength
31 | */
32 | export const cutStrByFullLength = (str = '', maxLength) => {
33 | let showLength = 0
34 | return str.split('').reduce((pre, cur) => {
35 | const charCode = cur.charCodeAt(0)
36 | if (charCode >= 0 && charCode <= 128) {
37 | showLength += 1
38 | } else {
39 | showLength += 2
40 | }
41 | if (showLength <= maxLength) {
42 | return pre + cur
43 | }
44 | return pre
45 | }, '')
46 | }
47 |
--------------------------------------------------------------------------------
/backend/exam/README.md:
--------------------------------------------------------------------------------
1 | # 在线考试系统的后端实现
2 |
3 | ## 拦截器注入application.yml中的属性
4 |
5 | > 拦截器执行在自动bean初始化之前会导致拦截器中无法注入配置属性，按照下面的步骤即可正常注入
6 |
7 | + 给拦截器加`@Component`注解
8 |
9 | 
10 |
11 | + 在配置类中用`@Autowired`注入
12 |
13 | 
14 |
15 | ## 代码调试的时候如何打印完整的SQL语句和参数
16 |
17 | > 主要是指application.yml的配置
18 |
19 | 参考博客[JPA打印SQL参数](https://mp.weixin.qq.com/s/zyTOdTwFhi2CwxCI9P1kQw)
20 |
21 |
22 | + 打印SQL语句
23 | ```yaml
24 | spring:
25 | jpa:
26 | # 调试的时候用，用于打印完成SQL语句(但是不打印参数),联合下面的logging.level一同打印最完整的SQL信息(语句+参数)
27 | show-sql: true
28 | ```
29 | + 不打印SQL语句
30 | ```yaml
31 | spring:
32 | jpa:
33 | # 调试的时候用，用于打印完成SQL语句(但是不打印参数),联合下面的logging.level一同打印最完整的SQL信息(语句+参数)
34 | show-sql: false
35 | ```
36 | + 打印SQL参数
37 | ```yaml
38 | # SQL语句打印(能打印参数，设置为trace是打印完整语句，默认我们就关掉吧)
39 | logging:
40 | level:
41 | org.hibernate.type.descriptor.sql.BasicBinder: trace
42 | ```
43 | + 不打印SQL参数
44 | ```yaml
45 | # SQL语句打印(能打印参数，设置为trace是打印完整语句，默认我们就关掉吧)
46 | logging:
47 | level:
48 | org.hibernate.type.descriptor.sql.BasicBinder: off
49 | ```
--------------------------------------------------------------------------------
/frontend/exam/src/views/user/RegisterResult.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |
3 |
10 |
11 |
12 |
54 |
55 |
58 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/Charts/MiniArea.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
9 |
3 |
10 |
11 |
12 |
53 |
54 |
57 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/NumberInfo/NumberInfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
9 |
3 |
4 |
6 |
14 |
15 |
16 |
51 |
52 |
55 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/vo/UserInfoVo.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 用户信息的前端展示类
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-26 12:59
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.vo;
8 |
9 | import com.fasterxml.jackson.annotation.JsonProperty;
10 | import lombok.Data;
11 |
12 | @Data
13 | public class UserInfoVo {
14 |
15 | @JsonProperty("id")
16 | private String userId;
17 |
18 | @JsonProperty("avatar")
19 | private String userAvatar;
20 |
21 | @JsonProperty("name")
22 | private String userNickname;
23 |
24 | @JsonProperty("username")
25 | private String userUsername;
26 |
27 | /**
28 | * 密码不用拷贝，免得泄露信息
29 | */
30 | private String password = "";
31 |
32 | @JsonProperty("email")
33 | private String userEmail;
34 |
35 | @JsonProperty("telephone")
36 | private String userPhone;
37 |
38 | @JsonProperty("roleId")
39 | private String roleName;
40 |
41 | @JsonProperty("welcome")
42 | private String userDescription;
43 |
44 | @JsonProperty("role")
45 | private RoleVo roleVo;
46 | }
47 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/config/CORSConf.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 允许跨域访问
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-17 00:11
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.config;
8 |
9 | import lombok.extern.slf4j.Slf4j;
10 | import org.springframework.context.annotation.Bean;
11 | import org.springframework.context.annotation.Configuration;
12 | import org.springframework.web.servlet.config.annotation.CorsRegistry;
13 | import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
14 |
15 | @Configuration
16 | @Slf4j
17 | public class CORSConf {
18 |
19 | @Bean
20 | public WebMvcConfigurer corsConfigurer() {
21 | return new WebMvcConfigurer() {
22 | @Override
23 | public void addCorsMappings(CorsRegistry registry) {
24 | log.info("初始化 CORSConfiguration 配置");
25 | registry.addMapping("/**")
26 | .allowedHeaders("*")
27 | .allowedMethods("*")
28 | .allowedOrigins("*");
29 | }
30 | };
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/backend/exam/src/main/resources/application.yml:
--------------------------------------------------------------------------------
1 | ip:
2 | base: 127.0.0.1
3 |
4 | user:
5 | default:
6 | # 用户名的默认前缀
7 | username: user
8 | # 用户的默认头像
9 | avatar: http://d.lanrentuku.com/down/png/1904/business_avatar/8_avatar_2754583.png
10 |
11 | server:
12 | port: 9527 # 这个端口要和vue项目里vue.config.js里的devServer里面配置的相同
13 |
14 | spring:
15 | application:
16 | name: service-product
17 | datasource:
18 | driver-class-name: com.mysql.cj.jdbc.Driver
19 | username: root
20 | password: xxxxxxxx # 改成自己的密码
21 | url: jdbc:mysql://${ip.base}:3306/exam?characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai
22 | jpa:
23 | # 调试的时候用，用于打印完成SQL语句(但是不打印参数),联合下面的logging.level一同打印最完整的SQL信息(语句+参数)
24 | show-sql: false
25 | hibernate:
26 | ddl-auto: update
27 | servlet:
28 | multipart:
29 | max-file-size: 100MB # 最大支持文件大小
30 | max-request-size: 100MB # 最大支持请求大小
31 | profiles:
32 | active: dev # 开发时配dev, 生产时配prod
33 |
34 | # 拦截器相关的配置
35 | interceptors:
36 | # 不需要进行鉴权的接口地址，用逗号隔开
37 | auth-ignore-uris: ${server.servlet.context-path}/user/register,${server.servlet.context-path}/user/login
38 |
39 | # SQL语句打印(能打印参数，设置为trace是打印完整语句，默认我们就关掉吧)
40 | logging:
41 | level:
42 | org.hibernate.type.descriptor.sql.BasicBinder: off
43 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/IconSelector/IconSelector.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ typeof subTitle === 'string' ? subTitle : subTitle() }}
5 |
7 | {{ total }}
8 |
9 | {{ subTotal }}
10 |
13 |
3 |
4 |
5 |
11 |
12 |
13 |
14 |
15 |
34 |
35 |
54 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/AvatarList/index.less:
--------------------------------------------------------------------------------
1 | @import "../index";
2 |
3 | @avatar-list-prefix-cls: ~"@{ant-pro-prefix}-avatar-list";
4 | @avatar-list-item-prefix-cls: ~"@{ant-pro-prefix}-avatar-list-item";
5 |
6 | .@{avatar-list-prefix-cls} {
7 | display: inline-block;
8 |
9 | ul {
10 | list-style: none;
11 | display: inline-block;
12 | padding: 0;
13 | margin: 0 0 0 8px;
14 | font-size: 0;
15 | }
16 | }
17 |
18 | .@{avatar-list-item-prefix-cls} {
19 | display: inline-block;
20 | font-size: @font-size-base;
21 | margin-left: -8px;
22 | width: @avatar-size-base;
23 | height: @avatar-size-base;
24 |
25 | :global {
26 | .ant-avatar {
27 | border: 1px solid #fff;
28 | cursor: pointer;
29 | }
30 | }
31 |
32 | &.large {
33 | width: @avatar-size-lg;
34 | height: @avatar-size-lg;
35 | }
36 |
37 | &.small {
38 | width: @avatar-size-sm;
39 | height: @avatar-size-sm;
40 | }
41 |
42 | &.mini {
43 | width: 20px;
44 | height: 20px;
45 |
46 | :global {
47 | .ant-avatar {
48 | width: 20px;
49 | height: 20px;
50 | line-height: 20px;
51 |
52 | .ant-avatar-string {
53 | font-size: 12px;
54 | line-height: 18px;
55 | }
56 | }
57 | }
58 | }
59 | }
60 |
61 |
--------------------------------------------------------------------------------
/frontend/exam/src/config/defaultSettings.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 项目默认配置项
3 | * primaryColor - 默认主题色
4 | * navTheme - sidebar theme ['dark', 'light'] 两种主题
5 | * colorWeak - 色盲模式
6 | * layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
7 | * fixedHeader - 固定 Header : boolean
8 | * fixSiderbar - 固定左侧菜单栏 ： boolean
9 | * autoHideHeader - 向下滚动时，隐藏 Header : boolean
10 | * contentWidth - 内容区布局： 流式 | 固定
11 | *
12 | * storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
13 | *
14 | */
15 |
16 | export default {
17 | primaryColor: '#1890FF', // primary color of ant design
18 | navTheme: 'dark', // theme for nav menu
19 | layout: 'topmenu', // nav menu position: sidemenu or topmenu
20 | contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
21 | fixedHeader: true, // sticky header
22 | fixSiderbar: false, // sticky siderbar
23 | autoHideHeader: false, // auto hide header
24 | colorWeak: false,
25 | multiTab: false,
26 | production: process.env.NODE_ENV === 'production' && process.env.VUE_APP_PREVIEW !== 'true',
27 | // vue-ls options, localStorage中默认的存储前缀
28 | storageOptions: {
29 | namespace: 'pro__', // key prefix
30 | name: 'ls', // name variable Vue.[ls] or this.[$ls],
31 | storage: 'local' // storage name session, local, memory
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/Charts/TransferBar.vue:
--------------------------------------------------------------------------------
1 |
2 | -
6 |
-
7 |
8 |
9 |
3 |
10 |
14 |
15 |
16 |
17 |
65 |
--------------------------------------------------------------------------------
/frontend/exam/src/views/home/Banner.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |
3 |
20 |
28 |
29 |
30 |
35 |
36 |
39 |
--------------------------------------------------------------------------------
/frontend/exam/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 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/service/UserService.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 用户接口
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019-05-17 08:02
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.exam.service;
8 |
9 | import com.huawei.l00379880.exam.dto.RegisterDTO;
10 | import com.huawei.l00379880.exam.entity.User;
11 | import com.huawei.l00379880.exam.qo.LoginQo;
12 | import com.huawei.l00379880.exam.vo.UserInfoVo;
13 | import com.huawei.l00379880.exam.vo.UserVo;
14 |
15 | public interface UserService {
16 | /**
17 | * 注册
18 | *
19 | * @param registerDTO 注册参数
20 | * @return 注册成功后的用户信息
21 | */
22 | User register(RegisterDTO registerDTO);
23 |
24 | /**
25 | * 登录接口，登录成功返回token
26 | *
27 | * @param loginQo 登录参数
28 | * @return 成功返回token，失败返回null
29 | */
30 | String login(LoginQo loginQo);
31 |
32 | /**
33 | * 根据用户id获取用户信息
34 | *
35 | * @return 用户实体
36 | */
37 | UserVo getUserInfo(String userId);
38 |
39 | /**
40 | * 获取用户详细信息(主要是权限相关的)
41 | * @param userId 用户的id
42 | * @return 用户信息组装的实体
43 | */
44 | UserInfoVo getInfo(String userId);
45 | }
46 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/NumberInfo/index.less:
--------------------------------------------------------------------------------
1 | @import "../index";
2 |
3 | @numberInfo-prefix-cls: ~"@{ant-pro-prefix}-number-info";
4 |
5 | .@{numberInfo-prefix-cls} {
6 |
7 | .ant-pro-number-info-subtitle {
8 | color: @text-color-secondary;
9 | font-size: @font-size-base;
10 | height: 22px;
11 | line-height: 22px;
12 | overflow: hidden;
13 | text-overflow: ellipsis;
14 | word-break: break-all;
15 | white-space: nowrap;
16 | }
17 |
18 | .number-info-value {
19 | margin-top: 4px;
20 | font-size: 0;
21 | overflow: hidden;
22 | text-overflow: ellipsis;
23 | word-break: break-all;
24 | white-space: nowrap;
25 |
26 | & > span {
27 | color: @heading-color;
28 | display: inline-block;
29 | line-height: 32px;
30 | height: 32px;
31 | font-size: 24px;
32 | margin-right: 32px;
33 | }
34 |
35 | .sub-total {
36 | color: @text-color-secondary;
37 | font-size: @font-size-lg;
38 | vertical-align: top;
39 | margin-right: 0;
40 | i {
41 | font-size: 12px;
42 | transform: scale(0.82);
43 | margin-left: 4px;
44 | }
45 | :global {
46 | .anticon-caret-up {
47 | color: @red-6;
48 | }
49 | .anticon-caret-down {
50 | color: @green-6;
51 | }
52 | }
53 | }
54 | }
55 | }
--------------------------------------------------------------------------------
/frontend/exam/src/components/tools/HeadInfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
21 |
22 |
26 |
27 |
23 | ![]()
24 |
25 |
3 | {{ title }}
4 |
7 |
8 |
9 |
32 |
33 |
68 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/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 com.huawei.l00379880.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 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/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 com.huawei.l00379880.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 |
3 |
10 |
46 |
47 |
48 |
49 |
64 |
65 |
68 |
--------------------------------------------------------------------------------
/frontend/exam/src/core/bootstrap.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import store from '../store/'
3 | import {
4 | ACCESS_TOKEN,
5 | DEFAULT_COLOR,
6 | DEFAULT_THEME,
7 | DEFAULT_LAYOUT_MODE,
8 | DEFAULT_COLOR_WEAK,
9 | SIDEBAR_TYPE,
10 | DEFAULT_FIXED_HEADER,
11 | DEFAULT_FIXED_HEADER_HIDDEN,
12 | DEFAULT_FIXED_SIDEMENU,
13 | DEFAULT_CONTENT_WIDTH_TYPE,
14 | DEFAULT_MULTI_TAB
15 | } from '../store/mutation-types'
16 | import config from '../config/defaultSettings'
17 |
18 | export default function Initializer () {
19 | store.commit('SET_SIDEBAR_TYPE', Vue.ls.get(SIDEBAR_TYPE, true))
20 | store.commit('TOGGLE_THEME', Vue.ls.get(DEFAULT_THEME, config.navTheme))
21 | store.commit('TOGGLE_LAYOUT_MODE', Vue.ls.get(DEFAULT_LAYOUT_MODE, config.layout))
22 | store.commit('TOGGLE_FIXED_HEADER', Vue.ls.get(DEFAULT_FIXED_HEADER, config.fixedHeader))
23 | store.commit('TOGGLE_FIXED_SIDERBAR', Vue.ls.get(DEFAULT_FIXED_SIDEMENU, config.fixSiderbar))
24 | store.commit('TOGGLE_CONTENT_WIDTH', Vue.ls.get(DEFAULT_CONTENT_WIDTH_TYPE, config.contentWidth))
25 | store.commit('TOGGLE_FIXED_HEADER_HIDDEN', Vue.ls.get(DEFAULT_FIXED_HEADER_HIDDEN, config.autoHideHeader))
26 | store.commit('TOGGLE_WEAK', Vue.ls.get(DEFAULT_COLOR_WEAK, config.colorWeak))
27 | store.commit('TOGGLE_COLOR', Vue.ls.get(DEFAULT_COLOR, config.primaryColor))
28 | store.commit('TOGGLE_MULTI_TAB', Vue.ls.get(DEFAULT_MULTI_TAB, config.multiTab))
29 | store.commit('SET_TOKEN', Vue.ls.get(ACCESS_TOKEN))
30 |
31 | // last step
32 | }
33 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/entity/Question.java:
--------------------------------------------------------------------------------
1 | /***********************************************************
2 | * @Description : 考试题目表
3 | * @author : 梁山广(Laing Shan Guang)
4 | * @date : 2019/5/14 07:46
5 | * @email : liangshanguang2@gmail.com
6 | ***********************************************************/
7 | package com.huawei.l00379880.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 Question {
22 | @Id
23 | private String questionId;
24 | private String questionName;
25 | private Integer questionScore;
26 | private String questionCreatorId;
27 | private Integer questionLevelId;
28 | private Integer questionTypeId;
29 | private Integer questionCategoryId;
30 | private String questionDescription;
31 | private String questionOptionIds;
32 | private String questionAnswerOptionIds;
33 | /**
34 | * 创建时间, 设计表时设置了自动插入当前时间，无需在Java代码中设置了
35 | */
36 |
37 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
38 | private Date createTime;
39 |
40 | /**
41 | * 更新时间，设计表时设置了自动插入当前时间，无需在Java代码中设置了。
42 | * 同时@DynamicUpdate注解可以时间当数据库数据变化时自动更新，无需人工维护
43 | */
44 | @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
45 | private Date updateTime;
46 | }
47 |
--------------------------------------------------------------------------------
/frontend/exam/src/assets/icons/exam-list.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/exam/src/views/list/modules/QuestionViewModal.vue:
--------------------------------------------------------------------------------
1 |
2 | 题目：{{ question.name }}
12 |-
13 |
- 14 | {{ option.content }} 15 | 16 |
答案
18 |-
19 |
- 20 | {{ option.content }} 21 | 22 |
3 |
11 |
12 |
13 |
36 |
37 |
76 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/tools/UserMenu.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
3 |
27 |
28 |
29 |
60 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/Charts/RankList.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
9 |
10 |
11 |
12 |
15 |
16 |
18 |
19 |
23 |
24 |
25 |
26 |
3 |
12 |
13 |
14 |
30 |
31 |
78 |
--------------------------------------------------------------------------------
/frontend/exam/src/assets/icons/bx-analyse.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/exam/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 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/Charts/Trend.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |-
5 |
- 6 | {{ index + 1 }} 7 | {{ item.name }} 8 | {{ item.total }} 9 | 10 |
3 | {{ term }}
4 | {{ rate }}%
5 |
7 |
8 |
9 |
52 |
53 |
83 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/exam/vo/JsonData.java:
--------------------------------------------------------------------------------
1 | package com.huawei.l00379880.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/exam/src/main/java/com/huawei/l00379880/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 com.huawei.l00379880.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 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/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 com.huawei.l00379880.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 | * 问题类型，根据questionTypeId获取
41 | */
42 | @JsonProperty("type")
43 | private String questionType;
44 |
45 | /**
46 | * 问题分类，根据questionCategoryId获得
47 | */
48 | @JsonProperty("category")
49 | private String questionCategory;
50 |
51 |
52 | @JsonProperty("description")
53 | private String questionDescription;
54 |
55 | /**
56 | * 问题选项列表，从questionOptionIds获得,副院长哦自己额外给isAnswer赋值
57 | */
58 | @JsonProperty("options")
59 | private List
16 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/frontend/exam/src/views/account/settings/Custom.vue:
--------------------------------------------------------------------------------
1 |
72 |
73 |
76 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/index.js:
--------------------------------------------------------------------------------
1 | // chart
2 | import Bar from '../components/Charts/Bar'
3 | import ChartCard from '../components/Charts/ChartCard'
4 | import Liquid from '../components/Charts/Liquid'
5 | import MiniArea from '../components/Charts/MiniArea'
6 | import MiniSmoothArea from '../components/Charts/MiniSmoothArea'
7 | import MiniBar from '../components/Charts/MiniBar'
8 | import MiniProgress from '../components/Charts/MiniProgress'
9 | import Radar from '../components/Charts/Radar'
10 | import RankList from '../components/Charts/RankList'
11 | import TransferBar from '../components/Charts/TransferBar'
12 | import TagCloud from '../components/Charts/TagCloud'
13 |
14 | // pro components
15 | import AvatarList from '../components/AvatarList'
16 | import CountDown from '../components/CountDown'
17 | import Ellipsis from '../components/Ellipsis'
18 | import FooterToolbar from '../components/FooterToolbar'
19 | import NumberInfo from '../components/NumberInfo'
20 | import DescriptionList from '../components/DescriptionList'
21 | import Tree from '../components/Tree/Tree'
22 | import Trend from '../components/Trend'
23 | import STable from '../components/Table'
24 | import MultiTab from '../components/MultiTab'
25 | import Result from '../components/Result'
26 | import IconSelector from '../components/IconSelector'
27 | import TagSelect from '../components/TagSelect'
28 | import ExceptionPage from '../components/Exception'
29 | import StandardFormRow from '../components/StandardFormRow'
30 | import ArticleListContent from '../components/ArticleListContent'
31 |
32 | export {
33 | AvatarList,
34 | Bar,
35 | ChartCard,
36 | Liquid,
37 | MiniArea,
38 | MiniSmoothArea,
39 | MiniBar,
40 | MiniProgress,
41 | Radar,
42 | TagCloud,
43 | RankList,
44 | TransferBar,
45 | Trend,
46 | CountDown,
47 | Ellipsis,
48 | FooterToolbar,
49 | NumberInfo,
50 | DescriptionList,
51 | // 兼容写法，请勿继续使用
52 | DescriptionList as DetailList,
53 | Tree,
54 | STable,
55 | MultiTab,
56 | Result,
57 | ExceptionPage,
58 | IconSelector,
59 | TagSelect,
60 | StandardFormRow,
61 | ArticleListContent
62 | }
63 |
--------------------------------------------------------------------------------
/frontend/exam/public/loading/option2/loading.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/ArticleListContent/ArticleListContent.vue:
--------------------------------------------------------------------------------
1 |
2 |
17 |
21 |
18 |
19 |
20 |
3 |
14 |
15 |
16 |
47 |
48 |
90 |
--------------------------------------------------------------------------------
/backend/exam/src/main/java/com/huawei/l00379880/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 com.huawei.l00379880.exam.utils;
8 |
9 | import com.huawei.l00379880.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/exam/public/loading/option2/html_code_segment.html:
--------------------------------------------------------------------------------
1 |
4 |
5 | {{ description }}
6 |
7 |
8 |
13 |
2 |
--------------------------------------------------------------------------------
/frontend/exam/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/exam/docs/load-on-demand.md:
--------------------------------------------------------------------------------
1 | 按需加载 减小打包
2 | ====
3 |
4 |
5 |
6 | ## 按需引入组件依赖
7 |
8 | `Ant Design Pro Vue` 默认编码工作并不支持按需引入，不过可以通过以下操作结合 [Ant Design Of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 官方文档来进行按需引入。
9 |
10 | - 增加项目按需引入依赖
11 | - 修改引入组件方式
12 |
13 |
14 |
15 | 1. 增加按需引入所需依赖 `babel-plugin-import`
16 | 并且修改文件 `babel.config.js`
17 | ```ecmascript 6
18 | module.exports = {
19 | presets: [
20 | '@vue/app'
21 | ],
22 | plugins: [
23 | [ "import", {
24 | "libraryName": "ant-design-vue",
25 | "libraryDirectory": "es",
26 | "style": "css"
27 | } ]
28 | ]
29 | }
30 | ```
31 |
32 |
33 | 2. 修改引入组件方式 (注意，这只是一个例子，请完整引入你所需要的组件)
34 |
35 | 文件 `../components/use.js`
36 |
37 | ```javascript
38 | import Vue from 'vue'
39 | import {
40 | Input,
41 | Button,
42 | Select,
43 | Card,
44 | Form,
45 | Row,
46 | Col,
47 | Modal,
48 | Table,
49 | notification
50 | } from 'ant-design-vue'
51 |
52 | Vue.use(Input)
53 | Vue.use(Button)
54 | Vue.use(Select)
55 | Vue.use(Card)
56 | Vue.use(Form)
57 | Vue.use(Row)
58 | Vue.use(Col)
59 | Vue.use(Modal)
60 | Vue.use(Table)
61 | Vue.use(notification)
62 |
63 | Vue.prototype.$notification = notification;
64 | ```
65 |
66 |
67 | 3. 最后在 `main.js` 中引入 `../components/use.js` 文件即可，如下
68 |
69 | ```javascript
70 |
71 | import Vue from 'vue'
72 | import App from './App'
73 |
74 | // 引入 按需组件的统一引入文件
75 | import './components/use'
76 |
77 | import './style/index.less'
78 |
79 |
80 | Vue.config.productionTip = false
81 |
82 | new Vue({
83 | render: h => h(App),
84 | }).$mount('#app')
85 |
86 | ```
87 |
88 | **具体完整实现可参考分支 [feature/demand_load](https://github.com/sendya/ant-design-pro-vue/tree/feature/demand_load)**
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 | ## 其他 减少打包大小
97 |
98 |
99 |
100 | 1. Ant Design Vue 1.2.x 版本起，采用的 ant-design 官方方案 svg Icon 组件，整个项目打包会变大很多，图标进行按需加载可参考 https://github.com/HeskeyBaozi/reduce-antd-icons-bundle-demo
101 | 2. moment 按需加载 可参考 https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
--------------------------------------------------------------------------------
/frontend/exam/src/utils/mixin.js:
--------------------------------------------------------------------------------
1 | // import Vue from 'vue'
2 | import { deviceEnquire, DEVICE_TYPE } from '../utils/device'
3 | import { mapState } from 'vuex'
4 |
5 | // const mixinsComputed = Vue.config.optionMergeStrategies.computed
6 | // const mixinsMethods = Vue.config.optionMergeStrategies.methods
7 |
8 | const mixin = {
9 | computed: {
10 | ...mapState({
11 | layoutMode: state => state.app.layout,
12 | navTheme: state => state.app.theme,
13 | primaryColor: state => state.app.color,
14 | colorWeak: state => state.app.weak,
15 | fixedHeader: state => state.app.fixedHeader,
16 | fixSiderbar: state => state.app.fixSiderbar,
17 | fixSidebar: state => state.app.fixSiderbar,
18 | contentWidth: state => state.app.contentWidth,
19 | autoHideHeader: state => state.app.autoHideHeader,
20 | sidebarOpened: state => state.app.sidebar,
21 | multiTab: state => state.app.multiTab
22 | })
23 | },
24 | methods: {
25 | isTopMenu () {
26 | return this.layoutMode === 'topmenu'
27 | },
28 | isSideMenu () {
29 | return !this.isTopMenu()
30 | }
31 | }
32 | }
33 |
34 | const mixinDevice = {
35 | computed: {
36 | ...mapState({
37 | device: state => state.app.device
38 | })
39 | },
40 | methods: {
41 | isMobile () {
42 | return this.device === DEVICE_TYPE.MOBILE
43 | },
44 | isDesktop () {
45 | return this.device === DEVICE_TYPE.DESKTOP
46 | },
47 | isTablet () {
48 | return this.device === DEVICE_TYPE.TABLET
49 | }
50 | }
51 | }
52 |
53 | const AppDeviceEnquire = {
54 | mounted () {
55 | const { $store } = this
56 | deviceEnquire(deviceType => {
57 | switch (deviceType) {
58 | case DEVICE_TYPE.DESKTOP:
59 | $store.commit('TOGGLE_DEVICE', 'desktop')
60 | $store.dispatch('setSidebar', true)
61 | break
62 | case DEVICE_TYPE.TABLET:
63 | $store.commit('TOGGLE_DEVICE', 'tablet')
64 | $store.dispatch('setSidebar', false)
65 | break
66 | case DEVICE_TYPE.MOBILE:
67 | default:
68 | $store.commit('TOGGLE_DEVICE', 'mobile')
69 | $store.dispatch('setSidebar', true)
70 | break
71 | }
72 | })
73 | }
74 | }
75 |
76 | export { mixin, AppDeviceEnquire, mixinDevice }
77 |
--------------------------------------------------------------------------------
/frontend/exam/src/components/AvatarList/index.md:
--------------------------------------------------------------------------------
1 | # AvatarList 用户头像列表
2 |
3 |
4 | 一组用户头像，常用在项目/团队成员列表。可通过设置 `size` 属性来指定头像大小。
5 |
6 |
7 |
8 | 引用方式：
9 |
10 | ```javascript
11 | import AvatarList from '../../components/AvatarList'
12 | const AvatarListItem = AvatarList.AvatarItem
13 |
14 | export default {
15 | components: {
16 | AvatarList,
17 | AvatarListItem
18 | }
19 | }
20 | ```
21 |
22 |
23 |
24 | ## 代码演示 [demo](https://pro.loacg.com/test/home)
25 |
26 | ```html
27 |
3 |
4 |
5 |