学生选课系统

预览

• Vue3++TS+ElementPlus+Vite
• FastAPI接口预览
• 🎉🎉🎉感谢 wendingming 整理的 项目部署的准备工作

安装

• 后端安装：FastAPI（代码参考CharmCode）
• 前端安装：Vue3+Ts (代码参考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 部署项目
• 2.1 重构FastAPI
• 2.2 配置nginx以及SSL证书(域名未备案，ssl证书未生效)
• 2.3 添加Redis
• 2.4 加入TS
• 2.5 支持PostgreSQL，实现图片上传
• 2.6 前端文件分离(vue与ts)，后端实现权限管理

TODO：学习 SQLAlchemy1.4, Fastapi异步操作数据库

开启服务

1. 后端

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

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

2. 前端

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

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

3. 效果

• 登录界面

  • 用户名：admin

  • 密码：123

  • 如图

    

• 首页（假数据）

  

• 数据的增

  

• 数据的删

  

• 数据的改

  

• 搜索数据

  

• 多选删除