# spring_cloud_react

**Repository Path**: luoguang/spring_cloud_react

## Basic Information

- **Project Name**: spring_cloud_react
- **Description**: 1234567890-=
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-07
- **Last Updated**: 2026-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Spring Cloud + React Demo 项目

## 项目结构

```
spring-cloud-react-demo/
├── src/
│   ├── main/
│   │   ├── java/com/example/spring_cloud_react_demo/
│   │   │   ├── entity/User.java           # 用户实体类
│   │   │   ├── mapper/UserMapper.java     # MyBatis 映射接口
│   │   │   ├── service/UserService.java   # 业务逻辑服务
│   │   │   ├── controller/UserController.java # HTTP 控制器
│   │   │   └── SpringCloudReactDemoApplication.java # 应用主类
│   │   ├── resources/
│   │   │   ├── application.properties     # 应用配置
│   │   │   └── static/
│   │   │       ├── index.html            # React 前端入口
│   │   │       └── js/
│   │   │           ├── main.js           # React 渲染入口
│   │   │           └── App.jsx           # React 主组件
│   └── test/
│       └── java/com/example/spring_cloud_react_demo/
│           └── SpringCloudReactDemoApplicationTests.java # 测试类
├── pom.xml                                # Maven 依赖配置
└── README.md                              # 项目说明
```

## 技术栈

- **后端**：Spring Boot、Spring Cloud、MyBatis、Lombok
- **前端**：React
- **数据库**：MySQL

## 功能说明

1. **Eureka 服务注册中心**：运行在端口 8761
2. **用户管理 API**：提供 `/api/users` 接口获取用户列表
3. **React 前端**：展示用户列表数据

## 依赖项

- `spring-boot-starter-webmvc`：Web 支持
- `lombok`：简化代码
- `mybatis-spring-boot-starter`：MyBatis 集成
- `mysql-connector-j`：MySQL 驱动
- `spring-cloud-starter-gateway-server-webmvc`：API 网关
- `spring-cloud-starter-netflix-eureka-server`：Eureka 服务器

## 运行步骤

1. **安装依赖**：
   ```bash
   mvn clean install
   ```

2. **启动应用**：
   ```bash
   mvn spring-boot:run
   ```

3. **访问应用**：
   - Eureka 控制台：http://localhost:8761
   - 前端应用：http://localhost:8761
   - API 接口：http://localhost:8761/api/users

## 数据库配置

在 `application.properties` 文件中配置了 MySQL 数据库连接：

```properties
spring.datasource.url=jdbc:mysql://localhost:3306/test?useSSL=false&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root
```

请确保 MySQL 数据库已启动，并且创建了 `test` 数据库和 `users` 表：

```sql
CREATE DATABASE test;

USE test;

CREATE TABLE users (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(255) NOT NULL,
    email VARCHAR(255) NOT NULL
);

INSERT INTO users (name, email) VALUES
('张三', 'zhangsan@example.com'),
('李四', 'lisi@example.com'),
('王五', 'wangwu@example.com');
```

## 注意事项

1. 本项目使用了 Lombok 注解，需要在 IDE 中安装 Lombok 插件才能正常编译
2. 前端 React 代码使用了 ES6 模块语法，需要在浏览器中支持或使用打包工具
3. 由于没有安装 Node.js，前端代码直接放在了 `static` 目录下，实际生产环境中应该使用 Vite 或 Webpack 等工具进行构建