[](LICENSE)
[](https://reactjs.org/)
[](https://flask.palletsprojects.com/)
[](https://www.python.org/)
**展示创意作品和项目的现代化作品集网站**
---
### 🚀 功能特点
- 🎨 **清新设计**: 清新可爱的淡绿色配色方案
- 📱 **移动优先**: 完全响应式设计，优先适配手机端
- 🔍 **智能搜索**: 作品搜索和分类筛选功能
- 📦 **多平台支持**: 支持Windows/Android/Linux下载
- 🖼️ **丰富媒体**: 作品截图和视频展示
- 📊 **数据统计**: 浏览量、下载量、点赞量、更新次数统计
- 🛡️ **防刷机制**: 基于用户指纹的智能防刷保护
- 👑 **管理后台**: 完整的后台管理界面
- 📁 **文件管理**: 拖拽上传，支持批量操作
- ⚡ **现代技术栈**: 基于React和Flask构建
### 🛠️ 技术栈
**前端**
- React 18.2.0
- Styled Components
- Axios
- React Router DOM
**后端**
- Python 3.13.2
- Flask 3.0.0
- Flask-CORS
### 📦 快速开始
#### 方式一：使用批处理文件（Windows）
1. **启动后端服务**
```bash
# 双击运行
start_backend.bat
```
2. **启动前端服务**（新开命令窗口）
```bash
# 双击运行
start_frontend.bat
```
#### 方式二：手动启动
1. **后端设置**
```bash
cd backend
pip install -r requirements.txt
python app.py
```
2. **前端设置**（新开终端）
```bash
cd frontend
npm install
npm start
```
### 🌐 访问地址
- **前端页面**: http://localhost:3000
- **后端API**: http://localhost:5000
- **管理员界面**: http://localhost:3000/admin?token=shumengya520
### 📁 项目结构
```
树萌芽の作品集/
├── 📂 backend/ # Flask后端
│ ├── 🐍 app.py # 主应用程序
│ └── 📋 requirements.txt # Python依赖
├── 📂 frontend/ # React前端
│ ├── 📂 public/ # 静态资源
│ ├── 📂 src/ # 源代码
│ │ ├── 📂 components/ # React组件
│ │ ├── 📂 services/ # API服务
│ │ ├── ⚛️ App.js # 主应用组件
│ │ └── 🎯 index.js # 入口文件
│ └── 📦 package.json # Node.js依赖
├── 📂 config/ # 配置文件
│ └── ⚙️ settings.json # 网站设置
├── 📂 works/ # 作品目录
│ ├── 📁 aicodevartool/ # AI代码变量工具
│ ├── 📁 mengyafarm/ # 萌芽农场
│ └── 📁 mml_cgj2025/ # MML创意游戏大赛2025
└── 📖 README.md # 本文件
```
### 🔧 API接口
#### 公共API
- `GET /api/settings` - 获取网站设置
- `GET /api/works` - 获取所有作品
- `GET /api/works/{work_id}` - 获取作品详情
- `GET /api/search` - 搜索作品
- `GET /api/categories` - 获取分类
- `POST /api/like/{work_id}` - 点赞作品
#### 管理员API（需要token）
- `GET /api/admin/works` - 管理员获取作品
- `POST /api/admin/works` - 创建新作品
- `PUT /api/admin/works/{work_id}` - 更新作品
- `DELETE /api/admin/works/{work_id}` - 删除作品
- `POST /api/admin/upload/{work_id}/{file_type}` - 上传文件
### 👨💻 开发
1. **克隆仓库**
```bash
git clone