RuoYi-Vue 项目教程

RuoYi-Vue 项目教程

RuoYi-Vue :tada: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本 项目地址: https://gitcode.com/gh_mirrors/ru/RuoYi-Vue

1. 项目目录结构及介绍

RuoYi-Vue 是一个基于 Spring Boot 和 Vue 的前后端分离的后台管理系统。项目的目录结构如下：

RuoYi-Vue/
├── bin/
│   ├── ry.bat
│   └── ry.sh
├── doc/
├── ruoyi-admin/
├── ruoyi-common/
├── ruoyi-framework/
├── ruoyi-generator/
├── ruoyi-quartz/
├── ruoyi-system/
├── ruoyi-ui/
├── sql/
├── .gitignore
├── LICENSE
├── README.md
└── pom.xml

目录结构介绍

• bin/: 包含项目的启动脚本，ry.bat 用于 Windows 系统，ry.sh 用于 Linux 系统。
• doc/: 存放项目的文档文件。
• ruoyi-admin/: 项目的主应用模块，包含主要的业务逻辑。
• ruoyi-common/: 公共模块，包含一些通用的工具类和配置。
• ruoyi-framework/: 框架模块，包含项目的核心配置和基础功能。
• ruoyi-generator/: 代码生成器模块，用于生成前后端代码。
• ruoyi-quartz/: 定时任务模块，用于管理定时任务。
• ruoyi-system/: 系统模块，包含系统管理相关的功能。
• ruoyi-ui/: 前端代码，使用 Vue 框架开发。
• sql/: 存放数据库脚本文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• pom.xml: Maven 项目配置文件。

2. 项目的启动文件介绍

后端启动文件

后端启动文件位于 ruoyi-admin/src/main/java/com/ruoyi/RuoYiApplication.java，内容如下：

package com.ruoyi;

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，内容如下：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

3. 项目的配置文件介绍

后端配置文件

后端的主要配置文件位于 ruoyi-admin/src/main/resources/application.yml，内容如下：

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

server:
  port: 8080

logging:
  level:
    root: info

前端配置文件

前端的主要配置文件位于 ruoyi-ui/vue.config.js，内容如下：

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

以上是 RuoYi-Vue 项目的目录结构、启动文件和配置文件的介绍。通过这些内容，您可以快速了解项目的结构和配置，并开始进行开发和部署。

RuoYi-Vue :tada: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本 项目地址: https://gitcode.com/gh_mirrors/ru/RuoYi-Vue