# Vue3+FastAPI

**Repository Path**: nifty/fast-api

## Basic Information

- **Project Name**: Vue3+FastAPI
- **Description**: Vue-Manage-System+FastAPI 实现学生选课系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 67
- **Created**: 2023-10-23
- **Last Updated**: 2023-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 学生选课系统

## 介绍

+ Python Web框架 [FastAPI](https://fastapi.tiangolo.com/zh/) 📖
+ Vue3+ElementPlus+FastAPI 实现学生选课系统（尝试中......😝）
+ 第一次做前后端分离的项目，希望可以完成！！！😁

## 安装

+ **后端安装**：[FastAPI](https://fastapi.tiangolo.com/zh/) --> `backend` --> README.md
+ **前端安装**：Vue3+ElementPlus+Vite --> `frontend` --> README.md (参考[Vue-Manage-System](https://github.com/lin-xin/vue-manage-system))

## 版本

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

## 开启服务

1. 后端

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

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

2. 前端

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

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

3. 效果

+ 登录界面
  
  + `用户名`：`admin`

  + `密码`：`123123`
  
  + 如图
  
    ![](https://gitee.com/zxiaosi/image/raw/master/Project/Vue+FastAPI/frontend-login.png)
  
+ 测试数据的`增`

  ![](https://gitee.com/zxiaosi/image/raw/master/Project/Vue+FastAPI/%E5%A2%9E.gif)
  
+ 测试数据的`删`

  ![](https://gitee.com/zxiaosi/image/raw/master/Project/Vue+FastAPI/%E6%94%B9.gif)

+ 测试数据的`改`

  ![](https://gitee.com/zxiaosi/image/raw/master/Project/Vue+FastAPI/%E5%88%A0.gif)