本系统基于vue+element-UI搭建，配合面试题库中后端服务开发，具有学生信息管理、课程信息管理、选课表管理、学生选课等多种功能。将功能区域划分为组件，数据处理迅速，面试题目中要求的所有功能皆已实现，并提供严谨的校验及友好的交互操作。
- 检查本机是否有npm、node环境
- 将后台服务器开启 ，检查是否能够正常访问【重要！】
- 将项目文件夹导入编译器【本人使用vscode开发，建议一致】
- 打开终端 在此项目文件夹的环境下 执行指令 npm i 【必须！】
- 待所有依赖包安装完成后 继续执行指令 npm run dev
- 待终端中提示 在浏览器输入此地址访问
- 查看页面 执行想要的操作
在本项目中，以badge标识符区分用户角色
Admin 管理员提供给管理员具备的服务较多，能够学生表、课程表及相关学生的选课情况，进行数据的CURD操作。
Student 在【我要选课】页面，在选择框输入(或选择)自己的信息【ps：只有在数据库中有的数据才能被选择】
如下图，导航栏角标所示：
再对课程表进行数据处理的过程中，我发现学生信息获取对应后台的接口，返回的数据很有层次感，所以就针对表单做了融合，将每个学生选课的数目在表单上显示出来，同时，点击操作能够查看当前同学的选的是哪几门课程。 如图所示：
由于在转化课程名的阶段，找不到详尽的查询接口，碍于水平有限，缓兵之计，将课程id代替为课程名称登上前台。不过，这只是暂时，我相信，只要有和后台的一点沟通，这个功能我将会及时修复。