学生选课功能
学生选课功能
数据库
新增一张学生选课表

前端
学生选课页面,把 Course 页面复制粘贴一份,命名为CourseList.vue
1 | <template> |
1 | import { createRouter, createWebHistory } from "vue-router"; |
1 | <template> |

后端
选课实体类定义
在项目目录/model下创建一个studentCourse.py
1 | # -*- coding:utf-8 -*- |
学生选课
接着实现学生选课的 api 部分,在/api下创建一个studentCourseApi.py
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
在/servie下创建一个studentCourseService.py
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |

查看数据库有无数据插入

管理员/学生查看已选课程
这个需要做到:
- 学生只看自己的
- 管理员看全部的
前端
学生选课页面,将CourseList.vue复制粘贴一下作为StudentCourse.vue
1 | <template> |
1 | import { createRouter, createWebHistory } from "vue-router"; |
1 | <template> |
后端
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |

从学生用户这里来看是挺好的,但是如果,多插入几个学生选课

从管理员的角度来看是这样的,并不能直接看出是哪位学生选了这门课

修改
我们给显示选课记录的这个表格,加一列学生姓名
学生选课表就需要追加一个表的关联,去关联一下学生表获取学生姓名
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
然后给前端这块 数据显示加一列,同时得是管理员的时候才显示这么一列
1 | <template> |

学生选课删除
现在实现删除学生所选课程
前端
1 | <template> |
后端
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
这种写法很冗余,大家自己想想可以怎么优化,我就不改了,或者后面有空改
1 | # -*- coding:utf-8 -*- |
1 | # -*- coding:utf-8 -*- |
测试
管理员删除


学生自己删除


更新: 2024-05-26 18:51:54
原文: https://www.yuque.com/zacharyblock/iacda/hyi625azhg5dant9