04教育科技
HSK 分级中文阅读与互动学习平台
面向成人中文学习者的 HSK 1–6 分级阅读平台，把内容检索、汉字、拼音、词汇、音频与测验组织成连续学习体验。
2026系统内容介绍
从实际业务流程出发，说明系统所解决的问题、实现路径与具体交付范围。
01
业务问题
内容来自 WordPress，文章结构和会员状态并不完全一致。前端既要保持阅读体验，也要正确处理等级映射、HTML 清洗、公开预览、登录与会员锁定。
02
系统方案
Next.js 内容层读取并清洗 WordPress REST API 数据，将文章映射到 HSK 1–6，统一搜索筛选、文章详情、音频、词汇和测验组件，并通过 PMPro 检查控制访问状态。
03
负责范围
负责组件系统、响应式体验、内容 API 集成、HTML 解析与标准化、文章渲染、HSK 分类、认证流程、会员权限及可复用阅读模块。
系统界面节选
以下为经整理与脱敏的功能界面，点击图片可查看完整尺寸。
分级阅读与互动学习全景
展图组合阅读主视觉、HSK 分级内容库和文章详情，呈现从内容发现到持续学习的完整体验。
学习平台首页
首页组织推荐内容、学习入口与产品价值，让学习者快速进入适合自己的阅读路径。
首页阅读主视觉
阅读主视觉明确 HSK 1–6 分级、音频支持与进度追踪，降低成人学习者的进入门槛。
HSK 分级内容库
内容库支持按 HSK 等级、主题和内容类型筛选，并统一呈现文章预览与会员访问状态。
文章阅读详情页
文章详情整合汉字、拼音、词汇、音频和测验内容，保持连续、清晰的阅读节奏。
分级内容与会员访问工作流
WordPress 内容经清洗与等级映射后进入搜索、阅读、音频与测验模块，并依据会员状态控制公开预览和完整访问。
04
核心交付
- 01
HSK 1–6 内容分类
- 02
WordPress 内容清洗与渲染
- 03
音频、词汇和测验模块
- 04
会员访问与锁定预览
05 / AI 应用与健康科技