# app-management-system

**Repository Path**: iDai/aicodeditor_gen

## Basic Information

- **Project Name**: app-management-system
- **Description**: app-management-system 是由aicodeditor 自动生成的。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-14
- **Last Updated**: 2025-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 应用管理系统

一个基于Vue 3 + Spring Boot 3.x的全栈应用管理系统，提供应用的增删改查功能。

## 技术栈

### 前端
- Vue 3 + TypeScript
- Vite（构建工具）
- Vue Router（路由管理）
- Pinia（状态管理）
- Axios（HTTP客户端）
- Element Plus（UI组件库）

### 后端
- Java 17
- Spring Boot 3.x
- Spring Data JPA
- H2 Database（内存数据库）
- Maven（项目管理）

## 项目结构

```
app-management-system/
├── frontend/                 # 前端Vue项目
│   ├── src/
│   │   ├── api/             # API接口
│   │   ├── components/      # 公共组件
│   │   ├── stores/          # Pinia状态管理
│   │   ├── types/           # TypeScript类型定义
│   │   ├── views/           # 页面组件
│   │   └── router/          # 路由配置
│   ├── package.json
│   └── vite.config.ts
├── backend/                  # 后端Spring Boot项目
│   ├── src/main/java/com/example/appmanagement/
│   │   ├── controller/      # 控制器
│   │   ├── service/         # 业务逻辑
│   │   ├── repository/      # 数据访问
│   │   ├── entity/          # 实体类
│   │   ├── dto/             # 数据传输对象
│   │   └── config/          # 配置类
│   └── pom.xml
└── README.md
```

## 功能特性

- ✅ 应用列表查看（分页）
- ✅ 应用详情查看
- ✅ 创建新应用
- ✅ 编辑应用信息
- ✅ 删除应用
- ✅ 应用状态管理（运行中/已停止/维护中）
- ✅ 响应式设计
- ✅ 前后端跨域配置

## 快速开始

### 前提条件
- Node.js 16+ 
- Java 17+
- Maven 3.6+

### 启动后端

1. 进入后端目录
```bash
cd backend
```

2. 编译并启动
```bash
mvn clean install
mvn spring-boot:run
```

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

### 启动前端

1. 进入前端目录
```bash
cd frontend
```

2. 安装依赖
```bash
npm install
```

3. 启动开发服务器
```bash
npm run dev
```

前端服务将在 `http://localhost:3000` 启动

## API接口

### 应用管理接口

| 方法 | 路径 | 描述 |
|------|------|------|
| GET | /api/apps | 获取应用列表（支持分页） |
| GET | /api/apps/{id} | 获取单个应用详情 |
| POST | /api/apps | 创建新应用 |
| PUT | /api/apps/{id} | 更新应用信息 |
| DELETE | /api/apps/{id} | 删除应用 |
| GET | /api/apps/stats | 获取应用统计信息 |

### 请求示例

创建应用：
```json
POST /api/apps
{
  "name": "测试应用",
  "description": "这是一个测试应用",
  "version": "1.0.0",
  "status": "ACTIVE"
}
```

## 数据库

项目使用H2内存数据库，启动时会自动创建表结构并插入示例数据。

访问H2控制台：`http://localhost:8080/h2-console`
- JDBC URL: `jdbc:h2:mem:appdb`
- 用户名: `sa`
- 密码: `password`

## 开发命令

### 前端
```bash
npm run dev      # 启动开发服务器
npm run build    # 构建生产版本
npm run preview  # 预览生产版本
npm run lint     # 代码检查
```

### 后端
```bash
mvn spring-boot:run    # 启动应用
mvn clean package     # 打包应用
mvn test              # 运行测试
```

## 项目特点

1. **现代化技术栈**：使用最新版本的Vue 3和Spring Boot 3.x
2. **类型安全**：前端使用TypeScript，后端使用强类型Java
3. **组件化设计**：前端采用组件化开发，代码复用性强
4. **RESTful API**：后端提供标准的REST API接口
5. **响应式UI**：基于Element Plus的现代化界面
6. **数据验证**：前后端双重数据验证
7. **错误处理**：完善的错误处理和用户提示
8. **CORS支持**：配置了跨域资源共享