学生选课系统

预览

• Vue3+Vite+ElementPlus
• FastAPI接口预览

介绍

• Python Web框架 FastAPI 📖
• Vue3+ElementPlus+FastAPI 实现学生选课系统（尝试中......😝）
• 第一次做前后端分离的项目，希望可以完成！！！😁

安装

• 后端安装：FastAPI --> backend --> README.md
• 前端安装：Vue3+ElementPlus+Vite --> frontend --> README.md (参考Vue-Manage-System)

版本

• 1.0 测试数据的增删改查已完成
• 1.1 院系表的增删改查已完成（见信息表格）
• 1.2 首页仪表盘信息的优化
• 1.3 院系表的增删改查初步完成
• 1.4 整理代码
• 1.5 添加了教师表
• 1.6 添加了学生表、课程表、选课表
• 1.7 重构前端代码
• 1.8 封装组件，取出冗余代码
• 1.9 自定义表格组件
• 2.0 部署项目

开启服务

1. 后端

   • 进入到 backend 项目下
   • 找到 main.py 右键运行（建议用Pycharm启动）

   接口文档：http://127.0.0.1:8000/

2. 前端

   • 进到 frontend 目录下
   • npm run dev 运行项目（建议用Vscode）

   服务接口：http://localhost:3000/

3. 效果

• 登录界面

  • 用户名：admin

  • 密码：123123

  • 如图

    

• 首页（假数据）

  

• 数据的增

  

• 数据的删

  

• 数据的改

  

• 搜索数据

  

• 多选删除