/Vue3-FastAPI

Vue3+ElementPlus+FastAPI 实现学生选课系统

Primary LanguagePython

学生选课系统

预览

介绍

  • 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

    • 如图

  • 首页（假数据）

    home

  • 数据的增

    add

  • 数据的删

    delete

  • 数据的改

    update

  • 搜索数据

  • 多选删除

    selectedDelete