FastAPI + React 项目教程
2026-01-19 10:39:04作者:郦嵘贵Just
1. 项目的目录结构及介绍
fastapi-react-project/
├── assets/
├── scripts/
├── {{cookiecutter.project_slug}}/
│ ├── app/
│ │ ├── api/
│ │ ├── core/
│ │ ├── db/
│ │ ├── models/
│ │ ├── schemas/
│ │ ├── services/
│ │ ├── static/
│ │ ├── templates/
│ │ ├── __init__.py
│ │ ├── main.py
│ │ ├── config.py
│ │ ├── dependencies.py
│ │ ├── exceptions.py
│ │ ├── middleware.py
│ │ ├── routes.py
│ │ ├── utils.py
│ ├── tests/
│ ├── .gitignore
│ ├── CONTRIBUTING.md
│ ├── LICENSE
│ ├── README.md
│ ├── cookiecutter.json
│ ├── Dockerfile
│ ├── docker-compose.yml
│ ├── requirements.txt
│ ├── setup.py
目录结构介绍
assets/: 存放静态资源文件。scripts/: 存放脚本文件。{{cookiecutter.project_slug}}/: 项目主目录。app/: 应用主目录。api/: API 路由和处理函数。core/: 核心配置和功能。db/: 数据库相关文件。models/: 数据库模型。schemas/: Pydantic 模型。services/: 业务逻辑服务。static/: 静态文件。templates/: 模板文件。main.py: 项目启动文件。config.py: 配置文件。dependencies.py: 依赖注入。exceptions.py: 异常处理。middleware.py: 中间件。routes.py: 路由定义。utils.py: 工具函数。
tests/: 测试文件。.gitignore: Git 忽略文件。CONTRIBUTING.md: 贡献指南。LICENSE: 许可证。README.md: 项目说明。cookiecutter.json: Cookiecutter 配置文件。Dockerfile: Docker 配置文件。docker-compose.yml: Docker Compose 配置文件。requirements.txt: Python 依赖包。setup.py: 安装脚本。
2. 项目的启动文件介绍
main.py
from fastapi import FastAPI
from app.api import api_router
from app.core import settings
app = FastAPI(title=settings.PROJECT_NAME, openapi_url=f"{settings.API_V1_STR}/openapi.json")
app.include_router(api_router, prefix=settings.API_V1_STR)
if __name__ == "__main__":
import uvicorn
uvicorn.run(app, host="0.0.0.0", port=8000)
FastAPI实例化并配置项目名称和 OpenAPI URL。- 包含 API 路由器。
- 使用
uvicorn启动应用。
3. 项目的配置文件介绍
config.py
from pydantic import BaseSettings
class Settings(BaseSettings):
PROJECT_NAME: str = "FastAPI-React Project"
API_V1_STR: str = "/api/v1"
SECRET_KEY: str = "super_secret"
SQLALCHEMY_DATABASE_URI: str = "postgresql://postgres:password@db:5432/app"
SUPERUSER_EMAIL: str = "admin@fastapi-react-project.com"
SUPERUSER_PASSWORD: str = "password"
settings = Settings()
BaseSettings用于环境变量和默认值。- 配置项目名称、API 版本路径、密钥、数据库 URI 和超级用户信息。
以上
登录后查看全文
热门项目推荐
相关项目推荐
GLM-5智谱 AI 正式发布 GLM-5,旨在应对复杂系统工程和长时域智能体任务。Jinja00
GLM-5-w4a8GLM-5-w4a8基于混合专家架构,专为复杂系统工程与长周期智能体任务设计。支持单/多节点部署,适配Atlas 800T A3,采用w4a8量化技术,结合vLLM推理优化,高效平衡性能与精度,助力智能应用开发Jinja00
jiuwenclawJiuwenClaw 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。Python0193- QQwen3.5-397B-A17BQwen3.5 实现了重大飞跃,整合了多模态学习、架构效率、强化学习规模以及全球可访问性等方面的突破性进展,旨在为开发者和企业赋予前所未有的能力与效率。Jinja00
AtomGit城市坐标计划AtomGit 城市坐标计划开启!让开源有坐标,让城市有星火。致力于与城市合伙人共同构建并长期运营一个健康、活跃的本地开发者生态。01
awesome-zig一个关于 Zig 优秀库及资源的协作列表。Makefile00
热门内容推荐
最新内容推荐
pi-mono自定义工具开发实战指南:从入门到精通3个实时风控价值:Flink CDC+ClickHouse在金融反欺诈的实时监测指南Docling 实用指南:从核心功能到配置实践自动化票务处理系统在高并发抢票场景中的技术实现:从手动抢购痛点到智能化解决方案OpenCore Legacy Patcher显卡驱动适配指南:让老Mac焕发新生7个维度掌握Avalonia:跨平台UI框架从入门到架构师Warp框架安装部署解决方案:从环境诊断到容器化实战指南突破移动瓶颈:kkFileView的5层适配架构与全场景实战指南革新智能交互:xiaozhi-esp32如何实现百元级AI对话机器人如何打造专属AI服务器?本地部署大模型的全流程实战指南
项目优选
收起
deepin linux kernel
C
27
12
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
601
4.04 K
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
69
21
Ascend Extension for PyTorch
Python
441
531
AscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优
C++
112
170
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.46 K
825
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
922
770
暂无简介
Dart
847
204
React Native鸿蒙化仓库
JavaScript
321
375
openGauss kernel ~ openGauss is an open source relational database management system
C++
174
249