基于Vue3+Element Plus+FastAPI开发的一个通用中后台管理框架(若依的FastAPI版本),支持代码生成。A general middle and backend management framework developed with Vue3 + Element Plus + FastAPI (FastAPI Edition of RuoYi), supporting code generation.
See the code
RuoYi-FastAPI是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
前端目录约定为 ruoyi-fastapi-frontend/<framework>/{web,mobile},其中 <framework> 是前端框架标识,当前为 vue2、vue3。
RuoYi-FastAPI/
├── ruoyi-fastapi-backend/ # 共用 FastAPI 后端
├── ruoyi-fastapi-frontend/
│ ├── vue2/
│ │ ├── web/ # Vue2 + Element UI
│ │ └── mobile/ # uni-app + Vue2
│ └── vue3/
│ ├── web/ # Vue3 + Element Plus + Vite
│ └── mobile/ # uni-app + Vue3 + Vite
└── ruoyi-fastapi-test/ # 端到端与跨工程契约测试
后端密钥配置与轮换说明:ruoyi-fastapi-backend/docs/transport_crypto_config.md
# 克隆项目
git clone https://gitee.com/insistence2022/RuoYi-FastAPI.git
# 进入项目根目录
cd RuoYi-FastAPI
# 从仓库根目录进入 Vue3 Web 工程
cd ruoyi-fastapi-frontend/vue3/web
# 使用 Vue2 时改为:cd ruoyi-fastapi-frontend/vue2/web
# 安装依赖
npm install 或 yarn --registry=https://registry.npmmirror.com
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev 或 yarn dev
两个 Web 工程默认都使用 80 端口,开发代理均指向同一个 9099 后端。同时运行时,请分别配置不同的前端端口。
Vue2 Web 使用 Vue CLI 4 / webpack 4,在 Node.js 18 及以上启动或构建前,需要设置 NODE_OPTIONS=--openssl-legacy-provider:PowerShell 执行 $env:NODE_OPTIONS = '--openssl-legacy-provider',Bash 执行 export NODE_OPTIONS=--openssl-legacy-provider。Docker 和构建 CI 已配置此选项。
# 从仓库根目录进入移动端工程
cd ruoyi-fastapi-frontend/vue3/mobile
# 安装依赖
npm install -g pnpm
pnpm install
# 启动 H5
pnpm dev:h5
# 启动微信小程序
pnpm dev:mp-weixin
# 从仓库根目录进入移动端工程
cd ruoyi-fastapi-frontend/vue2/mobile
yarn install
# 启动 H5
yarn dev:h5
# 启动微信小程序
yarn dev:mp-weixin
# 进入后端目录
cd ruoyi-fastapi-backend
# 如果使用的是MySQL数据库,请执行以下命令安装项目依赖环境
pip3 install -r requirements.txt
# 如果使用的是PostgreSQL数据库,请执行以下命令安装项目依赖环境
pip3 install -r requirements-pg.txt
# 安装AI插件依赖,如果不需要AI插件,可忽略此步骤
ruoyi plugin install-deps ai
# 配置环境
在.env.dev文件中配置开发环境的数据库和redis
# 运行sql文件
1.新建数据库ruoyi-fastapi(默认,可修改)
2.如果使用的是MySQL数据库,使用命令或数据库连接工具运行sql文件夹下的ruoyi-fastapi.sql;如果使用的是PostgreSQL数据库,使用命令或数据库连接工具运行sql文件夹下的ruoyi-fastapi-pg.sql
# 运行后端
ruoyi app run --env=dev
后端 CLI 使用说明请参考:ruoyi-fastapi-backend/docs/cli_usage.md
# 默认账号密码
账号:admin
密码:admin123
# 浏览器访问
地址:http://localhost:80
先进入要发布的 ruoyi-fastapi-frontend/vue2/web 或 ruoyi-fastapi-frontend/vue3/web 工程,再运行:
# 构建测试环境
npm run build:stage 或 yarn build:stage
# 构建生产环境
npm run build:prod 或 yarn build:prod
# 配置环境
在.env.prod文件中配置生产环境的数据库和redis
# 运行后端
ruoyi app run --env=prod
⚠️ 警告: 默认未做数据持久化配置,请注意数据备份或自行配置持久化
Compose 通过前端框架标识选择 Web 工程。仓库根目录的 docker.env 默认设置 FRONTEND_FRAMEWORK=vue3,当前可选值为 vue2、vue3;改为 vue2 可切换到 Vue2 Web。执行下方命令时,通过 --env-file docker.env 显式加载配置。该变量同时选择 ruoyi-fastapi-frontend/<framework>/web 构建目录与对应的 nginx 配置,并通过 RUOYI_PLUGIN_FRONTEND_FRAMEWORK 传入后端,使插件依赖检查和安装使用相同框架分类。各框架共用后端服务与数据库配置;本次部署只构建所选 Web 工程,不会构建移动端。
docker compose --env-file docker.env -f docker-compose.my.yml up -d --build
docker compose --env-file docker.env -f docker-compose.pg.yml up -d --build
如果有对本项目及FastAPI感兴趣的朋友,欢迎加入知识星球一起交流学习,让我们一起变得更强。如果你觉得这个项目帮助到了你,你可以请作者喝杯咖啡表示鼓励☕。扫描下面微信二维码添加微信备注VF-Admin即可进群。
|
|
|
基于Vue3+Element Plus+FastAPI开发的一个通用中后台管理框架(若依的FastAPI版本),支持代码生成。A general middle and backend management framework developed with Vue3 + Element Plus + FastAPI (FastAPI Edition of RuoYi), supporting code generation.
See the code
RuoYi-FastAPI是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
前端目录约定为 ruoyi-fastapi-frontend/<framework>/{web,mobile},其中 <framework> 是前端框架标识,当前为 vue2、vue3。
RuoYi-FastAPI/
├── ruoyi-fastapi-backend/ # 共用 FastAPI 后端
├── ruoyi-fastapi-frontend/
│ ├── vue2/
│ │ ├── web/ # Vue2 + Element UI
│ │ └── mobile/ # uni-app + Vue2
│ └── vue3/
│ ├── web/ # Vue3 + Element Plus + Vite
│ └── mobile/ # uni-app + Vue3 + Vite
└── ruoyi-fastapi-test/ # 端到端与跨工程契约测试
后端密钥配置与轮换说明:ruoyi-fastapi-backend/docs/transport_crypto_config.md
# 克隆项目
git clone https://gitee.com/insistence2022/RuoYi-FastAPI.git
# 进入项目根目录
cd RuoYi-FastAPI
# 从仓库根目录进入 Vue3 Web 工程
cd ruoyi-fastapi-frontend/vue3/web
# 使用 Vue2 时改为:cd ruoyi-fastapi-frontend/vue2/web
# 安装依赖
npm install 或 yarn --registry=https://registry.npmmirror.com
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev 或 yarn dev
两个 Web 工程默认都使用 80 端口,开发代理均指向同一个 9099 后端。同时运行时,请分别配置不同的前端端口。
Vue2 Web 使用 Vue CLI 4 / webpack 4,在 Node.js 18 及以上启动或构建前,需要设置 NODE_OPTIONS=--openssl-legacy-provider:PowerShell 执行 $env:NODE_OPTIONS = '--openssl-legacy-provider',Bash 执行 export NODE_OPTIONS=--openssl-legacy-provider。Docker 和构建 CI 已配置此选项。
# 从仓库根目录进入移动端工程
cd ruoyi-fastapi-frontend/vue3/mobile
# 安装依赖
npm install -g pnpm
pnpm install
# 启动 H5
pnpm dev:h5
# 启动微信小程序
pnpm dev:mp-weixin
# 从仓库根目录进入移动端工程
cd ruoyi-fastapi-frontend/vue2/mobile
yarn install
# 启动 H5
yarn dev:h5
# 启动微信小程序
yarn dev:mp-weixin
# 进入后端目录
cd ruoyi-fastapi-backend
# 如果使用的是MySQL数据库,请执行以下命令安装项目依赖环境
pip3 install -r requirements.txt
# 如果使用的是PostgreSQL数据库,请执行以下命令安装项目依赖环境
pip3 install -r requirements-pg.txt
# 安装AI插件依赖,如果不需要AI插件,可忽略此步骤
ruoyi plugin install-deps ai
# 配置环境
在.env.dev文件中配置开发环境的数据库和redis
# 运行sql文件
1.新建数据库ruoyi-fastapi(默认,可修改)
2.如果使用的是MySQL数据库,使用命令或数据库连接工具运行sql文件夹下的ruoyi-fastapi.sql;如果使用的是PostgreSQL数据库,使用命令或数据库连接工具运行sql文件夹下的ruoyi-fastapi-pg.sql
# 运行后端
ruoyi app run --env=dev
后端 CLI 使用说明请参考:ruoyi-fastapi-backend/docs/cli_usage.md
# 默认账号密码
账号:admin
密码:admin123
# 浏览器访问
地址:http://localhost:80
先进入要发布的 ruoyi-fastapi-frontend/vue2/web 或 ruoyi-fastapi-frontend/vue3/web 工程,再运行:
# 构建测试环境
npm run build:stage 或 yarn build:stage
# 构建生产环境
npm run build:prod 或 yarn build:prod
# 配置环境
在.env.prod文件中配置生产环境的数据库和redis
# 运行后端
ruoyi app run --env=prod
⚠️ 警告: 默认未做数据持久化配置,请注意数据备份或自行配置持久化
Compose 通过前端框架标识选择 Web 工程。仓库根目录的 docker.env 默认设置 FRONTEND_FRAMEWORK=vue3,当前可选值为 vue2、vue3;改为 vue2 可切换到 Vue2 Web。执行下方命令时,通过 --env-file docker.env 显式加载配置。该变量同时选择 ruoyi-fastapi-frontend/<framework>/web 构建目录与对应的 nginx 配置,并通过 RUOYI_PLUGIN_FRONTEND_FRAMEWORK 传入后端,使插件依赖检查和安装使用相同框架分类。各框架共用后端服务与数据库配置;本次部署只构建所选 Web 工程,不会构建移动端。
docker compose --env-file docker.env -f docker-compose.my.yml up -d --build
docker compose --env-file docker.env -f docker-compose.pg.yml up -d --build
如果有对本项目及FastAPI感兴趣的朋友,欢迎加入知识星球一起交流学习,让我们一起变得更强。如果你觉得这个项目帮助到了你,你可以请作者喝杯咖啡表示鼓励☕。扫描下面微信二维码添加微信备注VF-Admin即可进群。
|
|
|