学习网站产品系统

我要开发同款
v亮2026年10月18日
9阅读

技术信息

语言技术
React、TypeScript
系统类型
Web、H5
行业分类
教育校园

作品详情

行业场景

此学习网站是面向在线教育与知识付费场景的课程订阅学习平台,涵盖科学、中国人文及欧洲人文等课程内容。项目旨在解决课程展示、用户购买、订阅权益和学习过程相互割裂的问题,为学习者提供从课程了解、免费预览、注册登录、付费订阅到持续学习的完整路径。同时,为课程管理人员和运营人员提供内容维护、订单查询及支付管理能力,支持课程内容的持续运营与商业化,并通过 AI Tutor和知识库 辅助答疑,提升自主学习中的互动体验。

功能介绍

项目包含课程门户、注册认证、购买与支付、订阅管理、我的课程、我的学习、我的习题、AI问答、学习小组 和运营后台等模块。课程门户支持课程分类浏览、详情展示及首课预览;注册认证支持邮箱注册、邮件验证、密码找回以及 Google、微信登录。购买与订阅模块支持课程、分类及全站权益管理,接入 Stripe 完成支付、续费、取消或恢复自动续费,并支持分类订阅升级及付款记录、收据查询。学习模块支持视频、文本和 PDF 内容展示、学习模式切换、进度保存、断点续学及知识自测、应用练习记录。AI Tutor 结合当前课程和课时材料,提供讲解式与苏格拉底式对话及流式回答;Group Study 提供小组和学习会话管理。运营后台支持课程编辑、发布、订单查询及支付处理,界面支持简体中文与英式英语。

项目实现

我负责课程门户与学习页面开发、业务接口实现,以及注册认证、订阅支付、课程访问权限和学习记录等核心流程的联调,并参与自动化测试与部署流程建设。项目使用 Next.js 15、React 19、TypeScript 和 Node.js,采用单应用承载页面与 API 的架构,通过应用服务和数据访问层组织业务逻辑,使用MySql数据库。
实现难点包括订单、支付、订阅与 Entitlement 的状态一致性,以及重复回调、并发请求和支付失败后的安全重试;通过数据库事务、唯一幂等键、Stripe Webhook 验签及服务端权益校验保障业务正确性。订阅升级采用 Stripe 按剩余周期计算费用,学习进度由服务端校验并保存。学习过程使用AI大模型回答问题,通过RAG知识库系统增强检索。学习小组使用LiveKit Cloud + WebRTC提供多人实时音视频、麦克风与摄像头控制、屏幕共享的在线会议,使用 Playwright 和 Node.js 测试覆盖关键路径,并通过 Docker、GitHub Actions 和 AWS App Runner 支持构建与发布。

示例图片

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

评论