StudyTool英语学习网站产品系统

我要开发同款
Blue2025年09月12日
603阅读

技术信息

语言技术
JavaHTML5JavaScriptMySQL语音识别
系统类型
Web
行业分类
教育校园

作品详情

行业场景

立项原因:传统英语听说学习依赖线下课堂或碎片化资源,存在练习素材分散、缺乏即时反馈、学习进度难以追踪等痛点。市面现有工具多侧重阅读或词汇,针对听力精听、听写批改、口语朗读训练的专业化平台较为缺乏,用户难以系统性提升听说能力。

行业场景:本项目属于在线教育行业,聚焦英语听说训练细分领域,已上线公网运营(https://studytool.site)。面向备考四六级、雅思、托福、专四专八、商务英语等考试的学生及希望提升英语听说能力的自学者,提供覆盖七大考试专题的真题音频精听、逐句听写批改、口语朗读句子本、生词本管理等一站式学习工具,并支持将听力原句一键导入口语练习,实现听说联动的完整学习闭环。平台通过每日签到、积分激励和学习统计等机制,帮助用户建立持续学习习惯,系统性提高英语听说水平。

功能介绍

1、听力精听:覆盖四六级、雅思、托福、专四专八、商务英语七大考试专题的真题音频,支持逐句播放、字幕同步显示、倍速调节、循环与自动连播,进度自动保存、断点续听。
2、听写训练:对音频内容逐句听写,系统自动批改并标注错误,记录听写历史和准确率,持续追踪薄弱环节。
3、口语朗读:句子本朗读训练,每句累计朗读遍数、达标进度环、TTS 示范发音、盲读模式,配合日历视图与达标筛选,把重点句读到脱口而出。
4、听说联动:播放页可将听力原句一键导入口语练习,句子自动标注来源文章与句序,随时跳回原句重听原声。
5、生词本:文章内选词查询释义、一键收藏生词,支持搜索、批量管理和发音播放,方便集中复习。
6、句子收藏:收藏重点句子,按文章筛选或统一浏览,便于回顾核心表达。
7、积分体系:每日签到与连续签到里程碑奖励、微信支付充值、文章积分兑换与续期,支撑平台可持续运营。
8、学习统计:个人仪表盘展示学习时长、完成篇数、收藏数量、词汇量等关键指标,直观了解学习进度。
9、用户中心:手机验证码登录(登录即注册)、微信扫码登录、换绑手机号、退出所有设备、个人资料编辑与头像上传。
10、后台管理:数据分析看板、文章与字幕管理、用户管理、积分管理、口语统计、认证审计日志、微信群运营等,支撑平台精细化运营。

项目实现

负责任务:独立负责项目从零到一的全栈开发与运营,包括需求分析、数据库设计、后端 API 开发、前端页面实现、第三方服务集成、CI/CD 流水线搭建、线上运维与安全加固。

技术栈与架构:后端采用 Spring Boot 3.2 + Spring Data JPA + MySQL 8,数据库变更由 Flyway 版本化管理(50 个迁移脚本);前端使用 Thymeleaf 模板引擎 + Bootstrap 4 + 原生 JavaScript,npm + terser 构建压缩,静态资源内容哈希实现长缓存。认证采用 Spring Security + JWT 无状态方案,实现登出即时吊销、tokenVersion 全端失效、滑动续期与绝对会话上限。

第三方集成:微信扫码登录、微信支付充值回调、阿里云短信验证码、阿里云 OSS 音频与头像存储(签名 URL 防盗链)、阿里云 SLS 日志采集、讯飞语音评测。

安全与质量:接口多维限流、短信日配额熔断、防账号枚举、SSRF/XFF 伪造防护、CSP 内容安全策略、审计日志脱敏;后端 JUnit 5 集成测试 500+ 用例并以 JaCoCo 设覆盖率门禁,关键用户流程用 Playwright 编写 25 个 E2E 测试场景。

部署架构:阿里云 ECS + Docker Compose + Nginx 反向代理,GitHub Actions 双 Job CI/CD——云端 Maven 构建产物、ECS self-hosted runner 拉取部署、飞书通知结果,代码推送后约 4 分钟自动上线。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论