# study-tools

**Repository Path**: qwretee_admin/study-tools

## Basic Information

- **Project Name**: study-tools
- **Description**: 学习小工具
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-05
- **Last Updated**: 2025-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 语文练习模板生成器

一个基于Web的可定制语文练习模板生成工具，根据图片内容格式设计，支持动态生成题目区域、多音字模块和日积月累模块。

## 功能特点

### 🎯 核心功能
- **题目输入区**：用户输入题目和字数，自动生成对应行数的书写区域
- **多音字模块**：支持多音字表格生成，包含生字、注音、偏旁、结构、组词、造句等列
- **日积月累模块**：根据内容长度自动调整书写行数
- **打印功能**：专门优化的打印样式，确保输出格式规范

### 📝 使用方式
1. 填写练习题目和日期
2. 设置字数（生成对应的书写行数）
3. 输入多音字内容（格式：字|拼音1|拼音2）
4. 输入日积月累内容
5. 点击"生成模板"预览效果
6. 点击"打印模板"进行打印

### 🎨 设计特色
- **清晰布局**：模仿传统练习册样式，符合学习习惯
- **响应式设计**：支持不同屏幕尺寸，移动端友好
- **打印优化**：专门的打印CSS，确保纸质输出效果
- **用户友好**：简洁的操作界面，一键生成和打印

## 文件结构

```
chajian/
├── index.html          # 主页面文件
├── styles.css          # 样式文件
├── script.js           # JavaScript逻辑
└── README.md           # 项目说明
```

## 使用说明

### 多音字输入格式
每行输入一个多音字，使用竖线分隔不同读音：
```
转|zhuǎn|zhuàn
乐|lè|yuè
长|cháng|zhǎng
```

### 字数设置
- 输入数字1-20，系统会生成对应行数的书写区域
- 每行包含：序号、生字区、注音区、组词区等

### 日积月累
- 输入要练习的内容
- 系统根据内容长度自动计算需要的书写行数
- 最少3行，确保充足的练习空间

## 技术特点

### 🔧 技术栈
- **HTML5**：语义化标签，结构清晰
- **CSS3**：Flexbox布局，打印媒体查询
- **JavaScript ES6+**：模块化设计，纯函数实现

### 📱 兼容性
- 支持现代浏览器（Chrome、Firefox、Safari、Edge）
- 响应式设计，适配移动设备
- 打印功能兼容各种打印机

### 🛡️ 安全特性
- 输入过滤，防止XSS攻击
- 纯前端实现，无服务器依赖
- 本地运行，数据不上传

## 快速开始

1. **下载文件**：将所有文件保存到同一目录
2. **打开浏览器**：双击`index.html`文件
3. **填写表单**：按照提示输入相关内容
4. **生成模板**：点击"生成模板"按钮
5. **打印使用**：点击"打印模板"进行打印

## 自定义说明

### 样式调整
可以修改`styles.css`文件中的以下部分：
- `.template-content`：调整模板整体尺寸
- `.polyphone-table`：修改多音字表格样式
- `.writing-lines`：调整书写行高度和间距

### 功能扩展
可以在`script.js`中添加新功能：
- 增加新的练习模块
- 修改表格列数和内容
- 添加更多输入验证

## 注意事项

1. **打印设置**：建议使用A4纸张，边距设置为最小
2. **浏览器兼容**：推荐使用Chrome或Edge浏览器获得最佳效果
3. **内容长度**：多音字和日积月累内容不宜过长，以免影响排版
4. **保存功能**：当前版本不支持保存，建议及时打印或截图保存

## 更新日志

### v1.0.0 (2024-01-15)
- ✨ 初始版本发布
- 📝 实现题目输入区功能
- 📊 添加多音字表格模块
- 📚 实现日积月累模块
- 🖨️ 完善打印功能
- 📱 响应式设计支持

---

**开发说明**：本项目严格遵循代码规范，使用JSDoc注释，采用纯函数设计，确保代码的可维护性和可测试性。