# xm

**Repository Path**: UniverseSong/111

## Basic Information

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

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-11-07
- **Last Updated**: 2025-11-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 现代化漫画网站

## 项目简介
基于Vue3 + SpringBoot的现代化漫画阅读平台，提供流畅的阅读体验和完善的用户功能。

## 技术栈
- **前端**: Vue 3 + Vite + Element Plus + Axios + Pinia
- **后端**: SpringBoot + MyBatis + MySQL + JWT + Redis
- **样式**: CSS3 + 响应式设计

## 功能特性
- 🎨 现代化UI设计，支持深色模式
- 📱 响应式布局，完美适配移动端
- 🔍 智能搜索和分类浏览
- 📖 流畅的在线阅读体验
- ⭐ 收藏、评分、评论系统
- 👤 完整的用户系统
- 🛠️ 管理后台
- 🔐 JWT身份认证
- 📊 数据统计分析

## 项目结构
```
comic-website/
├── frontend/          # Vue3前端项目
│   ├── src/
│   │   ├── api/       # API接口
│   │   ├── components/# 组件
│   │   ├── layout/    # 布局组件
│   │   ├── router/    # 路由配置
│   │   ├── stores/    # Pinia状态管理
│   │   ├── views/     # 页面组件
│   │   └── style.css  # 全局样式
│   ├── package.json
│   └── vite.config.js
├── backend/           # SpringBoot后端项目
│   ├── src/main/java/com/comic/
│   │   ├── controller/# 控制器
│   │   ├── service/   # 服务层
│   │   ├── mapper/    # 数据访问层
│   │   ├── entity/    # 实体类
│   │   ├── dto/       # 数据传输对象
│   │   ├── config/    # 配置类
│   │   └── security/  # 安全配置
│   ├── src/main/resources/
│   │   ├── mapper/    # MyBatis映射文件
│   │   └── application.yml
│   └── pom.xml
├── database/          # 数据库脚本
│   └── comic_website.sql
└── README.md
```

## 快速开始

### 环境要求
- Node.js 16+
- Java 17+
- MySQL 8.0+
- Redis 6.0+

### 数据库初始化
1. 创建MySQL数据库
2. 执行数据库脚本：
```bash
mysql -u root -p < database/comic_website.sql
```

### 后端启动
1. 修改配置文件 `backend/src/main/resources/application.yml`
2. 配置数据库连接信息
3. 启动后端服务：
```bash
cd backend
mvn spring-boot:run
```

### 前端启动
1. 安装依赖：
```bash
cd frontend
npm install
```
2. 启动开发服务器：
```bash
npm run dev
```

### 访问应用
- 前端地址：http://localhost:3000
- 后端API：http://localhost:8080/api

## 主要功能

### 用户功能
- ✅ 用户注册/登录
- ✅ 个人资料管理
- ✅ 收藏管理
- ✅ 阅读历史
- ✅ 评论系统

### 漫画功能
- ✅ 漫画浏览
- ✅ 分类筛选
- ✅ 搜索功能
- ✅ 推荐系统
- ✅ 热门排行
- ✅ 最新更新

### 系统功能
- ✅ 响应式设计
- ✅ JWT身份认证
- ✅ 数据分页
- ✅ 错误处理
- ✅ 加载状态

## API接口

### 认证接口
- `POST /api/auth/login` - 用户登录
- `POST /api/auth/register` - 用户注册

### 漫画接口
- `GET /api/comics` - 获取漫画列表
- `GET /api/comics/{id}` - 获取漫画详情
- `GET /api/comics/recommended` - 获取推荐漫画
- `GET /api/comics/popular` - 获取热门漫画
- `GET /api/comics/latest` - 获取最新漫画
- `GET /api/comics/search` - 搜索漫画

### 分类接口
- `GET /api/categories` - 获取分类列表
- `GET /api/categories/{id}` - 获取分类详情

## 开发计划
- [x] 项目架构设计
- [x] 数据库设计
- [x] 后端API开发
- [x] 前端页面开发
- [x] 用户认证系统
- [x] 基础功能实现
- [x] 章节阅读功能
- [ ] 文件上传功能
- [ ] 管理后台
- [ ] 功能测试
- [ ] 性能优化
- [ ] 部署上线

## 技术亮点

### 前端技术
- **Vue 3 Composition API**: 更好的逻辑复用和类型推导
- **Vite**: 快速的开发构建工具
- **Element Plus**: 现代化的UI组件库
- **Pinia**: 轻量级状态管理
- **响应式设计**: 完美适配各种设备

### 后端技术
- **Spring Boot**: 快速开发框架
- **MyBatis**: 灵活的ORM框架
- **JWT**: 无状态身份认证
- **Spring Security**: 安全框架
- **Redis**: 缓存和会话管理

### 数据库设计
- **完整的表结构**: 用户、漫画、章节、评论等
- **索引优化**: 提高查询性能
- **数据统计**: 支持访问统计和分析
- **视图设计**: 简化复杂查询

## 贡献指南
1. Fork 项目
2. 创建功能分支
3. 提交更改
4. 推送到分支
5. 创建 Pull Request

## 许可证
MIT License

## 联系方式
如有问题或建议，请提交 Issue 或联系开发者。