# sky_web

**Repository Path**: prison-madness/sky_web

## Basic Information

- **Project Name**: sky_web
- **Description**: 这是我的作业，本仓库为光遇介绍页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-27
- **Last Updated**: 2026-06-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 光遇玩家社区网站

## ✨ 项目特性

### 🎮 完整功能
1. **用户系统** - 注册/登录/退出，密码SHA256加密
2. **个人主页** - 头像、个性签名、自定义胸章、相册展示
3. **相册系统** - 创建/删除相册，上传/管理照片，筛选分类
4. **游戏画廊** - 七大王国地图介绍，游戏特色系统说明
5. **数据分析** - 从API实时获取数据，用户配额统计
6. **问卷调查** - 玩家体验调研
7. **权限设置** - 相册/主页公开权限切换
8. **会员系统** - 普通用户100MB，VIP用户1GB空间

### 🛠️ 技术栈
- **后端**: Python Flask + SQLite
- **前端**: HTML5 + CSS3 + JavaScript (ES6+)
- **数据库**: SQLite (自动创建所有表)
- **文件存储**: static/uploads 目录

## 🚀 快速启动

### 1. 安装依赖
```bash
pip install flask flask-cors
```

### 2. 启动后端服务
```bash
cd sky_website
python3 app.py
```

服务将在 `http://localhost:5000` 启动

### 3. 访问网站
打开浏览器访问：`http://localhost:5000`

## 📁 项目结构
```
sky_website/
├── app.py              # 后端Flask服务
├── sky_community.db    # SQLite数据库（自动创建）
├── static/uploads/     # 上传文件目录
├── css/style.css       # 全局样式
├── js/
│   ├── common.js       # 公共函数（服务端状态、Toast等）
│   ├── profile.js      # 个人主页逻辑
│   ├── album.js        # 相册管理逻辑
│   ├── analytics.js    # 数据分析逻辑
│   └── settings.js     # 设置页面逻辑
├── pages/
│   ├── profile.html    # 个人主页
│   ├── album.html      # 相册详情
│   ├── gallery.html    # 游戏画廊
│   ├── settings.html   # 账户设置
│   ├── analytics.html  # 数据分析
│   ├── login.html      # 登录
│   ├── register.html   # 注册
│   └── survey.html     # 问卷调查
└── index.html          # 首页
```

## 🔌 API接口列表

### 用户相关
- `POST /register` - 用户注册
- `POST /login` - 用户登录
- `GET /user/<username>` - 获取用户信息
- `PUT /user/profile` - 更新用户资料
- `PUT /user/privacy` - 更新隐私设置
- `POST /user/upgrade` - 升级VIP
- `GET /user/<username>/logs` - 获取操作日志

### 头像相关
- `POST /upload/avatar` - 上传头像
- `GET /avatar/<username>` - 获取头像

### 相册相关
- `GET /albums/<username>` - 获取用户相册列表
- `POST /albums` - 创建相册
- `DELETE /albums/<id>` - 删除相册
- `GET /albums/info/<id>` - 获取相册信息

### 照片相关
- `GET /photos/<album_id>` - 获取相册照片
- `POST /upload/photo` - 上传照片
- `DELETE /photos/<id>` - 删除照片

### 统计相关
- `GET /survey_stats` - 问卷统计数据（实时）
- `GET /quota_stats` - 用户配额统计（实时）
- `GET /health` - 服务健康检查

## ✅ 验收要点

### 已完成功能
1. ✅ 数据分析从 `/survey_stats` 实时获取，不使用localStorage
2. ✅ 顶部导航栏显示服务端连接状态（在线/离线）
3. ✅ 注册登录功能正常工作
4. ✅ 4个新增页面完整实现
   - profile.html - 个人主页
   - album.html - 相册管理
   - gallery.html - 游戏介绍画廊
   - settings.html - 账户设置
5. ✅ 所有数据库表正确创建并关联
6. ✅ 所有后端API接口正常工作
7. ✅ 头像上传预览功能
8. ✅ 图片筛选分类（日期/大小/类型）
9. ✅ 配额进度条显示
10. ✅ 权限切换功能
11. ✅ 用户存储空间统计列表

## 🎨 光遇主题风格
- 渐变蓝紫色配色，温暖治愈
- 圆角卡片设计，柔和阴影
- 响应式布局，支持移动端
- 流畅的动画过渡效果
- Toast消息提示

---

**温暖的灵魂终将相遇 ✨**