# DramaReadAI

**Repository Path**: ding-jiachao/drama-read-ai

## Basic Information

- **Project Name**: DramaReadAI
- **Description**: 剧想·智读——AI驱动的沉浸式阅读与学习平台
本项目旨在构建一款融合AI与阅读体验的在线学习与辅助平台的前端，通过模拟人物对话、剧情推演、前情提要以及专业背景解读等方式，为学生和阅读者提供沉浸式学习和阅读辅助。平台不仅能帮助读者理解和记忆文学作品的情节与角色，也能在课文学习、写作训练以及专业书籍阅读时，为用户提供丰富的互动式学习体验。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 剧想·智读 - 前端仓库

本项目作为软件学院创新项目实训的一部分

本仓库为“剧想·智读——AI驱动的沉浸式阅读与学习平台”的前端部分，使用 [Vite](https://vitejs.dev/) + [Vue3](https://v3.vuejs.org/) 构建。该平台通过 AI 驱动的交互功能，助力学生和阅读者实现沉浸式的阅读与学习体验。

---

## 项目简介

“剧想·智读”旨在将 AI 技术与阅读体验相融合，为用户提供：
- **沉浸式阅读体验**：通过模拟书中人物对话和动态剧情推演，帮助用户更深入地理解文本内容。
- **前情提要与知识图谱**：实时展示人物关系、情节梗概以及专业背景知识，降低理解门槛。
- **写作与学习辅助**：提供写作风格分析、专业术语释义等功能，辅助学生提升写作能力和专业阅读水平。

该前端仓库主要负责构建交互式阅读器与各类可视化组件，为用户带来直观、便捷的学习和阅读体验。

---

## 技术栈

- **构建工具**：[Vite](https://vitejs.dev/)
- **前端框架**：[Vue3](https://v3.vuejs.org/)
- **UI 组件库**：可根据需要引入（如 Element Plus、Ant Design Vue 等）
- **状态管理**：Vuex 或 Pinia（按项目需求选型）
- **路由管理**：Vue Router
- **HTTP 请求**：Axios 或 Fetch API

---

## 项目结构

```plaintext
├── public/                 # 静态资源文件
├── src/
│   ├── assets/             # 图片、样式等资源
│   ├── components/         # 各种 Vue 组件（阅读器、对话框、剧情图等）
│   ├── views/              # 页面级组件（首页、阅读页面、测试页面等）
│   ├── router/             # 前端路由配置
│   ├── store/              # 状态管理（Vuex/Pinia）
│   ├── utils/              # 工具函数与 API 封装
│   ├── App.vue             # 主应用组件
│   └── main.js             # 入口文件
└── package.json            # 项目依赖及脚本配置

---

## 开发与构建

### 环境搭建

确保已安装 [Node.js](https://nodejs.org/)（推荐版本 14+）。

1. **克隆仓库**

   ```bash
   git clone <your-gitee-repo-url>
   cd <project-directory>
   ```

2. **安装依赖**

   ```bash
   npm install
   ```

3. **启动开发服务器**

   ```bash
   npm run dev
   ```

   默认访问地址：[http://localhost:3000](http://localhost:3000)

### 构建与部署

1. **生产环境构建**

   ```bash
   npm run build
   ```

   构建产物将输出至 `dist/` 目录。

2. **预览构建结果**

   ```bash
   npm run preview
   ```

---

## 功能亮点

- **交互式阅读器**  
  支持电子书内容的加载、翻页、章节跳转及高亮标记。

- **AI 对话集成**  
  嵌入 AI 助手窗口，用户可实时提问，平台通过调用后端大语言模型接口返回回答。

- **剧情推演与角色展示**  
  通过可视化组件展示动态剧情走向、角色关系图等，提升用户的沉浸感。

- **写作与专业知识辅助**  
  提供写作风格分析、专业术语释义等功能，辅助用户深入理解文本与专业文献。

---

## 贡献指南

欢迎对本项目感兴趣的开发者参与贡献！

- 提交 Issue 反馈问题与建议。
- Fork 本仓库后发起 Pull Request 贡献代码。
- 请确保代码风格统一，并附上必要的文档说明。

---

## 许可协议

本项目前端部分遵循 [MIT 许可协议](LICENSE)。详细条款请查阅 LICENSE 文件。

---

> 欢迎 Star 与 Fork 本项目，共同打造沉浸式 AI 阅读与学习平台！
```