# java-test

**Repository Path**: MyMike/java-test

## Basic Information

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

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Java前端项目

这是一个简单实用的Java前端项目示例，展示了现代Web开发的基本技术。

## 项目特点

- **响应式设计**: 适配不同屏幕尺寸的设备
- **现代化UI**: 简洁美观的用户界面
- **交互功能**: 丰富的用户交互体验
- **轻量级**: 代码简洁，易于理解和维护

## 项目结构

```
/data/web/
├── index.html      # 主页面文件
├── style.css       # 样式文件
├── script.js       # JavaScript功能文件
└── README.md       # 项目说明文件
```

## 功能说明

### 1. 导航功能
- 平滑滚动到不同章节
- 响应式导航菜单

### 2. 演示功能
- 点击按钮显示交互效果
- 动态内容展示

### 3. 联系表单
- 表单验证
- 模拟提交功能
- 用户友好的反馈

### 4. 动画效果
- 页面滚动动画
- 加载过渡效果
- 交互反馈动画

## 使用方法

### 本地运行
1. 直接在浏览器中打开 `index.html` 文件
2. 或使用本地服务器运行：
   ```bash
   # 使用Python3
   python3 -m http.server 8000
   
   # 使用Node.js
   npx http-server
   
   # 使用PHP
   php -S localhost:8000
   ```

### Docker容器化运行

#### 使用Docker Compose（推荐）
```bash
# 启动容器
docker compose up -d

# 访问地址：http://localhost:8080

# 停止容器
docker compose down
```

#### 使用Docker命令
```bash
# 构建镜像
./build-docker.sh

# 运行容器
./run-docker.sh

# 停止容器
./stop-docker.sh
```

#### 手动Docker命令
```bash
# 构建镜像
docker build -t java-frontend-app .

# 运行容器
docker run -d --name java-frontend-app -p 8080:80 java-frontend-app

# 停止容器
docker stop java-frontend-app && docker rm java-frontend-app
```

## 技术栈

- **HTML5**: 语义化标签和现代结构
- **CSS3**: 响应式布局和动画效果
- **JavaScript**: 交互功能和动态内容

## 浏览器兼容性

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 开发说明

这个项目适合作为：
- 前端开发学习示例
- 项目原型快速搭建
- 技术演示和展示

## 许可证

MIT License