# autorun-server-open

**Repository Path**: mr_laoleng_admin/autorun-server-open

## Basic Information

- **Project Name**: autorun-server-open
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2026-01-06
- **Last Updated**: 2026-01-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AutoRun

一个基于 Java + Vue 的自动化脚本管理平台，提供用户认证和脚本中控功能。

## 项目结构

```
autorun-server/
├── backend/           # Java 后端服务 (Spring Boot)
│   ├── src/main/java/ # Java 源码
│   │   └── com/autorun/server/
│   │       ├── controller/    # 控制器
│   │       ├── service/       # 业务逻辑
│   │       ├── entity/        # 数据实体
│   │       ├── mapper/        # MyBatis 映射器
│   │       ├── dto/           # 数据传输对象
│   │       ├── config/        # 配置类
│   │       └── utils/         # 工具类
│   ├── src/main/resources/    # 资源文件
│   │   ├── application.yml    # 应用配置
│   │   └── mapper/           # MyBatis XML
│   └── pom.xml               # Maven 配置
├── frontend/          # Vue 前端应用
│   ├── public/        # 静态资源
│   ├── src/           # 源代码
│   │   ├── api/       # API 接口
│   │   ├── router/    # 路由配置
│   │   ├── views/     # 页面组件
│   │   ├── App.vue    # 根组件
│   │   └── main.js    # 程序入口
│   ├── package.json   # 依赖配置
│   └── vue.config.js  # Vue 配置
├── database/          # 数据库脚本
│   └── init.sql       # 初始化 SQL
└── README.md          # 项目说明
```

## 技术栈

### 后端
- **Java 8+**
- **Spring Boot 2.5.5** - Web 框架
- **MyBatis Plus** - ORM 框架
- **MySQL** - 数据库
- **JWT** - 身份认证
- **Spring Security** - 安全框架
- **Lombok** - 代码简化

### 前端
- **Vue 3** - 前端框架
- **Element Plus** - UI 组件库
- **Vue Router** - 路由管理
- **Axios** - HTTP 客户端

## UI 设计

AutoRun 采用苹果风格的设计语言：
- **简洁白色背景** - 主色调为 #f5f5f7
- **系统字体** - 使用 -apple-system 字体栈
- **圆角设计** - 12px 圆角符合现代审美
- **iOS 蓝色** - 主要操作使用 #007AFF
- **优雅动画** - 使用 cubic-bezier 缓动函数
- **响应式布局** - 完美适配各种设备

## 快速开始

### 一键启动（推荐）

使用提供的启动脚本，可以自动停止现有服务并启动新的服务：

```bash
# 给脚本添加执行权限（首次运行）
chmod +x start.sh stop.sh

# 启动所有服务
./start.sh
```

启动脚本会自动：
1. 🛑 停止已运行的后端服务
2. 🔍 检查环境依赖 (Java, Node.js, MySQL)
3. 📦 安装Maven依赖和前端依赖
4. 🚀 启动后端服务 (端口: 8891)
5. 🎨 启动前端服务 (端口: 8081)

### 停止服务

当需要停止所有服务时：

```bash
# 停止所有AutoRun相关服务
./stop.sh
```

停止脚本会：
1. 🛑 停止所有Java后端进程
2. 🛑 停止占用8891/8081端口的进程
3. 🛑 清理AutoRun相关的残留进程
4. 📊 显示停止前后的进程状态

## 手动运行

如果你希望手动控制每个步骤，可以按以下方式操作：

### 1. 数据库配置

首先创建 MySQL 数据库并执行初始化脚本：

```bash
mysql -u root -p < database/init.sql
```

### 2. 后端启动

```bash
cd backend

# 下载依赖
mvn clean install

# 设置环境变量（可选，有默认值）
export DB_PASSWORD="your_mysql_password"
export JWT_SECRET="your-secret-key"

# 运行服务
mvn spring-boot:run
```

后端服务将在 `http://localhost:8891` 启动

### 3. 前端启动

```bash
cd frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev
```

前端应用将在 `http://localhost:8081` 启动

## 环境变量配置

后端支持以下环境变量配置：

```bash
# 服务器配置
SERVER_HOST=0.0.0.0      # 服务器地址，默认 0.0.0.0
SERVER_PORT=8891         # 服务器端口，默认 8891

# 数据库配置
DB_HOST=localhost        # 数据库地址，默认 localhost
DB_PORT=3306            # 数据库端口，默认 3306
DB_USER=root            # 数据库用户，默认 root
DB_PASSWORD=            # 数据库密码，默认为空
DB_NAME=autorun_db      # 数据库名，默认 autorun_db

# JWT 配置
JWT_SECRET=your-secret-key-change-in-production  # JWT 密钥
JWT_EXPIRE_DAYS=30      # Token 过期天数，默认 30 天
```

## API 接口

### 认证接口

#### 注册用户
```
POST /api/auth/register
Content-Type: application/json

{
  "username": "admin",
  "password": "123456",
  "number": 5
}
```

#### 用户登录
```
POST /api/auth/login
Content-Type: application/json

{
  "username": "admin",
  "password": "123456"
}
```

#### 健康检查
```
GET /health
```

## 数据库结构

### users 表

| 字段 | 类型 | 说明 |
|------|------|------|
| id | INT | 主键，自增 |
| username | VARCHAR(50) | 用户名，唯一 |
| password | VARCHAR(255) | 密码（bcrypt 加密） |
| number | INT | 窗口数量，默认 1 |
| create_time | TIMESTAMP | 创建时间 |
| update_time | TIMESTAMP | 更新时间 |

## 功能特性

- ✅ 用户注册和登录
- ✅ JWT Token 认证（30天有效期）
- ✅ 密码 bcrypt 加密
- ✅ 苹果风格响应式 UI 设计
- ✅ CORS 跨域支持
- ✅ 输入验证和错误处理
- ✅ 环境变量配置
- ✅ 优雅的交互动画

## 设计特色

### Apple 风格界面
- **极简设计** - 去除不必要的视觉元素
- **一致性** - 统一的圆角、间距和颜色
- **可读性** - 优秀的字体层级和对比度
- **易用性** - 直观的交互反馈

### 现代化体验
- **微动画** - 自然的过渡效果
- **响应式** - 完美适配移动端
- **无障碍** - 支持键盘操作和屏幕阅读器
- **性能优化** - 快速加载和流畅交互

## 开发说明

### 后端开发
- 使用 `gin.Default()` 创建路由
- JWT 中间件保护需要认证的接口
- 统一的错误响应格式
- 数据库连接池管理

### 前端开发
- Vue 3 Composition API
- Element Plus 组件库 + 自定义 Apple 样式
- Axios 拦截器处理 Token
- 响应式布局设计

## 部署说明

### 后端部署
```bash
# 编译
mvn clean package

# 运行
java -jar target/autorun-server-1.0.0.jar
```

### 前端部署
```bash
# 构建
npm run build

# 部署 dist/ 目录到 Web 服务器
```

## 许可证

MIT License