【亲测免费】 RuoYi-Mall 项目使用教程

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

RuoYi-Mall 是一个基于若依框架的前后端分离的商城系统。项目的目录结构如下：

ruoyi-mall/
├── doc/                  # 项目文档
├── ruoyi-admin/          # 后端管理模块
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/     # Java 源代码
│   │   │   └── resources/ # 资源文件
│   │   └── test/         # 测试代码
│   └── pom.xml           # Maven 配置文件
├── ruoyi-ui/             # 前端模块
│   ├── public/           # 公共资源
│   ├── src/
│   │   ├── assets/       # 静态资源
│   │   ├── components/   # Vue 组件
│   │   ├── router/       # 路由配置
│   │   ├── store/        # Vuex 状态管理
│   │   ├── views/        # 页面视图
│   │   ├── App.vue       # 主应用组件
│   │   └── main.js       # 入口文件
│   └── package.json      # 前端依赖配置
└── pom.xml               # 项目总 Maven 配置文件

2. 项目的启动文件介绍

后端启动文件

后端启动文件位于 ruoyi-admin/src/main/java/com/ruoyi/RuoYiApplication.java，这是一个标准的 Spring Boot 应用启动类：

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

前端启动文件

前端启动文件位于 ruoyi-ui/src/main.js，这是 Vue 项目的入口文件：

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，包含了数据库连接、服务器端口、日志配置等：

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

logging:
  level:
    root: info

前端配置文件

前端主要的配置文件位于 ruoyi-ui/vue.config.js，用于配置 webpack 和开发服务器：

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

以上是 RuoYi-Mall 项目的基本使用教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望这些信息能帮助你更好地理解和使用该项目。