在线考试系统设计

凉水不好喝

已于 2023-03-17 23:10:43 修改

阅读量1.4k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2023-03-17 23:07:24 首次发布

本文链接：https://blog.csdn.net/qq_48575500/article/details/129629979

版权

vue 专栏收录该内容

3 篇文章

订阅专栏

23.03.08–测试任务

参考若依框架写一个在线考试系统

数据库设计

科目表

在这里插入图片描述

试卷表

在这里插入图片描述

题目表

在这里插入图片描述

试卷与题目关联关系表

在这里插入图片描述

核心模块

在线考试

主要功能：

当前用户当前科目点击”开始考试“，随机抽取题目，组装成试卷，试卷题目写缓存
用户中断退出，保存试卷答案，写缓存

进的坑

前端

循环展示单选框和多选框，”继续答题“，读取缓存进行选项”回显“问题==>解决：主要（:label）的复制问题，和v-model对应的需要是相同类型才会高亮，参考链接
v-if指令后跟逻辑表达式控制按钮显示与隐藏，结果按钮任何情况都不显示（大大大大大大坑）===>这个坑待了好久，无论是v-show指令还是v-if指令都不起作用，最后终于明白了，初始化页面时按钮之所以都不显示的原因是：v-if或者v-show后面的逻辑条件是由后面页面传递的，此时初始化当前页面逻辑条件只能是未定义！！！

若依开源框架

分析过程中：（借助工具：Vue.js开发者工具）

目录设置
目录菜单设置
切换工作路由
路由传参

Vue复习

Vue中import引入模块路径时的@符号：参考链接

Vue动态加载组件的两类方式：参考链接1 参考链接2

vue中computed计算属性中的…mapGetters什么意思：参考链接

若依框架“菜单开发”思路梳理：参考链接

详解在vue项目中使用render函数：参考链接

vue中的watch属性：参考链接

watch: {
    $route: {
      handler: function(route) {
        this.redirect = route.query && route.query.redirect;
      },
      immediate: true
    }

参考链接

java生成随机数：参考链接

masql随机抽取一定数量数据：参考链接

将两个list集合合并为一个，使用Stream流怎么实现，待测试！