# Vue+FastAPI

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

## Basic Information

- **Project Name**: Vue+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**: 2021-10-31
- **Last Updated**: 2022-05-24

## 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
+ **前端**：[Vue-Manage-System](https://github.com/lin-xin/vue-manage-system) --> `frontend` --> README.md

## 版本

+ `1.0` 测试数据的增上改查已完成

## 开启服务

1. 后端

   + 进入到 `backend` 项目下
   + 找到 `main.py` 右键运行（建议用Pycharm启动）
   + 注意 1安装pip install python-jose，不要安装jose
   +     2先卸载 pip uninstall crypto
   +     3 先卸载 pip uninstall pycrypto
   +     4 安装   pip install pycrypto
         

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

2. 前端

   + 进到 `frontend` 目录下
   + `npm run dev` 运行项目（建议用Vscode）
   + 注意 npm 7 以下
      针对 npm 版本v7以下

        首先确认 ignore-scripts 是否被设置成 true 。
        运行 npm config get ignore-scripts ，如果是 false 则是正确的，否则需要通过运行 npm config set ignore-scripts false 将 ignore-scripts设置为 false 。
        通过设置之后，再次运行调试应该是ok的了。
   npm 版本v7以上的
        
        还需要确认一下 package-lock.json 文件的 lockfileVersion 字段为 1 ，或者 hasInstallScript 设置为 true 了。如果两者都没有被正确设置，则就是一个已知的BUG

  


   >服务接口：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)