# htkg

**Repository Path**: osvue/htkg

## Basic Information

- **Project Name**: htkg
- **Description**: No description available
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-22
- **Last Updated**: 2025-07-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Spring Boot 前后端分离项目

这是一个现代化的前后端分离全栈应用项目，使用最新的技术栈构建。
## 这是一个动态菜单组件功能的vue java spring security 项目
## 项目结构

```
htkg/
├── backend/          # Spring Boot 后端
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   └── resources/
│   │   └── test/
│   ├── sql/          # 数据库脚本
│   └── pom.xml
├── frontend/         # Vue 3 前端
│   ├── src/
│   │   ├── components/
│   │   ├── views/
│   │   ├── stores/
│   │   ├── utils/
│   │   └── router/
│   ├── package.json
│   └── vite.config.js
└── README.md
```

## 技术栈

### 后端技术栈
- **Spring Boot 3.2** - Java Web框架
- **MyBatis 3.0** - 数据访问框架
- **MySQL 8.0** - 关系型数据库
- **Maven** - 项目管理和构建
- **RESTful API** - API设计风格

### 前端技术栈
- **Vue 3** - 前端框架 (Composition API)
- **Vite** - 构建工具
- **Vue Router 4** - 路由管理
- **Pinia** - 状态管理
- **Ant Design Vue 4.0** - UI组件库
- **Axios** - HTTP客户端

## 快速开始

### 环境要求

- Java 17+
- Node.js 16+
- MySQL 8.0+
- Maven 3.6+

### 后端启动

1. 创建数据库并导入初始数据：
```sql
mysql -u root -p < backend/sql/init.sql
```

2. 修改数据库配置：
```yaml
# backend/src/main/resources/application.yml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/testdb
    username: your_username
    password: your_password
```

3. 启动后端服务：
```bash
cd backend
mvn spring-boot:run
```

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

### 前端启动

1. 安装依赖：
```bash
cd frontend
npm install
```

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

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

## 功能特性

- ✅ 用户管理 (CRUD操作)
- ✅ 响应式设计
- ✅ 前后端数据交互
- ✅ 表单验证
- ✅ 错误处理
- ✅ 跨域配置
- ✅ API统一响应格式

## API接口

### 用户管理接口

| 方法 | 路径 | 说明 |
|------|------|------|
| GET | `/api/users` | 获取用户列表 |
| GET | `/api/users/{id}` | 获取单个用户 |
| POST | `/api/users` | 创建用户 |
| PUT | `/api/users/{id}` | 更新用户 |
| DELETE | `/api/users/{id}` | 删除用户 |

## 项目特色

1. **现代化技术栈** - 使用最新版本的框架和工具
2. **完整的CRUD操作** - 包含用户管理的完整功能
3. **优雅的UI设计** - 基于Ant Design Vue的现代化界面
4. **类型安全** - 完善的错误处理和验证
5. **开发友好** - 热重载、开发工具等

## 开发说明

- 后端端口：8080
- 前端端口：5173
- 数据库：testdb
- 默认用户：admin/123456

## 许可证

MIT License