Skip to content

技术概览

欢迎来到文言文学习助手的技术文档。本文档面向开发者,介绍项目的技术架构和实现细节。

技术栈

类别技术版本
前端框架Next.js14.x
UI 框架React18.x
桌面框架Electron最新
语言TypeScript5.x
样式CSS Modules-
状态管理Zustand5.x
测试框架Vitest1.x
构建工具electron-builder-

架构概览

┌─────────────────────────────────────────────────────┐
│                    Electron                          │
│  ┌───────────────────────────────────────────────┐  │
│  │                 Main Process                   │  │
│  │  - 窗口管理                                    │  │
│  │  - 文件系统访问                                │  │
│  │  - 系统集成                                    │  │
│  └───────────────────────────────────────────────┘  │
│                        ↕ IPC                         │
│  ┌───────────────────────────────────────────────┐  │
│  │               Renderer Process                 │  │
│  │  ┌─────────────────────────────────────────┐  │  │
│  │  │              Next.js App                 │  │  │
│  │  │  ┌─────────┐  ┌─────────┐  ┌─────────┐ │  │  │
│  │  │  │  Pages  │  │Components│  │Services │ │  │  │
│  │  │  └─────────┘  └─────────┘  └─���───────┘ │  │  │
│  │  │              ↕                          │  │  │
│  │  │  ┌─────────────────────────────────┐   │  │  │
│  │  │  │      Zustand Store              │   │  │  │
│  │  │  └─────────────────────────────────┘   │  │  │
│  │  └─────────────────────────────────────────┘  │  │
│  └───────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────┘

核心模块

数据存储 (storage.ts)

负责所有数据的持久化,使用 LocalStorage 存储 JSON 数据。

AI 服务 (ai.ts)

封装 AI API 调用,支持多种 AI 服务商。

出题引擎 (examGenerator.ts)

根据义项库数据自动生成练习题。

思维导图 (mindmap.ts)

思维导图的数据管理和渲染。

Word 导出 (wordExport.ts)

使用 docx.js 生成 Word 文档。

数据流

用户操作 → React 组件 → Service 层 → Storage 层 → LocalStorage

           Zustand Store (状态管理)

           UI 更新

快速链接

基于 MIT 许可发布