【学生课程信息管理系统 使用文档】

本系统基于vue+element-UI搭建,配合面试题库中后端服务开发,具有学生信息管理、课程信息管理、选课表管理、学生选课等多种功能。将功能区域划分为组件,数据处理迅速,面试题目中要求的所有功能皆已实现,并提供严谨的校验及友好的交互操作。

界面概览如下

点击访问:http://vue.platonic.xyz

【我要选课】页面

【学生管理】页面

【课程管理】页面

一、系统部署

  1. 1.检查本机是否有npm、node环境
  2. 2.将后台服务器开启 ,检查是否能够正常访问【重要!】
  3. 3.将项目文件夹导入编译器【本人使用vscode开发,建议一致】
  4. 4.打开终端 在此项目文件夹的环境下 执行指令 npm i 【必须!】
  5. 5.待所有依赖包安装完成后 继续执行指令 npm run dev
  6. 6.待终端中提示 在浏览器输入此地址访问


7.查看页面 执行想要的操作

二、角色功能分类

在本项目中,以badge标识符区分用户角色
Admin 管理员
Student 学生
如下图,导航栏角标所示:

管理员:提供给管理员具备的服务较多,能够学生表、课程表及相关学生的选课情况,进行数据的CURD操作。
学生:在【我要选课】页面,在选择框输入(或选择)自己的信息【ps:只有在数据库中有的数据才能被选择】

三、疑难概述

再对课程表进行数据处理的过程中,我发现学生信息获取对应后台的接口,返回的数据很有层次感,所以就针对表单做了融合,将每个学生选课的数目在表单上显示出来,同时,点击操作能够查看当前同学的选的是哪几门课程。
如图所示:

点击【张美丽同学】对应的课程

【弹框出现 显示详情】

由于在转化课程名的阶段,找不到详尽的查询借口,碍于水平有限,缓兵之计,将课程id代替为课程名称登上前台。不过,这只是暂时,我相信,只要有和后台的一点沟通,这个功能我将会及时修复。

点击 gitHub下载地址

学生课程信息管理系统【源码+后台服务器】相关推荐

  1. java计算机毕业设计学生学籍信息管理系统源码+mysql数据库+lw文档+系统+调试部署

    java计算机毕业设计学生学籍信息管理系统源码+mysql数据库+lw文档+系统+调试部署 java计算机毕业设计学生学籍信息管理系统源码+mysql数据库+lw文档+系统+调试部署 本源码技术栈: ...

  2. 基于Java毕业设计学生学籍信息管理系统源码+系统+mysql+lw文档+部署软件

    基于Java毕业设计学生学籍信息管理系统源码+系统+mysql+lw文档+部署软件 基于Java毕业设计学生学籍信息管理系统源码+系统+mysql+lw文档+部署软件 本源码技术栈: 项目架构:B/S ...

  3. C语言学生学籍信息管理系统源码附赠实验报告

    一.课程设计目标 C语言课程设计的目的是通过课程设计的综合训练,培养学生实际分析问题.编程和动手能力,最终目标是通过这种形式,帮助学生系统掌握该门课程的主要内容,更好地完成教学任务.本课程设计具有如下 ...

  4. 计算机毕业设计Java学生学籍信息管理系统(源码+系统+mysql数据库+lw文档)

    计算机毕业设计Java学生学籍信息管理系统(源码+系统+mysql数据库+lw文档) 计算机毕业设计Java学生学籍信息管理系统(源码+系统+mysql数据库+lw文档) 本源码技术栈: 项目架构:B ...

  5. java计算机毕业设计基于Ssm学生信息管理系统源码+数据库+系统+lw文档+mybatis+运行部署

    java计算机毕业设计基于Ssm学生信息管理系统源码+数据库+系统+lw文档+mybatis+运行部署 java计算机毕业设计基于Ssm学生信息管理系统源码+数据库+系统+lw文档+mybatis+运 ...

  6. C语言期末大作业15个(附源码)成绩管理系统、图书馆管理系统、学生打卡系统、超市信息管理系统、学生考勤系统、职工信息管理系统源码、歌曲信息管理系统、超市收款系统等等

    C语言期末作业15个(上) 1.C语言学生成绩管理系统 2.C语言图书馆管理系统(复杂版) 3.C语言图书馆管理系统(简洁版) 4.C语言停车管理系统(两个版本) 5.C语言学生考勤系统 6.C语言班 ...

  7. C语言期末作业(15个)-货物管理系统、歌曲信息管理系统、职工信息管理系统源码、学生打卡系统、小学生计算机辅助教学系统、门禁系统、银行管理系统等等

    C语言期末作业15个(下) 9.C语言货物管理系统 10.C语言歌曲信息管理系统 11.C语言职工信息管理系统源码 12.C语言学生打卡系统 13.C语言小学生计算机辅助教学系统 14.C语言门禁系统 ...

  8. 计算机毕业设计Javahtml5健身房信息管理系统(源码+系统+mysql数据库+lw文档)

    计算机毕业设计Javahtml5健身房信息管理系统(源码+系统+mysql数据库+lw文档) 计算机毕业设计Javahtml5健身房信息管理系统(源码+系统+mysql数据库+lw文档) 本源码技术栈 ...

  9. java计算机毕业设计html5健身房信息管理系统源码+mysql数据库+系统+lw文档+部署

    java计算机毕业设计html5健身房信息管理系统源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计html5健身房信息管理系统源码+mysql数据库+系统+lw文档+部署 本源码技 ...

最新文章

  1. 微信小程序扫二维码折中进入体验版
  2. 华为防火墙的技术积累
  3. GIS数据格式:Geodatabase
  4. concurrent map使用
  5. Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  6. Sql Server发布订阅如何添加新表如何不初始化整个快照
  7. linux从usb安装软件,Linux下USB Camera的安装和使用
  8. 8-字符串的压缩存储
  9. 动态规划1——生产线调度问题(Dynamic Programming)
  10. jdbc通过idea连接mysql数据库(代码连接,不是插件),使用上海时区还是报错,使用UTCHAI还是报错
  11. 仓库进销存管理软件系统如何更换电脑使用
  12. 验证volatile可见性之诡异事件
  13. 英文字母或者中文字母文本替换
  14. LSK理论、系统及应用目标规划简介
  15. 如何用divi主题做独立站?
  16. 记一次Emotet木马下载器的分析
  17. 新一代互联网安全管理体系研究框架:阳光互联网倡议
  18. 基于规则经验主义和基于统计的自然语言处理方法的比较
  19. 1024,程序员耳机里的BGM
  20. 求圆周率π的近似值(精确到小数点第5位或第7位)

热门文章

  1. 每个人的QQ里 都有一个这样的人
  2. laravel8 页面静态化的几种方式
  3. flash上传图片文件的问题
  4. 笔记:时间序列相关问题
  5. 修改权限644是什么意思
  6. java 判断日期是否在今天之后_java——判断日期是否在今天之前
  7. 数据可视化就是数据分析吗,两者之间是什么关系?
  8. NLP分词算法深度综述学习总结
  9. 怎么修改artifact_《Artifact》怎么修改卡牌描述 修改卡牌描述与游戏UI文字方法分享...
  10. Fineprint目前最好最优秀的虚拟打印机️软件