项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(三)

文章目录

• 一、各角色功能菜单设计
• • 1、管理员角色菜单设计
  • • 1.1 管理员主页设计
    • 1.2 主页内相关组件设计
    • • 1.2.1头部组件
      • 1.2.2左侧菜单组件
    • 1.3 功能菜单路由设计
    • 1.4 修改登录校验方法
    • 1.5 效果展示
  • 2、老师角色功能菜单设计
  • • 2.1 老师角色主页设计
    • 2.2 主页内相关组件设计
    • • 2.2.1 头部组件
      • 2.2.2 左侧菜单组件
    • 2.3 功能菜单路由设计
    • 2.4 效果展示
  • 3、学生角色功能设计
  • • 3.1 学生角色主页设计
    • 3.2 效果展示
• 二、代码下载

一、各角色功能菜单设计

系统有三种角色：管理员、老师、学生。每个角色功能不同。
管理员角色功能包括老师管理模块，老师角色拥有考试管理、题库管理、成绩管理、学生管理四个模块，而学生角色包括参与考试、查看成绩、试题练习、留言等功能。所以，管理员和老师可以共用一套组件进行相关的后台管理，学生使用自己的组件进行参加考试等操作。

1、管理员角色菜单设计

1.1 管理员主页设计

在views目录下创建admin目录，在admin目录下创建index.vue文件，用于管理员的主页，初始内容如下：

<script setup>