【亲测免费】 RuoYi-Vue3-FastAPI 项目教程

RuoYi-Vue3-FastAPI 项目教程

【免费下载链接】RuoYi-Vue3-FastAPI 基于Vue3+Element Plus+FastAPI开发的一个通用中后台管理框架（若依的FastAPI版本） 项目地址: https://gitcode.com/gh_mirrors/ru/RuoYi-Vue3-FastAPI

1. 项目的目录结构及介绍

RuoYi-Vue3-FastAPI/
├── doc/
│   ├── README.md
│   └── ...
├── ruoyi-ui/
│   ├── public/
│   ├── src/
│   └── ...
├── ruoyi-api/
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   │   ├── com/
│   │   │   │   │   ├── insistence/
│   │   │   │   │   │   ├── controller/
│   │   │   │   │   │   ├── service/
│   │   │   │   │   │   └── ...
│   │   │   └── resources/
│   │   │       ├── application.yml
│   │   │       └── ...
│   │   └── test/
│   └── ...
├── .gitignore
├── LICENSE
└── README.md

• doc/: 存放项目文档。
• ruoyi-ui/: 前端项目目录，包含 Vue 3 项目文件。
• ruoyi-api/: 后端项目目录，包含 FastAPI 项目文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

后端启动文件

在 ruoyi-api/src/main/java/com/insistence/RuoYiApplication.java 中，找到主启动类：

package com.insistence;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class RuoYiApplication {
    public static void main(String[] args) {
        SpringApplication.run(RuoYiApplication.class, args);
    }
}

前端启动文件

在 ruoyi-ui/src/main.js 中，找到 Vue 3 项目的入口文件：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App).use(store).use(router).mount('#app')

3. 项目的配置文件介绍

后端配置文件

在 ruoyi-api/src/main/resources/application.yml 中，找到主要的配置文件：

server:
  port: 8080
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/ruoyi?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
  # 其他配置...

前端配置文件

在 ruoyi-ui/vue.config.js 中，找到 Vue 3 项目的配置文件：

module.exports = {
  devServer: {
    port: 8081,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

以上是 RuoYi-Vue3-FastAPI 项目的基本教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助！

【免费下载链接】RuoYi-Vue3-FastAPI 基于Vue3+Element Plus+FastAPI开发的一个通用中后台管理框架（若依的FastAPI版本） 项目地址: https://gitcode.com/gh_mirrors/ru/RuoYi-Vue3-FastAPI