FastAPI小项目实战：电影列表（Vue3 + FastAPI）

Posted 2021-10-05 柒意

假期过半, FastAPI + Vue3项目实战 视频也算录完了，尽管项目简单(2张表 共7个接口 4个页面)

起因

1. 在6月底的时候开始录制了FastAPI官方文档中的新手教程部分(实际还没有官网文档详细)，过程中缺少了和数据库交互
2. 在第一次发了FastAPI 翻抄的其他Web项目之后，有同行问到如何和Vue结合使用

结果

在假期结束前，完成了该项目

项目介绍

1. 该项目参考(严重抄袭)Hello Flask 一书中的实战项目: Flask 入门教程 - HelloFlask

2. 该项目使用以下开源项目完成

   • [x] FastAPI
   • [x] Tortoise ORM
   • [x] Vue3
   • [x] Vuex
   • [x] VueRouter
   • [x] Axios
   • [x] ElementPlus
   • [x] Vite2

3. 该项目采用Docker部署：

   服务器比较拉, 还请温柔些

   临时前端演示地址：账号 test 密码 123456

   临时后端接口文档

4. 该项目效果图如下

   

   

   

5. 该项目整体是简单的 只有 两张表，且没有关系。

源码及资料

Gitee: https://gitee.com/zy7y/watch-fastapi
Github: https://github.com/zy7y/watch-fastapi
B站实录视频：https://space.bilibili.com/438858333/channel/detail?cid=190225&ctype=0

对你有帮助还请Star/三连

致谢

感谢以上所有用到的技术栈、框架的作者及其团队

感谢CoderWhy老师的视频教程

• [x] Vue2

感谢李辉老师的Hello Flask书籍及该项目的原版

• [x] Hello Flask
• [x] watchlist

作者：zy7y

出处：http://www.cnblogs.com/zy7y

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文链接，否则保留追究法律责任的权利。